Hauteur selon largeur

voila mon petit probleme depui 24 h ... je suis entrain de voire une solution php en paralléle , par ce que je ne trouve pas.

je souhaite que la hauteur de ma balise lien <a> soit = largeur*(8.5/5.4);

<ul id="ul">
<li ><a href="#" class="menuImg">Station Technique Agréé</a></li>
<li ><a href="#"class="menuImg" >Station Technique Agréée</a></li>
<li ><a href="#" class="menuImg">Station Technique Agréée</a></li>
<li><a href="#" class="menuImg">Station Technique Agréée</a></li>
<li  ><a href="#" class="menuImg">Station Technique Agréée</a></li>
<li ><a href="#"class="menuImg">Station Technique Agréée</a></li>
<li ><a href="#" class="menuImg">Station Technique Agréée</a></li>
</ul>

ul{
background:#00F;height:100%; min-height:125px; max-height:365px;
}
	 
#ul li{
float:left;
margin:3px -2px;
width:14.5%; max-width:173px;
 background:#096;
 min-height:100%; min-height:119px; max-height:359px;
}
.menuImg{
display:block; background:#999; border:1px solid black;
}

et voila se==ce que j'ai pondu, qui ne marche pas biensur ...
lol

(function($){
	
	function resizeHauteur(){

		
		var _largeur = $('#ul li').width();
		var _hauteur = _largeur*(8.5/5.4);		

		if(_largeur){
			
			$("menuImg").width(_largeur);
			$("menuImg").height(_hauteur);
			
		}
	
	}
	resizeHauteur();
	$(window).resize(function(){
		resizeHauteur();
	});
});

donc je me base sur la balise <li> pour définir la largeur de <a>. et aprés je souhaite que cette valeur soit utiliser pour calculer la valeur de de la hauteur "automatique" de <a>. (comme si c'était une image)

Je pense que les erreur sont dans la mise en forme de script. puis que je n'ai jamais ecrit un script correct ... lol

Merci par avant de l'attention que vous porterez à ce mini probleme et merci de votre aide

Tu as essayé de faire un console.log(_hauteur) et de voir ce que ça donne pour commencer ?

ça ce met où? comment ça marche? et qu'est qu'il faut que ça fasse??

...

ok vu, ben il n'y a rien
je l'ai mise là (à la fin)

(function($){
	
	function resizeHauteur(){

		
		var _largeur = $(".menu").width();
		var _hauteur = _largeur*14.5%*(8.5/5.4);		

		if(_largeur){
			
			$(".menu").width(_largeur);
			$(".menu").height(_hauteur);
			
		}
	
	}
	resizeHauteur();
	
	$(window).resize(function(){
	resizeHauteur();
	console.log(_hauteur);
	});
});

voila j'ai rien...

Skoua a écrit :
Tu as essayé de faire un console.log(_hauteur) et de voir ce que ça donne pour commencer ?

oki
voila

ReferenceError: _hauteur is not defined

lol
la variable n'existe pas ...

Hello.

Logique que ta variable soit undefined dans ton console.log. Elle n'existe pas hors du scope de ta fonction resizeHauteur.

Deux remarques :

- Quel est l’intérêt de ton if(_largeur) ?
- Refixer la largeur dans ce même if ne sert à rien, si ce n'est rendre ta fonction totalement inutile.

j'ai changé un peu le code mais il y a encore un probleme

(function($){
	
	function resizeHauteur(){

		
		var _largeur = $(".menu").width();
		var _hauteur = _largeur*14.5%*(8.5/5.4);		

			
		$(".menuImg").css("width",_largeur,
				"height",_hauteur);
			
		}
});
	

$(window).resize(function(){
	resizeHauteur();
	});

$(window).resize(function(){ n'est pas défini...

bon j'avance, au cas où vous etes là ..

voici

<script type="text/javascript">
function resizeHaut(){
	
	   var p = $('.menuImg').width();
	   $('#coin').html(p);
	   var h = p*(8.5/5.4);
	   
	   $('#imgMenu').each(function(){
	   $(this).height(h);
	  	 return true;
	});
	   };
	   
$(document).ready(function(){
	resizeHaut();
});


$(window).resize(function(){
	resizeHaut();
	});	

</script>

fanchement mieux !!
mais maintenant c'est la boucle each que je ne sais pas où placer...

Merci , par avance de votre aide .