|
|
|
 |
| > message de bienvenue en dhtml |
[ Posté par dany17 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 24-07-2003 à 01:34 | 1 messages ]
Bonsoir,
Comment faire pour pouvoir déplacer le cadre par rapport à la bordure de l'écran ?
le code :
<SCRIPT LANGUAGE=JavaScript>
// PARAMETRES
var ejs_al_mess = 'mon message';
var ejs_al_background = '#CC0000'
var ejs_al_bordure = '#000000'
var ejs_al_police = 'Verdana'
var ejs_al_police_taille = '11'
var ejs_al_police_color = '#FFFFFF'
var ejs_al_hauteur = 150
var ejs_al_largeur = 500
var ejs_al_box2 = 0;
// CADRES
ejs_al_classe = 'border-color:'+ejs_al_bordure+';border-style:solid;border-width:1px;background:'+ejs_al_background+';font-family:'+ejs_al_police+';font-size:'+ejs_al_police_taille+'px;color:'+ejs_al_police_color;
if(document.getElementById)
{
document.write('<DIV ID=ejs_al_box1 STYLE="position:absolute;visibility:hidden;'+ejs_al_classe+';width:20;height:'+(ejs_al_hauteur+20)+';z-index:10"></DIV>');
document.write('<DIV ID=ejs_al_box2 STYLE="position:absolute;visibility:hidden;'+ejs_al_classe+';width:'+ejs_al_box2+';height:'+ejs_al_hauteur+';z-index:5');
if(document.all)
document.write(';padding:10');
document.write('"></DIV>');
document.write('<DIV ID=ejs_al_box3 STYLE="position:absolute;visibility:hidden;'+ejs_al_classe+';width:20;height:'+(ejs_al_hauteur+20)+';z-index:10"></DIV>');
// TAILLE DE L'ECRAN
ejs_al_Y = document.body.clientHeight;
ejs_al_X = document.body.clientWidth;
ejs_al_posX = Math.round(ejs_al_X/2);
ejs_al_posY = Math.round(ejs_al_Y/2)-Math.round(ejs_al_hauteur/2);
}
function ejs_al_deplace()
{
// PLACEMENT
document.getElementById("ejs_al_box1").style.left = ejs_al_posX-20-(ejs_al_box2/2);
document.getElementById("ejs_al_box3").style.left = ejs_al_posX+(ejs_al_box2/2);
document.getElementById("ejs_al_box2").style.left = ejs_al_posX-(ejs_al_box2/2)-5;
document.getElementById("ejs_al_box2").style.width = ejs_al_box2+10;
ejs_al_box2 += 5;
if(ejs_al_box2<ejs_al_largeur)
setTimeout("ejs_al_deplace()",10);
else
{
document.getElementById("ejs_al_box2").innerHTML = '<CENTER>'+ejs_al_mess+'<BR><BR><B><A HREF=javascript:ejs_al_close()><FONT COLOR='+ejs_al_police_color+'>OK</FONT></A></B></CENTER>'
}
}
function ejs_al_start()
{
if(document.getElementById)
{
document.getElementById("ejs_al_box1").style.visibility = 'visible'
document.getElementById("ejs_al_box2").style.visibility = 'visible'
document.getElementById("ejs_al_box3").style.visibility = 'visible'
document.getElementById("ejs_al_box1").style.top = ejs_al_posY-10
document.getElementById("ejs_al_box2").style.top = ejs_al_posY
document.getElementById("ejs_al_box3").style.top = ejs_al_posY-10
ejs_al_deplace();
}
}
function ejs_al_close()
{
if(document.getElementById)
{
document.getElementById("ejs_al_box1").style.visibility = 'hidden'
document.getElementById("ejs_al_box2").style.visibility = 'hidden'
document.getElementById("ejs_al_box3").style.visibility = 'hidden'
document.getElementById("ejs_al_box1").style.top = -600
document.getElementById("ejs_al_box2").style.top = -600
document.getElementById("ejs_al_box3").style.top = -600
ejs_al_deplace();
}
}
window.onload = ejs_al_start;
</SCRIPT>
Merci pour votre aide
Dany
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
