11548 sujets

JavaScript, DOM et API Web HTML5

Evenement onResize

Je souhaite afficher plus ou moins de photos dans un bandeau en fonction de la taille de la fenêtre. voici le code :

  <script language="javascript1.2">
	if (document.body)
	{
	var larg = (document.body.clientWidth);
	var haut = (document.body.clientHeight);
	}
	else
	{
	var larg = (window.innerWidth);
	var haut = (window.innerHeight);
	}
	if (larg >= "1000")
  	{
  		document.write('<img src="images/eglise.jpg" />');
	}

Jusque là, ça marche...
Je veux gérer le redimensionnement de la fenêtre par l'utilisateur.
J'ai donc écris ceci.
Mais ça ne fonctionne que sous IE6 Smiley fache 

function reloadPage()
{
	window.location.reload();
}
//-->
</script>
</head>
<body onResize=reloadPage();>


Quelqu'un a t il une idée ?
Merci d'avance
Salut,

J'ai eu a faire quelque chose du genre et j'utilisais le script suivant

<script type="text/javascript">
<!--
//Rafraichir page après redimensionnement de fenêtre

        function hauteur_fenetre()
	{ 
	if (window.innerHeight) return window.innerHeight;
	else if (document.body) return document.body.offsetHeight;
	     else return 0;
	} 
	function largeur_fenetre()
	{ 
	if (window.innerWidth) return window.innerWidth;
	else if (document.body) return document.body.offsetWidth;
	     else return 0;
	}
	if (!window.ancienne_largeur) { ancienne_largeur= largeur_fenetre();
                                        ancienne_hauteur= hauteur_fenetre(); }

        function rafraichir()
	{
	  if (largeur_fenetre()!=ancienne_largeur || hauteur_fenetre()!=ancienne_hauteur)
	  history.go(0);
	}


window.onresize=rafraichir;
//-->
</script>

Modifié le 26 Nov 2004 - 14:02
Sujet clos
Aller à