Forum de discussion
Forum « Programmation Javascript » (archives)
Re: Défilement d'images avec animation
Envoyé: 27 juillet 2004, 2h54 par Raph2
Il semble effectivement que ce soit un autre comportement qui provoque cet effet.
A y regarder de plus près, cela survient quand je survole les cases de ma barre de navigation dont le code est le suivant:
<script language="javascript">
bgcolor='#0916BD';
bgcolor2='#6699CC';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; z-index:10; }')
document.write('A:hover.gimmenu {color:#FFFFFF; text-decoration:none;}')
document.write('A.gimmenu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:absolute;height:25"><DIV class=popper id=topdeck></DIV>');
zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[4] = new Array;
zlien[5] = new Array;
zlien[6] = new Array;
zlien[0][0] = '<A HREF="" CLASS=gimmenu>Message de P. Muller</A>';
zlien[0][1] = '<A HREF="actualités.htm" CLASS=gimmenu>Actualités</A>';
zlien[1][0] = '<A HREF="" CLASS=gimmenu>Logements</A>';
zlien[1][1] = '<A HREF="" CLASS=gimmenu>Salles communales</A>';
zlien[2][0] = '<A HREF="" CLASS=gimmenu>Formulaires</A>';
zlien[2][1] = '<A HREF="" CLASS=gimmenu>Règlements</A>';
zlien[3][0] = '<A HREF="" CLASS=gimmenu>Statistiques</A>';
zlien[3][1] = '<A HREF="" CLASS=gimmenu>Personnel</A>';
zlien[3][2] = '<A HREF="" CLASS=gimmenu>Objectifs</A>';
zlien[4][0] = '<A HREF="" CLASS=gimmenu>Rapports</A>';
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { skn = document.topdeck }
else if (dom) { skn = document.getElementById("topdeck").style }
else if (iex) { skn = topdeck.style }
skn.top = 38;
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
pass = 0
while (pass < msg.length)
{
content += "<TR><TD BGCOLOR="+bgcolor2+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Arial\"><B> "+msg[pass]+"</B></FONT></TD></TR>";
pass++;
}
content += "</TABLE></TD></TR></TABLE>";
if (msg==''||msg[0]=='')content=''
if (nava)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (dom)
{
document.getElementById("topdeck").innerHTML = content;
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}
function kill()
{
skn.visibility = "hidden";
}
document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=700><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onMouseOver="pop(zlien[0],0)" a href="index.htm" CLASS=gimmenu><FONT SIZE=2 FACE="Arial"><B>Accueil</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],100)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onMouseOver="pop(zlien[1],100)" href="consulter_nos_offres.htm" CLASS=gimmenu><FONT SIZE=2 FACE="Arial"><B>Consulter nos offres</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],200)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onMouseOver="pop(zlien[2],200)" href="s\'inscrire.htm" CLASS=gimmenu><FONT SIZE=2 FACE="Arial"><B>S\'inscrire</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],300)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onMouseOver="pop(zlien[3],300)" href=# CLASS=gimmenu><FONT SIZE=2 FACE="Arial"><B>La GIM</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],400)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onMouseOver="pop(zlien[4],400)" href=# CLASS=gimmenu><FONT SIZE=2 FACE="Arial"><B>Publications</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],500)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onMouseOver="pop(zlien[5],500)" href=# CLASS=gimmenu><FONT SIZE=2 FACE="Arial"><B>Questions fréquentes</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[6],600)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onMouseOver="pop(zlien[6],600)" href=# CLASS=gimmenu><FONT SIZE=2 FACE="Arial"><B>Contact et liens utiles</B></FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')
</script>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="10" colspan="6" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="830" height="10" valign="top">
<script language="JavaScript">
Toutefois, je ne vois pas en quoi il peut y avoir "interférence" entre ces
différents évènements...
Raph
Réponses
|