Les Allergies
Alimentaires
Posez votre question Signaler

[HTML]. Style visibility (Hidden-Visible)

Effer - Dernière réponse le 26 juil. 2005 à 14:01
Bonjour tous le monde.
Je suis en train de réaliser un site Intranet et je cherche comment faire pour faire apparaître ou non certaine partie d'une de mes pages. Je m'explique : J'ai 4 boutons radios, et suivant celui qui est coché certaines lignes du formulaires disparaissent et d'autres apparaissent.
Besoin d'un coup de main. Merci.
Lire la suite 

[HTML]. Style visibility (Hidden-Visible) »

2 réponses
Réponse
+4
moins plus
salut,

pour cela il faut ajouter du code javascript
Ajouter un commentaire
Réponse
+4
moins plus

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<!--
	Author: Philippe FERY
	Date: 26 Jul 05
-->

<head>
	<title>Untitled</title>
	<script language="javascript" type="text/javascript">
	  var allFields = new Array("lastname","firstname","society","vat","soctype");
	  var validFields = new Array(new Array(2,3,4),new Array(0,1),new Array(0,1,3));
	  
	  function updateForm(value){
	    document.getElementsByName("view")[0].style.display="block";

		for(i=0 ; i<allFields.length; i++){  
		  fieldDiv=document.getElementsByName("tr_"+ allFields[i])[0];	
	      fieldDiv.style.display="none";
		  for(j=0 ; j<validFields[value].length ; j++){
		    if(validFields[value][j]==i){
			 window.status+=allFields[i]+" ";
			  fieldDiv.style.display="block";
		  }			
		 }
		}
	  }
	</script>
</head>

<body>
 <fieldset>
    <legend>Qui êtes vous?</legend>
    <table>
	  <tr>
	    <td>
  		  Société:
		</td>
	    <td>
  		  <input type="radio" name="type" value="0" onclick="updateForm(this.value);"/>
		</td>
	  </tr>
	  <tr>
	    <td>
  		  Personne privée (sans n°de TVA):
		</td>
	    <td>
  		  <input type="radio" name="type" value="1" onclick="updateForm(this.value);"/>
		</td>
	  </tr>	 
	  <tr>
	    <td>
  		  Personne privée (avec n°de TVA):
		</td>
	    <td>
  		   <input type="radio" name="type" value="2" onclick="updateForm(this.value);"/>
		</td>
	  </tr>	   
	</table>
  </fieldset>	


  <fieldset name="view" id="view" style="display:none;">
  <legend>Formulaire d'inscription</legend>
  <form name="detailform" method="POST" action="http://www.someServer.com">
    <table>
	  <tr><td><div id="tr_lastname">
      <table>	
	  <tr>
	    <td>
  		  Nom:
		</td>
	    <td>
  		  <input type="text" name="lastname" />
		</td>
	  </tr>
      </table>	
	  </div></td></tr>
	  
	  <tr><td><div id="tr_firstname">
      <table>	
	  <tr>
	    <td>
  		  Prénom:
		</td>
	    <td>
  		  <input type="text" name="firstname" />
		</td>
	  </tr>
      </table>	
	  </div></td></tr>
	  
	  <tr><td><div id="tr_society" >
      <table>		  
	  <tr>
	    <td>
  		  Société:
		</td>
	    <td>
  		  <input type="text" name="society" />
		</td>
	  </tr>
      </table>		  
	  </div></td></tr>
	  
	  <tr><td><div id="tr_vat" name="tr_vat" >
      <table>		  
	  <tr>
	    <td>
  		  N° TVA:
		</td>
	    <td>
  		  <input type="text" name="vat" />
		</td>
	  </tr>
      </table>		  
	  </div></td></tr>	 
	  
	  <tr><td><div id="tr_socType">
      <table>		  
	  <tr>
	    <td>
  		  Raison sociale:
		</td>
	    <td>
  		  <select name="socType">
		  		  <option value="SA"/>Société Anonyme
				  <option value="SPRL"/>SPRL				  
				  <option value="PME"/>PME
		  </select>
		</td>
	  </tr>
      </table>		  
	  </div></td></tr>		    
	</table>
	<table><tr><td><input type="submit" value="Envoyer"/></td><td><input type="reset" value="Effacer"/></td></tr></table>
  </form>
  </fieldset>	  
</body>
</html>


;-)
HackTrack
Ajouter un commentaire
Ce document intitulé « [HTML]. Style visibility (Hidden-Visible) » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?