[DOM] Compatibilité Javascript et Firefox [Fait]

**Madness64** · 23/12/2008, 13h46

Bonjour,

J'ai un petit problème avec un code Javascript trouvé sur le net. Ce script a pour but de faire défiler des images de la droite vers la gauche, et de s'arrêter (se mettre en pause) lorsque la souris survole la zone de défilement.

Je compte utiliser ce script pour faire défiler des logos partenaires en bas de page d'un site, mais mon soucis est qu'il semble ne pas fonctionner sous Firefox. Est-ce quelqu'un a une idée de pourquoi?

Voici le code :

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
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Mon défilement d'images</title> 
</head> 
 
<body> 
 
<script language="JavaScript1.2"> 
<!-- Begin 
//largeur du curseur (en pixels) 
var sliderwidth=330 
//hauteur du curseur (Netscape) 
var sliderheight=145 
//vitesse de défilement 
var slidespeed=4 
 
//les images 
var leftrightslide=new Array() 
var finalslide='' 
leftrightslide[0]='<a href="http://www.monsite.com"><img src="1.gif" border=1></a>' 
leftrightslide[1]='<a href="http://www.monsite.com"><img src="2.gif" border=1></a>' 
leftrightslide[2]='<a href="http://www.monsite.com"><img src="3.gif" border=1></a>' 
leftrightslide[3]='<a href="http://www.monsite.com"><img src="4.gif" border=1></a>' 
leftrightslide[4]='<a href="http://www.monsite.com"><img src="5.gif" border=1></a>' 
 
var copyspeed=slidespeed 
for (i=0;i<leftrightslide.length;i++) 
finalslide=finalslide+leftrightslide[i]+"  " 
 
if (document.all){ 
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>') 
ieslider.onmouseover=new Function("ieslider.scrollAmount=0") 
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed") 
} 
 
function regenerate(){ 
window.location.reload() 
} 
function regenerate2(){ 
if (document.layers){ 
document.ns_slider01.visibility="show" 
setTimeout("window.onresize=regenerate",450) 
intializeleftrightslide() 
} 
if (document.all) 
ieslider.scrollAmount=slidespeed 
} 
 
function intializeleftrightslide(){ 
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>') 
document. ns_slider01.document.ns_slider02.document.close() 
thelength=document.ns_slider01.document.ns_slider02.document.width 
scrollslide() 
} 
 
function scrollslide(){ 
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){ 
document.ns_slider01.document.ns_slider02.left-=slidespeed 
setTimeout("scrollslide()",100) 
} 
else{ 
document.ns_slider01.document.ns_slider02.left=sliderwidth 
scrollslide() 
} 
} 
window.onload=regenerate2 
 
// End --> 
</script> 
<ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide> 
<layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed"></layer> 
</ilayer> 
</body> 
</html>

**javatwister** · 23/12/2008, 13h55

et t'as testé les sources, histoire d'avoir un script multiplateforme?

http://javascript.developpez.com/sou...ges#defilimage

**Madness64** · 23/12/2008, 14h36

Oui, mais mon script ne fait pas vraiment la même chose.

**RomainVALERI** · 23/12/2008, 16h25

Y a-t-il une raison pour que tu utilises des éléments layer et ilayer qui sont un ajout de Netscape mais non reconnu par le W3C ?
Je ne dis pas ça pour le sacro-saint principe du respect des standards (ou pas uniquement ^^), mais parce que tu sembles avoir des problèmes de portabilité...

**javatwister** · 23/12/2008, 16h32

c'est sûr que ce code date des années 40, au mieux

**Macmillenium** · 23/12/2008, 16h35

Code :

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

document.ns_slider01.visibility="show"

Vaut mieux passer par DOM.

**E.Bzz** · 23/12/2008, 17h01

Bonjour,
+1 pour tous les inconvénients : layers + basé sur des document.write() + syntaxes obsolètes .....

Trouve un autre script, ce n'est pas ça qui manque (celui de Javatwister par ex.)

A+

**Madness64** · 01/01/2009, 18h39

Ouais, mais j'avoue que le fait qu'il marche sous IE et qu'il fait exactement ce que je cherchais me pousse à vouloir le corriger pour le faire fonctionner sous tous les navigateurs plutot que de repasser des heures à en trouver un autre sur le net faisant la même chose.

Pour ce que dit MacMillenium, je comprends que la méthode du document.write() ne soit pas bonne, mais que faire à la place? Je ne connais pas DOM.

Après pour les ilayer, c'était dans le script, et j'avoue que c'est pas super respectueux des standards du W3C (même pas du tout). Mais je les remplace par quoi? des div?

[DOM] Compatibilité Javascript et Firefox [Fait]

JavaScript

Discussions similaires

Partager

Partager