Rendre un simple script compatible Firefox

**Goltar** · 13/03/2011, 09h52

Bonjour � tous,

Je reprend le d�veloppement d'un site apr�s quelques ann�es d'abstinence et b�! rien ne va plus, du � l'apparition d'une flop�e d'interface Internet.
IE, Firefox, Netscape,... et j'en passe.
Je travaille sur un script tout simple d'affichage un peu fun, qui fonctionne parfaitement sur IE mais refuse obstin�ment de tourner sous Firefox.
Et malheureusement il faudrais qu'il le fasse...

Si quelqu'un pouvait me filer un coup de pouce ce serait sympa, d'avance merci

voici le script:

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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="1252"%>
<!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">
<style type=text/css>
    .telestyle {
	position:absolute;
	font-size:25pt;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#FF6633;
	top:96px;
	left:110px;
	height:60px;
	width:600px; 
	filter:alpha(opacity=100);
	opacity:1.0;
	-moz-opacity: 1.0;
	font-variant: small-caps;
	background-position: center;
	line-height: 50px;
	visibility: visible;
	background-color: #FEF9F5;
    }
 
    </style>
</head>
 
    <script language="javascript1.5" type="text/javascript">
<!--
 
    var message = "Message d'Accueil"
    var character = 0;
    var to_print = "";
    var ypos = 96;
    var next = 0 ;
    var fade = 100 ;
	var fade2 = 1.0;
    var next_message = new Array() ;
    next_message[0] = "Et voici un Deuxième"
    next_message[1] = "Et pourquoi pas un troisième"
    next_message[2] = "et voici le dernier!."
	next_message[3] = "On revient à l'accueil"
    function doText(text) {
    if (document.all){
    if (character <= text.length - 1) {
    to_print += text.charAt(character);
    teletext.innerHTML = to_print;
    character++;
    }
    else
    scrollIt();
    }
    setTimeout("doText(message)", 20);
    }
    function scrollIt() {
    if (ypos >= 0) {
    ypos -= 1;
    fade -= 3;
	fade2 -= 0.03;
    if (ypos < 5) {
    teletext.innerHTML = "" ;
    }
    }
    else {
    ypos = 96;
    character = 0;
    to_print = "";
    nextMessage();
    fade = 100;
	fade2 = 1.0;
    }
    teletext.style.top = ypos;
    teletext.filters.alpha.opacity = fade;
	teletext.style.opacity = fade2;
    }
    function nextMessage() {
    message = next_message[next]
    if (next == 3) {
    next = 0;
    }
    else
    next++;
    }
 // -->
 
    </script>
    <body onload="doText(message)"; >
    <div id="teletext"  class="telestyle"> </div>
    </body>
</html>

**Nesmontou** · 13/03/2011, 11h21

Bonjour,

Tu pourrais nous dire ce qui ne fonctionne pas ?

message d'erreur
comportement erron�
...

Sinon, pour t'aider dans les d�veloppements, tu peux installer le plug-in Firebug pour Firefox.

**Bovino** · 13/03/2011, 11h27

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

teletext.innerHTML = to_print;

avant d'utiliser un objet HTML, la moindre des choses est de le d�finir

teletext c'est quoi pour JavaScript ?

**Goltar** · 13/03/2011, 12h21

Bonjour,

@Bovino:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

teletext.innerHTML = to_print;

teletex �tant l'ID de ma DIV
Suggererais-tu getElementbyID?
@Nesmontou:
il y a deux incompatibilit�s avec Firefox (Qui me donne pas d'erreur, mais ne tourne pas)
1) filter:alpha(opacity=100); (pur IE) pour Firefox il faut passer opacity:1.0;
2) justement teletex.innerHTML - InnerHTML n'est pas interpr�t� par Firefox

**Goltar** · 13/03/2011, 12h33

@ Mesmontou:

Firebug n'est pas encore compatible Firefox 4

**Eric2a** · 13/03/2011, 14h29

Salut,

Envoy� par Goltar

@Bovino: Suggererais-tu getElementbyID ?

On ne peux pas faire autrement.

Pour commen�er, teletext doit �tre une variable globale.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var teletext;

Ensuite, on lui donne la valeur requise dans la fonction doText() qui est appel�e au chargement de la page.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
function doText(text) {
 teletext=getElementById('teletext');
 // Suite du code...
}

**Goltar** · 13/03/2011, 16h58

Merci,
Mais �a ne r�gle pas mon probl�me, m�me sans ta suggestion cela fonctionne parfaitement sous IE. (vas t'en savoir pourquoi ?

)

Je suppose que le document.all lui suffit
Mais je reconnais que getElementbyID serait plus adapt�, mais ce n'est pas l� que �a coince, je suis persuad� que c'est InnerHTML qui n'est pas interpr�t� correctement par Firefox.

**Bovino** · 13/03/2011, 17h02

@Goltar : oui, je pr�conisais bien l'utilisation de getElementById. Si IE (ou au moins certaines versions) est capable de r�f�rencer un objet HTML par son name et comme IE a tendance � confondre name et id, la syntaxe que tu as utilis�e "fonctionne" avec IE (mais pas forc�ment toutes les versions), il s'agit d'un comportement non garantit et d�pendant de l'interpr�tation du navigateur.

Attention aussi que la solution propos�e par Eric2a comporte un oubli : getElementById est une m�thode de l'objet document

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

teletext=document.getElementById('teletext');

Rendre un simple script compatible Firefox

JavaScript

Vue hybride

Discussions similaires

Partager

Partager