11548 sujets

JavaScript, DOM et API Web HTML5

Variable Javascript + HTML

Bonjour,
Je cherche à récupérer la valeur d'une variable d'un javascript pour l'utiliser dans du code html afin de modifier dynamiquement la hauteur d'une DIV.

Comment puis-je faire ? Voici le code et merci d'avance :

<html>
<head>
<script type="text/javascript" charset="utf-8">
	function saveUrl(u) { window.open(u,"_self"); }
		
	function aff() {
		var myWidth = 0, myHeight = 0;
		if( typeof( window.innerWidth ) == 'number' ) {
			//Non-IE
			myWidth = window.innerWidth;
			myHeight = window.innerHeight;
		} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
			//IE 6+ in 'standards compliant mode'
			myWidth = document.documentElement.clientWidth;
			myHeight = document.documentElement.clientHeight;
		} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
			//IE 4 compatible
			myWidth = document.body.clientWidth;
			myHeight = document.body.clientHeight;
		}
		//window.alert( 'Width = ' + myWidth +' and Height = ' + myHeight );
		[#red][b]HeightCell[/b][#black]=myHeight-81;[#red][b] variable à utiliser dans la div[/b][#black]
	}
	</script>
</head>

<body onResize="aff();" onLoad="aff();">
<div>bla bla</div>
<div style="height:[#red][b]variable JAVASCRIPT HeightCell[/b][#black]>bla bla</div>
<div>bla bla</div>
</body>
</html>

Modifié par atauvent (20 Aug 2008 - 13:48)
Autrement dit, tu veux changer la taille de ta div en fonction de celle de la fenêtre ?

Dans ce cas, il faut donner un id à ta div et ensuite tu pourras accéder à ces propriétés avec la fonction document.getElementById.

Par exemple pour changer la hauteur d'une div nommée madiv :
document.getElementById('madiv').style.height = '200px';


Si ce n'est pas ça que tu cherches, il faut préciser un peu ce que tu voudrais obtenir.
Hello atauvent et bienvenue Smiley smile ,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

upload/1-code.gif

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait donc courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile
Merci beaucoup QuentinC, c'est exactement ce qu'il me fallait, et en effet je redimensionne bien ma div en fonction de la taille de ma fenêtre.

++ Smiley biggrin
Sujet clos
Aller à