Script interpreté differemment par FF

**kaiser59** · 09/12/2006, 14h43

Slt,

Voila j'ai ce 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
<Script language="Javascript" type="text/JavaScript">
 
size=120;
x = 3*size;
place = 0;
texte = '<% =Msg %>';
texteDef = texte;
function defil()
	{
	texteDef = texteDef.substring(1,texteDef.length);
	while(texteDef.length < x)
		{
		texteDef += " - " + texte;
		}
	document.defil.defilbox.value = texteDef;
	tempo2 = setTimeout("defil()", 130)
	}
window.onload = defil;
</SCRIPT>

(Vous aurez compris que <% =Msg %> et le message provenant d'une BD lol)

et maintenant pour l'afficher :

Code :

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

1
2
3
4
5
<FORM NAME="defil" ACTION="">
		<SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript">
			document.write('<INPUT CLASS="diff" TYPE="text" NAME="defilbox" SIZE=' + size + '>');
		</SCRIPT>
</FORM>

Le problème et que je ne comprend pas pourquoi dans IE cela rentre bien la où je veux qu'il soit alors que sur FF il est plus grand en largeur et déborde sur la droite en longueur ??

Voici le css du input au cas où :

Code :

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

1
2
3
4
5
6
7
8
input.diff
{
font-family:		"Verdana";
font-weight:		bold;
color:				red;
background-color: 	#00C6F0;
border:				0px;
}

Merci d'avance

**Auteur** · 10/12/2006, 15h29

bonjour,

j'ai modifié légèrement ton code :

J'ai défini la largeur de l'input dans la CSS (et donc suppression de la variable size) ;
Remplacement des attributs name par les attributs id (ciblage des objets plus simple et plus conforme aux recommandations du W3C);
Création de la variable box qui contient l'objet dont l'id est defilBox, x devient une variable locale
Suppression du document.write (méthode à bannir) ;
Ajout du mot-clef var (définition des variables) ;
Appel de la fonction defil() dans la balise body.

Code htm :

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
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
.diff
{
  font-family: "Verdana";
  font-weight: bold;
  color: red;
  background-color: #00C6F0;
  border: 0px;
  width: 120px;
}
 
//-->
</style>
 
<script language="Javascript" type="text/JavaScript">
<!--
var place = 0;
 
var texte = '<% =Msg %>';
var texteDef = texte;
 
 
function defil()
{
	var tempo2;
 
    var box = document.getElementById("defilBox");
    var x = parseInt(box.offsetWidth)*3;
 
	texteDef = texteDef.substring(1,texteDef.length);
	while(texteDef.length < x)
	{
		texteDef += " - " + texte;
	}
	box.value = texteDef;
	tempo2 = setTimeout("defil()", 130)
}
//-->
</script>
 
 
</head>
 
<body onload="defil()">
 
<form id="formDefil" action="">
			<input id="defilBox" class="diff" type="text" />
</form>
 
</body>
 
</html>

**kaiser59** · 10/12/2006, 19h22

Salut,

Là je dis chapeau en effet cela fonctionne très bien

Pourrais tu jeter un coup d'oeil sur un script dans ce forum que j'ai posté http://www.developpez.net/forums/sho...d.php?t=239372
Comme je suis nul en javascript, tu comprendras qu'on me l'a donné

Je t'en remercie d'avance

Script interpreté differemment par FF

JavaScript

Discussions similaires

Partager

Partager