Se connecter / S'enregistrer
Votre question

Codes HTML pour faire suivre la souris par un " objet "

Tags :
  • Html
  • Programmation
Dernière réponse : dans Programmation
28 Mai 2005 00:25:48

Bonjour !

Je viens de créer un skynetblogs, et j'aimerais faire suivre la souris par un objet quelconque ... j'ai trouvé un skynetblogs ayant ce " truc " ... c'est possible de le faire ... Mais j'aimerais savoir si l'un d'entre vous savait le code svp ?

Merci bcp

mon skynetblogs >>> http://papillon-de-nuit.skynetblogs.be

et le skynetblogs où j'ai vu le truc là >>> http://lafeeclochette.skynetblogs.be

P.S. Vous me direz : ben demande à celui qu'à fait le blog comment il a fait ... ben je l'ai fait, et il m'a dit que c'était quelqu'un qui lui avait fait comme cadeau ... pfffff

Merci de votre patience et de votre lecture

Virginie2802

Autres pages sur : codes html suivre souris objet

28 Mai 2005 00:36:18

Oh la vache !!! tu m'as servi ma réponse sur un plateau d'argent là !!! merci bcp bcp bcp

Biz
Virginie2802
Contenus similaires
28 Mai 2005 00:53:02

Heu ... attends là

J'ai trouvé l'url d'une image

j'ai eu le code HTML pr mettre l'image sur ma page pour qu'elle suive ma souris ...

ok. Mais je le met où ce code HTML de ***** ???

Merci bcp

( je deviens dingue et g envie de dormir, je vous répondrai surement demain, merci bcp )

