Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

DES POPUPS XP MEME SANS WINDOWS XP


Information sur la source

Catégorie :Fenêtre & Pop-up Niveau : Débutant Date de création : 15/04/2004 Date de mise à jour : 18/04/2004 13:04:37 Vu / téléchargé: 11 629 / 1 521

Note :
7,78 / 10 - par 18 personnes
7,78 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (24)
Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale
Je dois dire que je suis plutôt fier d'avoir fait ce script, il est :
- simple (niveau plus que débutant)
- assez complet (il y a de tous petits problèmes)
- très rapide à construire (j'ai dû le faire en 5 heures environ)

Ce script permet simplement de créer des popups à l'allure Windows XP, autant que vous le vouliez, en plus elles sont dimensionnables à souhait, et l'on peut intégrer des fichiers externes dedans, enfin contrairement à un script très célèbre sur ejs (editeurjavascript.com), si on en crée deux, on peux TOUTES LES DEUX les bouger.

Moi, je le trouve sympa mon script, et vous ?
 

Source

  • le source se trouve dans la librairie popup.js
le source se trouve dans la librairie popup.js

Conclusion

Pour inclure la librairie popup.js, vous le savez peut-être, il faut écrire juste avant la balise </html> ceci:
<script src="popup.js"></script>

IL N'Y A ABSOLUMENT AUCUNE LIGNE DE PROGRAMMATION EN JAVASCRIPT A RAJOUTER ! :-)

Il existe une syntaxe particulière pour créer sa propre popup :

<DIV ID="popup[X]" TITLE="titre de la fenêtre" ICON="icon.gif" SRC="fichier.html" STYLE="position:absolute;top:[Ywindow]px;left:[Xwindow]px;height:[Hwindow]px;width:[Wwindow]px">Contenu de la fenêtre si pas de fichier externe uniquement</DIV>

[X] designe le numéro de la popup (pour la première, ATTENTION, c'est popup0)
[Xwindow] et [Ywindow] désignent les coordonnées la fenêtre et
[Hwindow] et [Wwindow] désignent la hauteur et la largeur de la fenêtre
l'attribut SRC n'est à placer que s'il on veut placer un fichier externe dans la popup UNIQUEMENT.

ENFIN : Si vous souhaitez rajouter une popup par balise <a> il existe deux solutions :
- soit vous initilaisez mauellement en javascript la <div> pour qu'elle soit en visibility hidden au démarrage
- soit vous lancez un javascript:document.write('<DIV ID="POPUP[X] etc...>truc</DIV>');start()
(la primitive start() réinitialise toutes les popups, les affiche et les active)

C'est tout!
PS : Faîtes croire à vos amis que vous avez Windows XP lol !
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de aKheNathOn le 15/04/2004 18:02:16

Franchement bluffant, tu as fait les événements du boutton minimiser et maximiser :) Trop bien, sauf que elle est lourde l'anim de maximisation, tu peux changer la vitesse, car là ça perd du temps.

Sinon c parfait, cependant j'ai constaté quelques bugs :

- Quand tu commences à redimensionner une fenetre, et que tu passes sur l'entéte d'une autre tu arrétes pas ensuite de redimensionner, bréf regardes t'as surement en bug las dedans ...
- Quand tu met une fenetre en plein écran, puis on la remet en taille normale elle revient pas aux positions de départ.

Bonne continuation, il est couette ton script :) ... et puis l'astuce est bonne car mon anti-popup ne l'a même pas vu venir :)

signaler à un administrateur
Commentaire de quitues le 15/04/2004 19:00:26

vraiment super comme truc !! continue comme ca :)

signaler à un administrateur
Commentaire de LiBe444 le 15/04/2004 20:30:09

Le bug "tu arrétes pas ensuite de redimensionner" a été corrigé par l'implémentation de la fonction PreventWinStick !
(en français ça donnce fonction EmpêcherFenêtreDeCollerALaSouris)

signaler à un administrateur
Commentaire de LiBe444 le 15/04/2004 20:32:05

Redimensionner aux dimensions initiales serait coûteux en temps et ne rapporte pas grand chose à mon goût.
Quant au défilement, tu as raison, vivement Internet Explorer 7 que js fonctionne plus vite!

signaler à un administrateur
Commentaire de lebarn le 15/04/2004 22:02:54

Bonjour,  ta source est une merveille, de plus mon anti-popup n'a pas vu venir non-plus la fenêtre, moi je mets 12/10 (Du moins 10/10 c'est déjà bien).

Lord Lebarn, Seigneur de la région des vaches !

signaler à un administrateur
Commentaire de apxa le 16/04/2004 10:06:15

Salut,
tu n'aurais pas pompé ca de mon site ?
ceci dit c'est bien comme même bon boulot.
si ca t'interesse de te pencher avec moi sur se genre de site tu peux me contacter directement.
have fun ;)

signaler à un administrateur
Commentaire de LiBe444 le 16/04/2004 12:01:29

AVEC TOUT LE MAL QUE JE ME SUIS DONNE, JE T'INTERDIS DE DIRE CA !
JE SUIS L'AUTEUR LEGITIME DE CE SCRIPT !
IL N'Y QUE LES BOUFFONS POUR POSTER DES SOURCES EMPRUNTES SUR D'AUTRES SITES !

signaler à un administrateur
Commentaire de LiBe444 le 16/04/2004 12:06:37

