Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Image qui suit la souris

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image qui suit la souris

Message par Nomanoclass le Sam 3 Déc 2011 - 15:47

Bonjours, suite a une recherche sur internet et sur les forums de forums actif, je n'ai pas trouvé où placer mon code qui vient de: http://www.editeurjavascript.com/scripts/scripts_images_1_66.php
Je voulais faire une image qui regarde et qui suit ma souris sur mes pages sujet forum, partout en gros sauf sur la page d'accueil.
Le lien de mon forum est dans mon profil au cas ou.
Si vous voulez d'autre détail, demandez moi. J'adore votre rapidité de réponse continuez comme ça!
Merci de votre aide.

Le code modifié avec mes images:
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://img16.imageshack.us/img16/8338/endermang.png";

function Bouge_Image()
  {
  if (document.getElementById && anim)
      {
      posX = posX+(((x-posX)+20)/15);
      posY = posY+(((y-posY)+20)/15);
      if(posX<x)
        newpos='http://img822.imageshack.us/img822/526/endermand.png';
      else
        newpos='http://img16.imageshack.us/img16/8338/endermang.png';
     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://img822.imageshack.us/img822/526/endermand.png" 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/mycircle/">echange de lien</a></noscript>


Dernière édition par Nomanoclass le Dim 4 Déc 2011 - 13:11, édité 1 fois
avatar

Nomanoclass
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 22/11/2011

http://nanocraft.forumgratuit.org/
Nomanoclass a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui suit la souris

Message par Ayumea le Sam 3 Déc 2011 - 15:58

Bonjour,

Si j'ai bien compris, vous ne savez pas ou mettre le code ?
Essayez de le mettre dans la Description du site (P.A-> Général ->Forum-> Configuration) ou bien sinon c'est dans le CSS .

Cordialement, Ayumea
Ayumea

Ayumea
Nouveau membre

Messages : 14
Inscrit(e) le : 03/12/2011

http://wonderland-of-art.azurforum.com/
Ayumea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui suit la souris

Message par Nomanoclass le Sam 3 Déc 2011 - 16:39

Ok, dans la description du forum.
euh tout ce code Oo mais ça rentrera jamais!
avatar

Nomanoclass
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 22/11/2011

http://nanocraft.forumgratuit.org/
Nomanoclass a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui suit la souris

Message par Oyo le Sam 3 Déc 2011 - 21:23

Bonjour,

Essaies sinon d'ajouter le code javascript aux pages javascripts de ton forum (panneau d'administration > modules > pages javascript).

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://img16.imageshack.us/img16/8338/endermang.png";
 
function Bouge_Image()
  {
  if (document.getElementById && anim)
      {
      posX = posX+(((x-posX)+20)/15);
      posY = posY+(((y-posY)+20)/15);
      if(posX<x)
        newpos='http://img822.imageshack.us/img822/526/endermand.png';
      else
        newpos='http://img16.imageshack.us/img16/8338/endermang.png';
    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://img822.imageshack.us/img822/526/endermand.png" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />');
  document.write('</a>');
  document.write('</div>');
  }
Il s'agit ici uniquement de son code JS.
Oyo

Oyo
****

Masculin
Messages : 249
Inscrit(e) le : 24/12/2005

Oyo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui suit la souris

Message par Nomanoclass le Sam 3 Déc 2011 - 23:18

C'est a dire uniquement? Je dois ajouter qq chose?

EDIT: ça marche, merci!
avatar

Nomanoclass
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 22/11/2011

http://nanocraft.forumgratuit.org/
Nomanoclass a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum