onresize sur Firefox 4 et Explorer 8

Version imprimable

11/05/2011, 22h23
francis.c

onresize sur Firefox 4 et Explorer 8

Bonjour tout le monde, je tente de capter l'évènement Javascript "onresize" afin de pouvoir réagir en conséquence lorsque le fureteur est redimensionné... Cependant, après plusieurs tests, je me rend compte qu'avec Firefox 4, l'écran devient toute noire lorsque l'évènement est déclenchée, et que sur IE 8, ça ne fait tout simplement rien. Sachant que j'utilise du Javascript "pur" et non une bibliothèque telles que ExtJS ou JQuery, y a-t-til moyen de corriger mon problème ?

Merci d'avance,
Francis.
11/05/2011, 22h29
NoSmoking

Bonsoir, un minimum de code aiderait sûrement à mieux cerner d'où pourrait provenir ton soucis...

Bonjour, voici un petit exemple test, essaie-le sur FF 4 et IE8 et tu constateras par toi-même :ccool:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
	<head>
	<title>onresize test</title>
		<script type="text/javascript">
			window.onresize = resize;
 
			function resize()
			{
				alert("resize event detected!");
			}
		</script>
	</head>
	<body>
		<p>Resize the browser window to fire the resize event.</p>
	</body>
</html>

Citation:
Envoyé par francis.c
Bonjour, voici un petit exemple test, essaie-le sur FF 4 et IE8 et tu constateras par toi-même :ccool:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <html> <head> <title>onresize test</title> <script type="text/javascript"> window.onresize = resize; function resize() { alert("resize event detected!"); } </script> </head> <body> <p>Resize the browser window to fire the resize event.</p> </body> </html>
Ce ridicule morceau de code ne nous avancera pas plus, car c'est un morceau de code que n'importe lequel d'entre nous peut faire. Et ça fonctionne très bien, si je veux redimensionner un contenu ou repositionner un élément sur le onresize, je n'ai pas de soucis.

12/05/2011, 15h18
francis.c

Bonjour, cher dukej,

Est-ce que tu as vraiment essayé mon magnifique code, soit dit en passant, car si c'est le cas tu te serais bien rendu compte que Firefox 4 plante littéralement lorsqu'on redimensionne le fureteur.

Ben faut dire aussi que mettre un alert sur le onresize, c'est pas exactement l'idée du siècle :roll:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
	<head>
	<title>onresize test</title>
		<script type="text/javascript">
                        window.onresize = resize;
 
                        function resize()
                        {
                                console.log("resize event detected!");
                        }
                </script>
	</head>
	<body>
		<p>Resize the browser window to fire the resize event.</p>
	</body>
</html>

fonctionne en revanche parfaitement. :aie:

12/05/2011, 15h35
francis.c

Merci de ton aide Bovino, je ne vois pas trop pourquoi alert n'était pas un bon choix dans ce cas, j'imagine que c'est parce qu'il est appelé à de nombreuses reprises en si peu de temps. Bref, problème résolu !