probleme de compatibilité IE/firefox en javascript
probleme de compatibilité IE/firefox en javascript - HTML/CSS - Programmation
MarshPosté le 15-01-2006 à 22:19:08
Bonjour, j'ai un probleme de compatibilité pour du code javascript, qui applique un effet de "yoyo" sur une image qui suit la souris, ça marche sur IE mais pas sous firefox...
d'apres ce que j'ai trouvé sur Internet le pb viendrait de là :
if (document.all&&window.print)
mais je n'arrive pas à le resoudre...
merci d'avance à ceux qui pourront m'aider !
voilà le code !
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html> <head> <title>Elastic Charlie </title> </head>
<body> <div style="margin-top:25%" align="center"><b>...Le site est en construction...<br> A bientôt </b></div>
Marsh Posté le 15-01-2006 à 22:19:08
Bonjour, j'ai un probleme de compatibilité pour du code javascript, qui applique un effet de "yoyo" sur une image qui suit la souris, ça marche sur IE mais pas sous firefox...
d'apres ce que j'ai trouvé sur Internet le pb viendrait de là :
if (document.all&&window.print)
mais je n'arrive pas à le resoudre...
merci d'avance à ceux qui pourront m'aider !
voilà le code !
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Elastic Charlie </title>
</head>
<body>
<div style="margin-top:25%" align="center"><b>...Le site est en construction...<br>
A bientôt </b></div>
<script type="text/javascript" language="JavaScript1.2">
var baguette="white"
var urlimage="http://indigo.varietes.free.fr/images/charli.gif" //SPECIFY URL TO BALL IMAGE
///No editing required below this line//////////////////////////
if (document.all&&window.print){
document.write('<IMG id=Om style="LEFT: -10px; POSITION: absolute" src="'+urlimage+'">')
ddx=0;ddy=0;PX=0;PY=0;xm=0;ym=0
OmW=Om.width/2;OmH=Om.height/2
}
function deform(){
x=Math.round(PX+=(ddx+=((xm-PX-ddx)*3)/100))
y=Math.round(PY+=(ddy+=((ym-PY-ddy)*3-300)/100))
Om.style.left=x-OmW
Om.style.top=y-OmH
elastoc.to=x+","+y
//elastoc.strokecolor="RGB("+x+","+(2*y)+",0)"
elastoc.strokecolor=baguette
setTimeout("deform()",1)
}
function movemouse(){
xm=window.event.x+5
ym=window.event.y+document.body.scrollTop+15
elastoc.from=xm+","+ym
}
if(document.all&&window.print){
code="<v:line id=elastoc style='LEFT:0;POSITION:absolute;TOP:0' strokeweight='1.5pt'></v:line>"} else {
code="<v:group style='LEFT:-10;WIDTH:100pt;POSITION:absolute;TOP:0;HEIGHT:100pt' coordsize='21600,21600'><v:line id=elastoc style='LEFT:0;WIDTH:100pt;POSITION:absolute;TOP:0;HEIGHT:100pt' strokeweight='1.5pt'></v:line></v:group>"}
if(document.all&&window.print){
document.body.insertAdjacentHTML("afterBegin",code)
document.onmousemove=movemouse
deform()
}
</script>
</body>
</html>