Biz
Virginie2802, fatiguée :-(
28 Mai 2005 01:34:14

Salut en regardant le source de la page on trouve :

  1. <*script>
  2.  
  3. // Script trouvé sur Le Webmestre www.le-webmestre.net info@le-webmestre.net
  4. // Retrouvez des centaines de scripts et bien plus...
  5.  
  6. /* Titi par E.D Prod 1998
  7. http://javascript.lab.cc
  8. */
  9.  
  10. var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
  11. var div1 = (isNS) ? document.obj1 : document.all.obj1.style;
  12. var div2 = (isNS) ? document.obj2 : document.all.obj2.style;
  13. var objet;var coord;var coordb = 800;
  14. objet = new Array(div1,div2);coord = new Array();
  15. coord[0]=50;coord[1]=50;
  16. function placeObj(i,px,py) {
  17. objet[i].left=px;
  18. objet[i].top=py;
  19. }
  20. function voirObj(i) {
  21. objet[i].visibility="visible";
  22. }
  23. function cacheObj(i) {
  24. objet[i].visibility="hidden";
  25. }
  26. var userAgent=navigator.appName + " " + navigator.appVersion;
  27. var agentInfo=userAgent.substring(0, 12);
  28. if(agentInfo >= "Netscape 4.0")
  29. {
  30. document.captureEvents(Event.MOUSEMOVE);
  31. var Xpos = 50;var Ypos = 50;
  32. function MouveA(evnt) { //lwf
  33. Xpos = evnt.pageX;Ypos = evnt.pageY;
  34. }
  35. document.onMouseMove = MouveA;
  36. }
  37. else {
  38. var Xpos = 50;var Ypos = 50;
  39. function MouveB() {
  40. ofy=document.body.scrollTop;ofx=document.body.scrollLeft;
  41. Xpos = event.clientX+ofx;Ypos = event.clientY+ofy;
  42. }
  43. document.onmousemove = MouveB;
  44. }
  45.  
  46. function vole() {
  47. x0=coord[0];y0=coord[1];ex=Xpos;ey=Ypos
  48. reelx=x0+0.04;reely=y0+0.04;
  49. rx=reelx;ry=reely;
  50. rx+=(ex-rx)*0.04;ry+=(ey-ry)*0.04;
  51. reelx=rx;reely=ry;
  52. x0=Math.round(reelx);y0=Math.round(reely);
  53. coord[0]=x0;coord[1]=y0;
  54. if (x0<=Xpos) {voirObj(0);cacheObj(1);}
  55. else {voirObj(1);cacheObj(0);}
  56. placeObj(0,x0-50,y0-50);placeObj(1,x0-50,y0-50);
  57. setTimeout("vole()", 5);
  58. }
  59. vole();
  60. </script>


Or celui-çi ne fonctionne pas sous firefox/linux

  1. <!-- DEBUT DU SCRIPT -->
  2. <*SCRIPT LANGUAGE="JavaScript">
  3. /*
  4. Image qui suit et regarde la souris
  5. http://www.editeurjavascript.com/scripts/scripts_images_1_66.php
  6.  
  7. SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
  8. http://www.editeurjavascript.com
  9. */
  10. var x = 0;
  11. var y = 0;
  12.  
  13. if (document.getElementById)
  14. {
  15. if(navigator.appName.substring(0,3) == "Net")
  16. document.captureEvents(Event.MOUSEMOVE);
  17. document.onmousemove = Pos_Souris;
  18. window.onload = Bouge_Image;
  19. }
  20.  
  21. function Pos_Souris(e)
  22. {
  23. x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
  24. y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
  25. }
  26.  
  27. posX = 0;
  28. posY = 0;
  29. anim = true;
  30. oldpos = "http://www.monsite.com/images/droite.gif ou image/gauche.gif";
  31.  
  32. function Bouge_Image()
  33. {
  34. if (document.getElementById && anim)
  35. {
  36. posX = posX+(((x-posX)+20)/15);
  37. posY = posY+(((y-posY)+20)/15);
  38. if(posX<x)
  39. newpos='http://www.monsite.com/images/droite.gif ou image/droite.gif';
  40. else
  41. newpos='http://www.monsite.com/images/droite.gif ou image/gauche.gif';
  42. if(newpos!=oldpos)
  43. {
  44. document.tete.src=newpos;
  45. oldpos=newpos;
  46. }
  47. document.getElementById("teteronde").style.top = posY;
  48. document.getElementById("teteronde").style.left = posX;
  49. tempo = setTimeout("Bouge_Image()", 15)
  50. }
  51. }
  52.  
  53. if(document.getElementById)
  54. {
  55. document.write('<DIV ID=teteronde style="position: absolute">');
  56. document.write('<A HREF="#" onClick="anim=false;document.getElementById(\'teteronde\').style.visibility = \'hidden\';return(false)">');
  57. document.write('<IMG SRC="http://www.monsite.com/images/droite.gif ou image/droite.gif" BORDER=0 HSPACE=0 VSPACE=0 NAME=tete ALT="Cliquez ici pour faire disparaître">');
  58. document.write('</A>');
  59. document.write('</DIV>');
  60. }
  61. </SCRIPT>
  62. <!-- FIN DU SCRIPT -->


Et celui là fonctionne !
Tu le mets n'importe où dans le code html entre le <body> et </body>

A+
28 Mai 2005 13:49:30

Oki, je crois que j'ai capté ! Je savais pas que je devais aller dans " source " mais si je met mon adresse url de mon image, et que je la met entre les balises <BODY> et </BODY>, tout le monde verra la petite image suivre la souris sur mon skynetblogs ???? Ou juste moi ?

Merci bcp

Virginie2802

Mon skynetblogs >>> http://papillon-de-nuit.skynetblogs.be
28 Mai 2005 14:05:46

Heu ... j'ai cliquer sur " source " de la page de mon skynetblogs, et le " bloc notes " c'est ouvert, avec tout les codes HTML de ma page pour les couleurs, la mise en page, etc ... puis à la fin, j'ai vu script et html ... j'en ai conclus que c'était après script que je devais metre le code HTML avec mon image pour que ça marche ... ok ... mais une fois que j'ai fait un copier/coller, je ferme la fenetre ??? j'enregistre ??? je fais quoi ???

Bisou

Virginie2802

mon skynetblogs >>> http://papillon-de-nuit.skynetblogs.be

9 Juillet 2005 01:34:26

Allo virginie je ne comprend pas moi aussi toi je trouve ton blog super j'aimerais bien avoir des trucs et pour la souris mieux mexpliquer car je suis pas tres bonne lol (rire) répond moi merci
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS