Bonjour,
J'ai un code javascript (je crois) qui m'affiche un message à coté de ma souris (ici "bienvenue" ) mais lorsque je descend dans ma fenetre avec les barre internet ou bien avec la molette de la souris, le message ne bouge pas, donc au final il est décalé par rapport au pointeur de la souris,comment régler ce problème ???
Merci d'avance
(<<<<< LE CODE >>>>>)
<head>
...
...
<script>
var x,y
var step=20
var flag=0
var message="bienvenue"
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (document.layers) ? e.pageX : event.clientX
y = (document.layers) ? e.pageY : event.clientY
flag=1
}
function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",10)
}
</SCRIPT>
<STYLE>
.spanstyle
{
COLOR: RED; FONT-SIZE: 20px; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</STYLE>
</head>
<BODY onload=makesnake()>
<SCRIPT>
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
</SCRIPT>