Tom's Guide > Forum > Programmation > Problème javascript !!!!

Problème javascript !!!!

Forum Programmation : Problème javascript !!!!

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
feonix   12-07-2005 à 20:20:12

Salut tout le monde !!!!

J'ai un pote qui à voulu mettre une horloge qui suit le pointeur de la souris et un texte qui déffile dans la barre d'état.
Il a trouvé des script sur internet que voici :
Pour l'horloge :

Code :
  1. <*script language="JavaScript">  dCol='000000';//couleur de la date qui tourne.
  2. fCol='noir';//couleur des heures du cadran.
  3. sCol='noir';//couleur de la trotteuse des secondes.
  4. mCol='noir';//couleur de l'aiguille des minutes.
  5. hCol='noir';//couleur de l'aiguille des heures.
  6. ClockHeight=25;//hauteur totale de l'horloge
  7. ClockWidth=25;//largeur totale de l'horloge
  8. ClockFromMouseY=0;// distance de la souris en Y
  9. ClockFromMouseX=100;// distance de la souris en X
  10. d=new Array("DIMANCHE","LUNDI","MARDI","MERCREDI","JEUDI","VENDREDI","SAMEDI" );
  11. m=new
  12. Array("JANVIER","FEVRIER","MARS","AVRIL","MAI","JUIN","JUILLET","AOUT","SEPTEMBRE","OCTOBRE","NOVEMBRE","DECEMBRE" );
  13. date=new Date();
  14. day=date.getDate();
  15. year=date.getYear();
  16. if (year < 2000) year=year+1900;
  17. TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
  18. D=TodaysDate.split('');
  19. H='...';
  20. H=H.split('');
  21. M='....';
  22. M=M.split('');
  23. S='.....';
  24. S=S.split('');
  25. Face='1 2 3 4 5 6 7 8 9 10 11 12';
  26. font='Monotype Corsiva';
  27. size=1;
  28. speed=0.6;
  29. ns=(document.layers);
  30. ie=(document.all);
  31. Face=Face.split(' ');
  32. n=Face.length;
  33. a=size*10;
  34. ymouse=0;
  35. xmouse=0;
  36. scrll=0;
  37. props="<font face="+font+" size="+size+" color="+fCol+"><B>";
  38. props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
  39. Split=360/n;
  40. Dsplit=360/D.length;
  41. HandHeight=ClockHeight/4.5
  42. HandWidth=ClockWidth/4.5
  43. HandY=-7;
  44. HandX=-2.5;
  45. scrll=0;
  46. step=0.06;
  47. currStep=0;
  48. y=new Array();x=new Array();Y=new Array();X=new Array();
  49. for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
  50. Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
  51. for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
  52. if (ns){
  53. for (i=0; i < D.length; i++)
  54. document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+'  width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
  55. for (i=0; i < n; i++)
  56. document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+'  width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
  57. for (i=0; i < S.length; i++)
  58. document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
  59. for (i=0; i < M.length; i++)
  60. document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
  61. for (i=0; i < H.length; i++)
  62. document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
  63. }
  64. if (ie){
  65. document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  66. for (i=0; i < D.length; i++)
  67. document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
  68. document.write('</div></div>');
  69. document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  70. for (i=0; i < n; i++)
  71. document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
  72. document.write('</div></div>');
  73. document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  74. for (i=0; i < H.length; i++)
  75. document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
  76. document.write('</div></div>');
  77. document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  78. for (i=0; i < M.length; i++)
  79. document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
  80. document.write('</div></div>')
  81. document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  82. for (i=0; i < S.length; i++)
  83. document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
  84. document.write('</div></div>')
  85. }
  86. (ns)?window.captureEvents(Event.MOUSEMOVE):0;
  87. function Mouse(evnt){
  88. ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
  89. xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
  90. }
  91. (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
  92. function ClockAndAssign(){
  93. time = new Date ();
  94. secs = time.getSeconds();
  95. sec = -1.57 + Math.PI * secs/30;
  96. mins = time.getMinutes();
  97. min = -1.57 + Math.PI * mins/30;
  98. hr = time.getHours();
  99. hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
  100. if (ie){
  101. Od.style.top=window.document.body.scrollTop;
  102. Of.style.top=window.document.body.scrollTop;
  103. Oh.style.top=window.document.body.scrollTop;
  104. Om.style.top=window.document.body.scrollTop;
  105. Os.style.top=window.document.body.scrollTop;
  106. }
  107. /*code traduit en français par webmaster555
  108. <a href="http://webmaster555.free.fr">webmaster555</a>
  109. <a href="http://www.annuaire555.com">webmaster555</a> */
  110. for (i=0; i < n; i++){
  111.   var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
  112.   F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
  113.   F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
  114.   }
  115. for (i=0; i < H.length; i++){
  116.   var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
  117.   HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
  118.   HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
  119.   }
  120. for (i=0; i < M.length; i++){
  121.   var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
  122.   ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
  123.   ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
  124.   }
  125. for (i=0; i < S.length; i++){
  126.   var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
  127.   SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
  128.   SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
  129.   }
  130. for (i=0; i < D.length; i++){
  131.   var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
  132.   DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
  133.   DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
  134.   }
  135. currStep-=step;
  136. }
  137. function Delay(){
  138. scrll=(ns)?window.pageYOffset:0;
  139. Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
  140. Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
  141. for (i=1; i < D.length; i++){
  142. Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
  143. Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
  144. }
  145. y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
  146. x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
  147. for (i=1; i < n; i++){
  148. y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
  149. x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
  150. }
  151. ClockAndAssign();
  152. setTimeout('Delay()',40);
  153. }
  154. if (ns||ie)window.onload=Delay;
  155. </script>



Et pour le texte :

Code :
  1. <*script language="JavaScript">
  2. // PLF - http://www.jejavascript.net/
  3. var mess = "      bienvenue sur le site des [$-Mafia-XIII-$]        ";
  4. var i = 0;
  5. function defilmess() {
  6. window.status = mess.substring(i, mess.length) + mess.substring(0, i);
  7. i++;
  8. if (i > mess.length) i = 0;
  9. window.setTimeout("defilmess()",100);
  10. }
  11. defilmess();
  12. </script>



Ces scripts fonctionnent séparément mais dès qu'on les met sur la même page le texte se bloque.

Quelqu'un à-t-il une solution pour que ces 2 script fonctionne correctement????

PS : j'ai du mettre <*script parse que le forum n'a pas accepté l'envoi avec les balises normaux.
Si vous voulé tester ces script n'oubliez pas d'enlever les * au debut du code.

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
OmaR   13-07-2005 à 00:02:49
- 0 +

Essayes de mettre un autre script sur ton site pour remplacer celui avec le défilement dans la barre d'état :

Si tu fais avec celui la :

http://www.editeurjavascript.com/s [...] s_1_71.php

ça marche ?

Répondre à OmaR
feonix   13-07-2005 à 00:31:52
- 0 +

non ça ne marche toujour pas :-(

Il n'y a qu'un seul script qui marche, c'est celui placé en dernier.

Merci quand même !!!! ;-)

Si t'as un autre script à me proposé n'ésite pas (pareil pour les autre). :-D

Répondre à feonix
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > Problème javascript !!!!
Aller à :

Il y a 2382 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,340 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens