Ouverture d'une boite popup

[Zen-Spirit]

Bonjour à tous !

Je reviens vers pour un petit problème que je rencontre.

Voilà, je veux créer l'ouverture d'une boite de popup lorsque je clic su un lien.

J'ai téléchargé une source qui montre comment faire çà Ici la source

Dans cette source il y a 5 fichiers

- Index htm

- popup.htm

- popup.js

- serial-popup-killer.js

- serial-popup-killer.css

Alors moi dans ma page index à moi, j'ai mis 2 liens pour faire un test ( dans Fil Info de mon site : ICI MON SITE)

<li><a href="pop_up/popup-accessible/popup.htm" class="popup"><span>18h50</span> <strong>Pays-Bas  </strong> -  Huntelaar touché</a></li> </li>
<li><a href="pop_up/popup-accessible/popup.htm" class="popup"><span>18h45</span> <strong>blabla</strong> -  Essai Popup 2</a></li> </li>

Le chemin pour aller vers les 4 autres fichiers sont : "pop_up/popup-accessible/popup.htm"

"pop_up/popup-accessible/popup.js"

"pop_up/popup-accessible/serial-popup-killer.js"

"pop_up/popup-accessible/serial-popup-killer.css"

1/ Mais voilà, lorsque je clique sur les deux liens de test que j'ai mis sur mon site, il affiche une page html normale et non dans dans une popup.

2/ Autre soucis que je viens tout juste de voir, c'est que tout en bas de ma page, en descendant au maximum, il me met directement un lien de fermeture de popup, hors ma page index n'est pas une popup, d'ailleurs ce n'est pas ce que je souhaite.

Je ne vois pas où est l'erreur alors que si je fais un test avec la page index d'origine de la source, çà marche et çà ouvre bien dans une popup.

Pouvez vous m'aider à comprendre l'erreur ici ?

Merci.

Pour info : Voici le fichier serial-popup-killer.js

CODE

/*****************************************/

/* */

/* Bouton de fermeture pour popup */

/* Script DOM popup.js */

/* Auteur: koala64 */

/* Contact: contact_koala64_AT_yahoo.fr */

/* */

/*****************************************/

// Création d'un objet

var o = {};

// Propriétés Popup de l'objet

o.Popup =

{

// Initialisation de l'objet

__Init__: function()

{

if( !document.getElementsByTagName ||

!document.createElement ||

!document.createTextNode ) return false;

return o.Popup.__Handle__();

},

// Création et insertion du bouton de fermeture

__Handle__: function()

{

var oBody = document.getElementsByTagName('body')[0],

oA = document.createElement('a'),

oTextA = document.createTextNode('Fermer la popup');

oA.setAttribute('href','#');

oA.setAttribute('id','kill');

oA.appendChild(oTextA);

oBody.appendChild(oA);

oA.onclick = o.Popup.__Kill__;

},

// Méthode de fermeture de la popup

__Kill__: function()

{

self.close();

}

};

// Chargement de l'objet au lancement de la page.

window.onload = o.Popup.__Init__;

Et Voici l'autre fichier : popup.js

CODE

/*****************************************/

/* */

/* Popup accessible (DOM) */

/* Script DOM popup.js */

/* Auteur: koala64 */

/* Contact: contact_koala64_AT_yahoo.fr */

/* */

/*****************************************/

// Création d'un objet

var o = {};

// Propriétés Popup de l'objet

o.Popup =

{

// Initialisation de l'objet

__Init__: function()

{

if( !document.getElementsByTagName ) return false;

return o.Popup.__Manager__();

},

// Gestionnaire de l'évènement onclick sur les liens possédant la classe 'popup'.

__Manager__: function()

{

var oLink = document.getElementsByTagName( 'a' ),

a = oLink.length - 1;

for( a; a >= 0; a-- )

{

if( oLink[a].className == 'popup' )

{

oLink[a].onclick = o.Popup.__Open__;

}

}

},

// Méthode d'ouverture de la popup

__Open__: function()

{

window.open( this.href , '' , 'top=200 , left=200 , width=200 , height=100 , scrollbars=yes' );

return false;

}

};

// Chargement de l'objet au lancement de la page.

window.onload = o.Popup.__Init__;

Merci

[Zerobug]

Pas tout compris à ce que tu voulais faire.......mais déjà, ton site est super long à charger !

Ensuite, j'ai un système de pop-up sur la page des outils et liens dépannage informatique de mon site.

Ouvre la page et clique sur les premiers outils (4 premiers liens). C'est ça que tu cherches à faire ?

[yuston]

Il ne cherche pas à faire une lightbox si tu lisais un peu ce qu'il écrit et visite les liens qu'il donne. Donc merci pour ta pub gratuite de ton site.

Bref, pour le problème de pop up, je n'ai pas analysé les fichiers Javascript, mais sur l'exemple on voit clairement que la destination du lien est une page en HTML et il y a une class pop up.

Chez toi, tu lies une fonction javascript. Essaie de faire un lien "normal":

<li><a href="pop_up/popup-accessible/declaration_ribery.html" class="popup"><span>18h50</span> <strong>RIBERY  </strong> -  Zizou nous a manqué</a></li>

Sinon je n'ai pas vu l'appel du fichier popup.js, c'est normal?

Dernier conseil: essaie de reprendre le code d'exemple du tutoriel et bidouille le un peu pour arriver à faire ce que tu veux.