Onload
Résolu
Isa
-
Isa -
Isa -
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 :
Merci !!
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 !!
5 réponses
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
}
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
}
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'>
...
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 :
Celui-ci :
function selectmouse( e ) {
var fobj = nn6 ? e.target : event.srcElement;
var topelement = nn6 ? HTML : BODY ;
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question