Bonjour,
Pour mon premier message sur ce site, ça commence bien...
En effet, le hasard veut que j'ai une bonne mémoire.
Donc en fait, je me renseignait sur le "onmouseover" et je suis d'abord tombé sur le site de webmaster de lycos, et je regarde le code un peu, et voilà quoi, je retient une erreur : entre le onmouseover et le onmouseout, il y a un point virgule...
Et que vois-je ici? un point virgule entre le onmouseover et le onmouseout...
J'ai farfouillé un peu le code de lycos, et il y a EXACTEMENT les mêmes variables...
Donc je ne sais pas si "binabik" a testé le code ou quoi, mais quand on fait ça, on affiche la source, ou on dit d'où elle viens...
Voici le code de la page http://webmaster.lycos.fr/topics/technic/javascript/javascript-workshop13/0/ (en gras, les parties copiées...):
1: <HTML>
2: <HEAD>
3: <TITLE>Rollover</TITLE>
4:
5: <style>
6: <!--
7: .mouseBeOffMe {
8: border-top: 10px solid #AAAAAA;
9: border-bottom: 10px solid #AAAAAA;
10: border-left: 6px solid #444444;
11: border-right: 10px solid #444444;
12: }
13: .mouseBeOnMe {
14: border-top: 6px solid #AAAAAA;
15: border-bottom: 14px solid #AAAAAA;
16: border-left: 10px solid #444444;
17: border-right: 6px solid #444444;
18: }
19: .mouseBeDown {
20: border-top: 13px solid #AAAAAA;
21: border-bottom: 7px solid #AAAAAA;
22: border-left: 10px solid #444444;
23: border-right: 6px solid #444444;
24: }
25: .mouseBeUp {
26: border-top: 10px solid #AAAAAA;
27: border-bottom: 10px solid #AAAAAA;
28: border-left: 10px solid #444444;
29: border-right: 6px solid #444444;
30: }
31: //-->
32: </style>
33:
34:
35:
36: <SCRIPT LANGUAGE="JavaScript">
37: <!--
38:
39: function Navigateur(){
40: if (navigator.appName.indexOf("Netscape") > -1) {return "Netscape";}
41: if (navigator.appName.indexOf("Explorer") > -1) {return "Explorer";}
42: return "Unknown";
43: }
44:
45: var a
46: a= new Array();
47: a[0]=new Image;
48: a[0].src="img2.gif";
49: a[1]=new Image;
50: a[1].src="img1.gif";
51:
52: function roll(img,nb) {
53: eval("img.src=a["+nb+"].src");
54: }
55:
56: function trans(img,nb){
57: if (Navigateur() == "Explorer") {
58: img.filters[0].apply();
59: eval("img.src=a["+nb+"].src");
60: img.filters[0].play();
61: } else {
62: eval("img.src=a["+nb+"].src");
63: }
64: }
65:
66: function makevisible(img,flag){
67: if (flag==0) img.filters.alpha.opacity=100
68: else img.filters.alpha.opacity=50
69: }
70:
71:
72: //-->
73: </SCRIPT>
74: </HEAD>
75:
76: <BODY BGCOLOR="#FFFFFF">
77: <A HREF="#"
78: onmouseover="roll(img1,0)";
79: onmouseout="roll(img1,1)">
80: <IMG name="img1" SRC="img1.gif" BORDER=0 >Un RollOver simple
81: </A><br><br>
82: <A HREF="#"
83: onmouseover="trans(img2,0)"
84: onmouseout="trans(img2,1)">
85: <IMG name="img2"
86: style="filter: revealTrans(Transition=12, Duration=0.35)"
87: SRC="img1.gif" BORDER=0 >Un rollover avec transition sous IE, simple sur Netscape.
88: </A><br><br>
89: <A HREF="#"
90: onMouseover="makevisible(img3,0)"
91: onMouseout="makevisible(img3,1)">
92: <IMG SRC="img1.gif" NAME="img3" BORDER="0" style="filter:alpha(opacity=50)">
93: Un autre Rollover (Opacité, ne fonctionne uniquement avec Internet Explorer)<BR>
94: </A><br><br>
95: <A HREF="#"
96: onmouseover = "img4.className='mouseBeOnMe'"
97: onmousedown = "img4.className='mouseBeDown'"
98: onmouseup = "img4.className='mouseBeUp'"
99: onmouseout = "img4.className='mouseBeOffMe'">
100: <img src = "img3.gif" border = "0" name="img4"
101: class = "mouseBeOffMe">Un autre Rollover à 3 positions
102: </A>
103:
104: </BODY>
105: </HTML>
Comme on peut voir, il n'y a qu'une fois l'erreur du point virgule, donc "binabik" n'a même pas fouillé un peu le code...
Je trouve ça plus que nul le copié collé sans reflexion...
A+, et mort au plagia!
PS : la solution, pour ceux qui passerait par ici, est le fameux point virgule qui n'a pas lieu d'être...
Aller à une ancre effet javascript