onresize sur Firefox 4 et Explorer 8

**francis.c** · 11/05/2011, 22h23

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.

**NoSmoking** · 11/05/2011, 22h29

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

**francis.c** · 11/05/2011, 22h44

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

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
<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>

**dukej** · 11/05/2011, 23h01

Envoyé par francis.c

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

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
<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.

**francis.c** · 12/05/2011, 15h18

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.

**Bovino** · 12/05/2011, 15h26

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

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
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.

**francis.c** · 12/05/2011, 15h35

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 !

onresize sur Firefox 4 et Explorer 8

JavaScript

Discussions similaires

Partager

Partager