Discussion :

[MatrixiaN]

Bonjour, je suis venu ici pour solliciter votre aide afin de corriger un script qui décorait mon site internet il y a une dizaine d'années et que j'adorais, il s'agissait d'une petite pluie de matrice (seulement composé de 1 et de 0) qui se calait à droite des pages et qui coulait tout doucement indéfinement.

Je me suis toujours débrouillé pour bidouiller le mysql, le php, le html, le design, mais je suis dans l'impasse totale pour ce qui est de corriger un javascript et le rendre compatible sous firefox. J'ai tenté Firebug mais ça ne m'a pas éclairé. J'ai essayé aussi de comprendre le langage et j'ai appris qu'il y a plein de choses qui merdouillaient, notamment avec les document.write contenu dans le code etc...

ce que je sais c'est qu'il peut certainement fonctionner mais qu'il est très très vieux et son codage doit être totalement infâme.

je voudrais donc trouver quelqu'un capable de le modifier de A à Z pour le rendre parfaitement fonctionnel avec les normes html d'aujourd'hui et compatible avec n'importe quel navigateur

Je tiens à préciser que je n'en suis pas le créateur, et que je suis fan de l'effet donné par ce script, c'est le meilleur javascript de décoration que j'ai jamais trouvé (et pourtant j'en ai vu des tonnes qui envoyaient du lourd sur le net mais rien de tel que la simplicité)

il y a plein de scripts et d'effets matrix sur le net mais je les trouve tous inutiles et juste tape-à-l'oeil

Donc voilà, ça donne ça avec mon aperçu d'éditeur html (ça marche sous ie mais pas firefox)



page de démo (l'effet marche nikel sous ie) : http://matrixemxs.cluster007.ovh.net/matrix.php



2 gros screenshots :

[MatrixiaN]

VOICI MON CODE ORIGINEL QUI NE MARCHE PLUS SOUS FIREFOX MAIS TOUJOURS SUR IE (seulement maintenant, qui utilise ie ? :/ ) :


(à placer après la balise body, marche sous ie et n'importe quel aperçu d'éditeur html mais pas sous firefox)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<SCRIPT language=JavaScript>
if (document.all){
Cols=4;
Cl=20;
Cs=15;
Ts=14;
Tc='#008800';
Tc1='#00ff00';
MnS=6;
MxS=6;
I=Cs;
Sp=new Array();S=new Array();Y=new Array();
C=new Array();M=new Array();B=new Array();
RC=new Array();E=new Array();Tcc=new Array(0,0);
document.write("<div id='Container' style='position:absolute;top:0;right:-"+Cs+"'>");
document.write("<div style='position:relative'>");
for(i=0; i < Cols; i++){
S[i]=I+=Cs;
document.write("<div id='A' style='position:absolute;top:0;font-family:comic sans ms;font-size:"
+Ts+"px;right:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden'></div>");
}
document.write("</div></div>");
 
for(j=0; j < Cols; j++){
RC[j]=1+Math.round(Math.random()*Cl);  
Y[j]=0;
Sp[j]=Math.round(MnS+Math.random()*MxS); 
for(i=0; i < RC[j]; i++){
 B[i]='';
 C[i]=Math.round(Math.random()*1)+' ';
 M[j]=B[0]+=C[i];
 }
}
function Cycle(){
Container.style.top=window.document.body.scrollTop;
for (i=0; i < Cols; i++){
var r = Math.floor(Math.random()*Tcc.length);
E[i] = '<font color='+Tc1+'>'+Tcc[r]+'</font>';
Y[i]+=Sp[i];
 
if (Y[i] > window.document.body.clientHeight){
 for(i2=0; i2 < Cols; i2++){
 RC[i2]=1+Math.round(Math.random()*Cl);  
 for(i3=0; i3 < RC[i2]; i3++){
 B[i3]='';
 C[i3]=Math.round(Math.random()*1)+' ';
 C[Math.floor(Math.random()*i2)]=' '+' ';
 M[i]=B[0]+=C[i3];
 Y[i]=-Ts*M[i].length/1.5;
 A[i].style.visibility='visible';
 }
 Sp[i]=Math.round(MnS+Math.random()*MxS);
 }
}
A[i].style.top=Y[i];
A[i].innerHTML=M[i]+' '+E[i]+' ';
}
setTimeout('Cycle()',20)
}
Cycle();
}
<!--Fin du Script-->
</SCRIPT>

[devyan]

Bonjour,

Étant donné que tout le code est encadré de if (document.all) c'est absolument normal qu'il ne fonctionne que sur IE.

Ensuite :

• Le code tire partie des "largesses" de IE pour l'accès aux éléments.
  Conteneur.style et A[i]
• Firefox n'aime pas les affectations de position sans unité.
  A[i].style.top = Y[i];

[SpaceFrog]

Voici une implémentation d'un petit plugin Jquery qui rend pas mal
http://fiddle.jshell.net/rvh2ca69/

[Watilin]

J'avais commencé à essayer de « traduire » le code mais les noms de variables de maximum 3 lettres ça m'a découragé. C'est comme si le code était obfusqué. JavaScript c'est pas Fortran hein, on peut choisir des noms de variable explicites !

[sekaijin]

voyant document.write j'ai abandonné

ce code est bon pour la poubelle.
A+JYT

[devyan]

J'avais commencé à essayer de « traduire » le code mais les noms de variables de maximum 3 lettres ça m'a découragé. C'est comme si le code était obfusqué. JavaScript c'est pas Fortran hein, on peut choisir des noms de variable explicites !

Moi je l'ai fait fonctionner vendredi matin : http://jsfiddle.net/ymx80m5L/

Mais je n'étais pas sûr que c'était vraiment lui rendre service que de faire fonctionner ce code

Plus sérieusement, j'ai été dérangé puis j'ai oublié