Cela dit, il est bien ton site, quoique un peut trop calqué sur windows.. (étrangement)
C'est vrai que c'est marrant de simuler la barre des tâches de windows, mais pour un internaute moyen les rubriques sont assez difficilement accessibles (ils préfèrent un menu simple et pas déroulant)

signaler à un administrateur
Commentaire de chimelpremier le 16/04/2004 13:41:10

Pas mal, dommage que ce soit mononavigateur, ça demanderai à être sémantiquement amelioré. Si j'y arrive, je l'adopterai pour mon source "renvoi d'images".
cordialement

signaler à un administrateur
Commentaire de lebourgjf le 21/04/2004 13:28:48

Un très bon script.

Je rejoins le propos d'aKheNathOn. Le redimensionnement de la fenêtre devrait déclencher le redimensionnement du popup.

Ou du moins, si on clique sur Agrandir, çà devrait s'agrandir en fonction des dimensions réelles de la fenêtre (et non de l'écran : screen).

Une autre remarque : çà serait super si l'ordre de superposition était amélioré. Faire en sorte que le popup sélectionné passe devant tous les autres. A priori, çà doit pouvoir se gérer via la propriété 'z'.

Enfin, afin de le rendre plus souple d'intégration dans des page Web, définis des variables en entête du js (chemin d'accès aux images gif, styles de couleur, police...). Ca ne mange pas de pain et çà sera bigrement utile.

J'ai mis 8/10. Avec les modifs ci-dessus, sûr que çà frisera le 10 ;-)

Encore bravo !

signaler à un administrateur
Commentaire de LiBe444 le 21/04/2004 13:45:36

Bonne idée lebourgjf !
Faut que je voie ça à l'occaz (priorité des fenêtres)

signaler à un administrateur
Commentaire de snooka le 23/04/2004 08:45:57

Super  juste une petite question avec netscape cela fonctionne oui ou non? voila merci d'avance

snooka

signaler à un administrateur
Commentaire de LiBe444 le 24/04/2004 14:24:32

Il faut au minimum disposer de NS6 car ce script gère la méthode getElementById.

@+

signaler à un administrateur
Commentaire de nico606 le 28/04/2004 18:55:54

tres impresionnant

signaler à un administrateur
Commentaire de tonio134 le 13/05/2004 18:36:17

je trouve ton script génial et très bluffant franchement FELICITATION!!!!

signaler à un administrateur
Commentaire de eicthecat le 14/05/2004 10:06:43

Dommage que çe ne puisse pas sortir de la fenètre du browser dis-tu ?
... si tu cherches du coté de chromeless (http://www.chromeless.org/) je pense que tu peux trouver quelques astuces pour le faire (ou du loins faire semblant... chromeless crée un fenètre de taille 5000 par 5000 en la déplaçant de telle manière que tu ne vois pas les barres de menu et en mettant le fond transparent (ce qui ne marche que sous IE)... de cette façon, tu peux implémenter ton propre design et tes fonctionnalités de fenètre ...

Hop... bonne continuation... et essaye de rester zen, c'est juste de l'informatique, pas de la vie ... :-)

signaler à un administrateur
Commentaire de aquewel le 20/07/2004 07:35:23

bonjour, j'utlise ce script mais je voudrais l'utiliser de tel maniere a ce ke quand on clique sur un lien la fenetre div s'ouvre a ce moment la.

je ne comprend pas les explications donné par l'auteur de la source

ENFIN : Si vous souhaitez rajouter une popup par balise <a> il existe deux solutions :
- soit vous initilaisez mauellement en javascript la <div> pour qu'elle soit en visibility hidden au démarrage
- soit vous lancez un javascript:document.write('<DIV ID="POPUP[X] etc...>truc</DIV>');start()
(la primitive start() réinitialise toutes les popups, les affiche et les active)


merci de m'aider
axel

signaler à un administrateur
Commentaire de woki le 24/07/2004 11:32:15

IDEm ge comprend pas les explication pour faire un liens

signaler à un administrateur
Commentaire de malkommalkom le 07/12/2004 15:17:43

Un seul mot a dire :  bravos !!!!!

signaler à un administrateur
Commentaire de aquewel le 24/05/2005 23:06:04

est ce kon peut avoir la meme chose mais pas une fenetre directement ouverte
une fenetre qui s'ouvre a l'interieur de la page kan on clique sur un lien ??????

signaler à un administrateur
Commentaire de OverDarck le 11/07/2005 14:59:20

Dommage que sa ne marche pas bien du tout avec firefox...
sinon sa aurai été parfais, d'apres ce que j'ai vu c'est a cause de certaine libertée que tu as pris avec ton code JS, mais sinon félicitation c'est trés réussit !

signaler à un administrateur
Commentaire de crazygogo le 30/07/2005 02:27:17

J'ai modifié (amélioré ?) le source 21975 de LIBE444 et mon source est consultable à cette adresse: http://www.javascriptfr.com/code.aspx?ID=32966

J'avais besoin qu'une des popups soit animée j'ai donc créé le script nécessaire et j'ai modifié aussi la fonction qui permet de maximiser une fenêtre afin qu'elle ne dépasse pas la taille de la fenêtre principale.

signaler à un administrateur
Commentaire de Mrreivax le 09/12/2007 13:55:21 10/10

Bon ben, que dire?
Génial? A oui, c'est bien ca.
Excellent! 10/10!!

signaler à un administrateur
Commentaire de Mrreivax le 09/12/2007 13:57:34

A oui, juste un petit soucis: ne fonctionne pas sous firefox.
Mais génial quand meme!

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,265 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.