begin process at 2012 02 12 19:36:43
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Fenêtre & Pop-up

 > DES POPUPS XP MEME SANS WINDOWS XP

DES POPUPS XP MEME SANS WINDOWS XP


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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é :13 398 / 1 577

Auteur : LiBe444

Ecrire un message privé
Site perso
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:[Xwi ndow]px;height:[Hwindow]px;width:[Wwindow]px">Cont enu 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

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

Source avec Zip Source avec une capture MOBY BROS : L'AVENTURIER DES ÉTOILES
Source avec Zip Source avec une capture .:[CASSE-BRIQUES]:. DEBUGGE
Source avec Zip Source avec une capture "MENU ROLLOVER V3" ET "MENU CONVIVIAL EFFET GARANTI V2"

 Sources de la même categorie

Source avec Zip Source avec une capture POSMOUSE - AFFICHAGE DES COORDONNÉES DE LA SOURIS, TAILLE DE... par phidelum
SFR WIDGET ET JQUERY par hhoareau
Source avec Zip JOLIE ALERTE AVEC "ALERT()" par heycraft
Source avec Zip Source avec une capture FENETRE D'ACTUALITE par kazma
Source avec Zip Source avec une capture CLASS POP-IN AVEC EFFET SOUS JQUERY DE "CONNEXION" STYLE CS ... par Nementon

Commentaires et avis

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 :)

Commentaire de quitues le 15/04/2004 19:00:26

vraiment super comme truc !! continue comme ca :)

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)

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!

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 !

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 ;)

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 !

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)

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

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 !

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)

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

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.

@+

Commentaire de nico606 le 28/04/2004 18:55:54

tres impresionnant

Commentaire de tonio134 le 13/05/2004 18:36:17

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

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 ... :-)

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

Commentaire de woki le 24/07/2004 11:32:15

IDEm ge comprend pas les explication pour faire un liens

Commentaire de malkommalkom le 07/12/2004 15:17:43

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

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 ??????

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 !

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.

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!!

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

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,562 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales