Découvrez
Digiposte !
Posez votre question Signaler

Onload [Résolu]

Isa - Dernière réponse le 12 mai 2009 à 17:38
Bonjour,
Je voudrais savoir comment faire pour déclencher la popup javascript au chargement de la page. Je suppose qu'il faut remplacer la syntaxe du bouton par un body onload mais je ne vois pas trop comment lécrire de manière correcte. Voici le code : 
<style type='text/css'>
.dragme { cursor: move }
</style>

<script type='text/javascript'>
var ie = document.all;
var nn6 = document.getElementById &&! document.all;

var isdrag = false;
var x, y;
var dobj;

function movemouse( e ) {
 if( isdrag ) {
   dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
   dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
   return false;
 }
}

function selectmouse( e ) {
 var fobj       = nn6 ? e.target : event.srcElement;
 var topelement = nn6 ?  HTML  :  BODY ;
 while (fobj.tagName != topelement && fobj.className !=  dragme ) {
   fobj = nn6 ? fobj.parentNode : fobj.parentElement;
 }

 if (fobj.className== dragme ) {
   isdrag = true;
   dobj = document.getElementById( styled_popup );
   tx = parseInt(dobj.style.left+0);
   ty = parseInt(dobj.style.top+0);
   x = nn6 ? e.clientX : event.clientX;
   y = nn6 ? e.clientY : event.clientY;
   document.onmousemove=movemouse;
   return false;
 }
}

function styledPopupClose() {
 document.getElementById( styled_popup ).style.display =  none ;
}

document.onmousedown=selectmouse;
document.onmouseup=new Function( isdrag=false );
</script>

<div id='styled_popup' name='styled_popup' style='width: 380px; height: 300px; display:none; position: absolute; top: 50px; left: 50px;'>

<table width='380' cellpadding='0' cellspacing='0' border='0'>
<tr>
<td><img height='23' width='356' src='media/x11_title.gif' class='dragme'></td>
<td><a href='javascript:styledPopupClose();'><img height='23' width='24' src='media/x11_close.gif'
border='0'></a></td>
</tr>
<tr><td colspan='2' style='background: url( media/x11_body.gif ) no-repeat top left; width: 380px; height: 277px;'>
Drag my window title to see me moving :-)
</td></tr>
</table>

</div>

<input type='submit' onClick='document.getElementById( styled_popup ).style.display= block ' value=' Fire! '>

Merci !!
Lire la suite 

Onload »

7 réponses
Réponse
+0
moins plus
Isa 12 mai 2009 à 16:46
( pour ceux qui ne voient pas le bouton de déclenchement est tout en bas... ) ;)))

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
zoubiock 12 mai 2009 à 16:51
Un truc comme ça, non? :

Dans ta page HTML, ta balise body ressemble à ça
<body onLoad="display();">


Et dans ton javascript tu rajoutes une fonction display:

function display() {
document.getElementById( styled_popup ).style.display= block
}

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Isa 12 mai 2009 à 17:15
Ca ne marche pas !!! ); Voici ce que j'ai fait... après avoir mis mon script dans le head 
<script>
...
function styledPopupClose() {
 document.getElementById( styled_popup ).style.display =  none ;
}

document.onmousedown=selectmouse;
document.onmouseup=new Function( isdrag=false );

function display() { 
document.getElementById( styled_popup ).style.display= block ;
}</script>
</head>

<body onLoad="display()"> 


<div id='styled_popup' name='styled_popup' style='width: 380px; height: 300px; display:none; position: absolute; top: 50px; left: 50px;'>

<table width='380' cellpadding='0' cellspacing='0' border='0'>
...

Ajouter un commentaire
zoubiock - 12 mai 2009 à 17:23
Pardon, j'avais copié collé ton code! Mais ton boutton ne devait pas fonctionner non plus, si?

document.getElementById('styled_popup').style.display = 'block';
Ajouter un commentaire
Réponse
+0
moins plus
Isa 12 mai 2009 à 17:27
sisi avec le bouton ca marche impec. Maintenant il m'affiche déjà quelque chose implanté dans ma page mais avec une erreur En me disant que le body de la lign 29 n'est pas défini...

Celui-ci : 

function selectmouse( e ) {
 var fobj       = nn6 ? e.target : event.srcElement;
 var topelement = nn6 ?  HTML  :  BODY ;

Ajouter un commentaire
zoubiock - 12 mai 2009 à 17:34
Tu ne mets jamais de guillemets ?

function selectmouse( e ) {
var fobj = nn6 ? e.target : event.srcElement;
var topelement = nn6 ? 'HTML' : 'BODY' ;
...
Ajouter un commentaire
Réponse
+0
moins plus
Isa 12 mai 2009 à 17:38
C'est bon le problême est résolu!

Merci!

 Ajouter un commentaire
Ajouter un commentaire
Posez votre question
Ce document intitulé « onload » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook