javascript et Firefox

**eerriicc46** · 26/11/2009, 13h02

Bonjour à tous,
J'ai découvert le Dhtml avec javascript dans IE il y a une dizaine d'année. J'ai voulu ressortir mes exercices d'école qui fonctionnent toujours sous IE mais pas du tout dans Firefox. J'ai réduit au maximum le code pour tout bêtement augmenter progressivement à l'infini la largeur d'un Div et rien à faire... Firefox ne veut rien savoir.
Voici mon script :
.........

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<body>
<body onLoad="taille()">
<script language="javascript">
var x=10;
function taille()
{
x=x+10;
module.style.width=x;
setTimeout('taille()',200);
}
</script>
<div style="width: 100px; height: 100px; background-color: #FF0000" id="module">
</div>
</body></html>

Merci pour vos réponses

**vermine** · 26/11/2009, 13h21

Bonjour,

Je n'ai pas FF sous la main donc je n'ai pas pu tester mais peut-être que FF n'accepte pas d'atteindre l'élément aussi directement que ceci:

Code :

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

1
2
 
module.style.width=x;

Testez tjs ça:

Code :

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

1
2
 
document.getElementById("module").style.width=x;

**eerriicc46** · 26/11/2009, 13h25

Merci mais j'avais cette syntaxe au départ et çà ne fonctionnait pas. J'ai pensé qu'en simplifiant davantage je rendrais plus évidente la source du problème ce qui explique cette forme plus rapide.

**Bovino** · 26/11/2009, 13h27

C'est surtout que Firefox attend une unité pour les propriétés de taille :

Code :

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

module.style.width=x + 'px';

**eerriicc46** · 26/11/2009, 13h45

Cela ne fonctionne pas davantage... la console d'erreur me signale d'ailleurs le manque d'un ';' entre le '10' et le 'px'. et l'erreur : 'taille is not definied'.
Cependant auparavant elle me signalait l'erreur 'module is not defined' qu'elle ne signale plus
Je vous rassure, l'option javascript est bien activée.
Encore Merci

**eerriicc46** · 26/11/2009, 13h48

Merci à tous les deux

c'est la combinaison de vos deux réponses qui fonctionne. Cooooooooooooooolllll

document.getElementById("module").style.width=x + 'px';

Un grand Merci

Eric

javascript et Firefox

JavaScript

Vue hybride

Discussions similaires

Partager

Partager