11548 sujets

JavaScript, DOM et API Web HTML5

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 [smile]</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>

Modifié par jenny_moustique (16 Jan 2006 - 16:43)
Bonjour jenny_moustique et bienvenue sur ce forum.

hum... Toi tu n'as pas lu les règles du forum Smiley ohwell

Aide/Règles a écrit :

13- Mise en forme générale des messages
Merci de bien vouloir prendre le temps de présenter correctement vos messages, surtout si ces messages doivent inciter les autres membres à vous dépanner sur un problème. Des boutons de mise en forme sont prévus pour cela (gras, italique, etc.). Merci de systématiquement baliser vos codes HTML ou CSS avec le bouton CODE approprié (éviter également, pour des questions de lisibilité, de présenter des codes HTML et PHP imbriqués). Enfin, n'hésitez pas à toujours fournir une image explicative et une url où les membres auront un aperçu de votre problème. La règle est simple : il faut toujours donner un maximum de détails pour être sûr d'avoir une chance que les autres comprennent et aident.

Merci.
Administrateur
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif