Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 11/05/2011, 22h23   #1
Invité régulier
 
Inscription : mai 2011
Messages : 18
Détails du profil
Informations forums :
Inscription : mai 2011
Messages : 18
Points : 5
Points : 5
Par défaut 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.
francis.c est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 11/05/2011, 22h29   #2
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 933
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 933
Points : 4 756
Points : 4 756
Bonsoir, un minimum de code aiderait sûrement à mieux cerner d'où pourrait provenir ton soucis...
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 11/05/2011, 22h44   #3
Invité régulier
 
Inscription : mai 2011
Messages : 18
Détails du profil
Informations forums :
Inscription : mai 2011
Messages : 18
Points : 5
Points : 5
Bonjour, voici un petit exemple test, essaie-le sur FF 4 et IE8 et tu constateras par toi-même

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>
francis.c est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 11/05/2011, 23h01   #4
Membre expérimenté
 
Duke Jikel
Inscription : mai 2010
Messages : 340
Détails du profil
Informations personnelles :
Nom : Duke Jikel

Informations forums :
Inscription : mai 2010
Messages : 340
Points : 548
Points : 548
Citation:
Envoyé par francis.c Voir le message
Bonjour, voici un petit exemple test, essaie-le sur FF 4 et IE8 et tu constateras par toi-même

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.
dukej est déconnecté   Envoyer un message privé Réponse avec citation 01
Vieux 12/05/2011, 15h18   #5
Invité régulier
 
Inscription : mai 2011
Messages : 18
Détails du profil
Informations forums :
Inscription : mai 2011
Messages : 18
Points : 5
Points : 5
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.
francis.c est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 12/05/2011, 15h26   #6
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 806
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juin 2008
Messages : 13 806
Points : 35 803
Points : 35 803
Ben faut dire aussi que mettre un alert sur le onresize, c'est pas exactement l'idée du siècle

Code html :
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.
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 12/05/2011, 15h35   #7
Invité régulier
 
Inscription : mai 2011
Messages : 18
Détails du profil
Informations forums :
Inscription : mai 2011
Messages : 18
Points : 5
Points : 5
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 !
francis.c est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 11h26.


 
 
 
 
Partenaires

Hébergement Web