Mon code javascript ne fonctione pas!

[TheOursBlanc]

Bonjours,

J'ai installé ce code javascript sur mon forum :

Code:

<!-- DEBUT DU SCRIPT -->
<script type="text/javascript">
/*
Image qui suit et regarde la souris
http://www.editeurjavascript.com/scripts/scripts_images_1_66.php

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
var x = 0;
var y = 0;

if (document.getElementById)
  {
  if(navigator.appName.substring(0,3) == "Net")
      document.captureEvents(Event.MOUSEMOVE);
  document.onmousemove = Pos_Souris;
  window.onload = Bouge_Image;
  }

function Pos_Souris(e)
  {
  x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
  y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
  }

posX = 0;
posY = 0;
anim = true;
oldpos = "http://www.editeurjavascript.com/img/img_exemples/gauche.gif";

function Bouge_Image()
  {
  if (document.getElementById && anim)
      {
      posX = posX+(((x-posX)+20)/15);
      posY = posY+(((y-posY)+20)/15);
      if(posX<x)
        newpos='http://www.editeurjavascript.com/img/img_exemples/droite.gif';
      else
        newpos='http://www.editeurjavascript.com/img/img_exemples/gauche.gif';
     if(newpos!=oldpos)
        {
      document.tete.src=newpos;
      oldpos=newpos;
      }
      document.getElementById("teteronde").style.top = posY+"px";
      document.getElementById("teteronde").style.left = posX+"px";
      tempo = setTimeout("Bouge_Image()", 15)
      }
  }

if(document.getElementById)
  {
  document.write('<div id="teteronde" style="position: absolute">');
  document.write('<a href="#" onClick="anim=false;document.getElementById(\'teteronde\').style.visibility = \'hidden\';return(false)">');
  document.write('<img src="http://www.editeurjavascript.com/img/img_exemples/droite.gif" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />');
  document.write('</a>');
  document.write('</div>');
  }
</script>
<!-- FIN DU SCRIPT --><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>

Mais il ne fonctione pas.
Je et essayé avec plusieurs navigateurs.
Mon Template overall_header et bien modifiés.
Mais je ne comprend pas ce qui ce passe.

Aidez moi, merci d'avance.

[Ea]

Bonjour,


Vous pouvez le mettre sur le forum sur lequel vous voulez le mettre et donner le lien de ce forum ?

Cordialement.

[TheOursBlanc]

Le lien du forum ou je veux le métre et celui ci : http://onepiece.forumactif.fr/
Mais il code javascript ne veux pas ce métres je ne comprend pas.

[Ea]

Ah, vous l'avez mis dans une page de script.

Ceci c'est du javascript :

Code:

if(1==2) var i=3;
else var i=5;

function bonjour(){
  alert("bonjour");
}

Mais ceci c'est du javascript mais mis dans une page html :

Code:

<script type="text/javascript">
if(1==2) var i=3;
else var i=5;

function bonjour(){
  alert("bonjour");
}
</script>

Dans une feuille de javascript il faut mettre du javascript et pas du html, donc vous devez mettre :

Code:

/*
Image qui suit et regarde la souris
http://www.editeurjavascript.com/scripts/scripts_images_1_66.php

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
var x = 0;
var y = 0;

if (document.getElementById)
  {
  if(navigator.appName.substring(0,3) == "Net")
      document.captureEvents(Event.MOUSEMOVE);
  document.onmousemove = Pos_Souris;
  window.onload = Bouge_Image;
  }

function Pos_Souris(e)
  {
  x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
  y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
  }

posX = 0;
posY = 0;
anim = true;
oldpos = "http://www.editeurjavascript.com/img/img_exemples/gauche.gif";

function Bouge_Image()
  {
  if (document.getElementById && anim)
      {
      posX = posX+(((x-posX)+20)/15);
      posY = posY+(((y-posY)+20)/15);
      if(posX<x)
        newpos='http://www.editeurjavascript.com/img/img_exemples/droite.gif';
      else
        newpos='http://www.editeurjavascript.com/img/img_exemples/gauche.gif';
    if(newpos!=oldpos)
        {
      document.tete.src=newpos;
      oldpos=newpos;
      }
      document.getElementById("teteronde").style.top = posY+"px";
      document.getElementById("teteronde").style.left = posX+"px";
      tempo = setTimeout("Bouge_Image()", 15)
      }
  }

if(document.getElementById)
  {
  document.write('<div id="teteronde" style="position: absolute">');
  document.write('<a href="#" onClick="anim=false;document.getElementById(\'teteronde\').style.visibility = \'hidden\';return(false)">');
  document.write('<img src="http://www.editeurjavascript.com/img/img_exemples/droite.gif" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />');
  document.write('</a>');
  document.write('</div>');
  }

Cordialement.

[TheOursBlanc]

Merci, pour votre aide.