Page 1 sur 1

show/hide un div en fonction du valeur de l'input text

Posté : 18 sept. 2009, 08:24
par jajax
Bonjour,

je voudrais afficher un block div quand le champ input text est renseigner sinon on le masque avec jquery

voila ce que j'ai fait :
<script type="text/javascript">
$(function(){
var numeroclient=$("input#Numclient").val();
	if(numeroclient == "")
	{
		$("#mondiv").hide();
		return false;
	}else{
	
		$("#mondiv").show();
		return false;
	
	}

});
</script>
<tr><td colspan="3"></td></tr>
<tr>
	<td width="22%" class="textalignright labelbold">
	<?php 
				  echo "N&deg; client" ;
				  
	?>
	</td>
	<td width="3%" ></td>
	<td width="25%"  class="alignleft  labelitalic">
	<?php
				  echo input_tag('Numclient','',array(
		                    'class' => 'input_text',
		                       'id' => 'Numclient'
							 
							   ));
				
	?>
	
	</td>
<div id='mondiv'>le div</div>
ça marche mais le probleme c'est que je dois recharger la page.

comment fait t'on que quand on met une valeur dans le champ input le div s'affiche sans recharger la page et quand on ne met pas de valeur dans le input le div sera cacher sans recharger la page
merci pour votre aide

Re: show/hide un div en fonction du valeur de l'input text

Posté : 18 sept. 2009, 12:34
par djtec
Il faut que tu utilise un onchange ou onblur ou onkeypress pour charger ta fonction.

Regarde sur google pour le onchange comment s'en servir.

++