all html : Le portail des webmaster
Article publié le lundi 10 juillet 2006 par koala64.
Cet article est classé dans les catégories « Javascript »
Ce script montre comment faire une popup accessible avec un bouton de fermeture.
<script src="popup.js" type="text/javascript"></script><a href="lien.htm" class="popup">lien</a><script src="serial-popup-killer.js" type="text/javascript"></script>
// 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__;
// 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__;
Commentaire publié le samedi 05 août 2006 - 16h29 par persolaser Commentaire publié le samedi 05 août 2006 - 18h38 par koala64 
Commentaire publié le mercredi 10 janvier 2007 - 13h11 par jarodender Commentaire publié le mercredi 10 janvier 2007 - 13h41 par koala64 
Commentaire publié le jeudi 28 février 2008 - 21h00 par Maclosky Commentaire publié le jeudi 28 février 2008 - 21h04 par Maclosky Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.
Discutez et échangez sur ce thème dans notre forum Javascript - DHTML - VBScript.
03/02/2012 - 14h31
code javascript (1 réponse)
24/01/2012 - 16h12
Fonction javascript cacher div appelée plusieurs fois dans une boucle php (8 réponses)
24/01/2012 - 14h07
Script opacité et validateur (5 réponses)
19/01/2012 - 15h16
jquery problème de double click sur boutons chargés par ajax (3 réponses)
26/12/2011 - 14h37
Rollover sur image Map (0 réponse)