[HTML]. Style visibility (Hidden-Visible)

Fermé
Effer - 18 juil. 2005 à 09:36
 Utilisateur anonyme - 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.
A voir également:

2 réponses

nico7382 Messages postés 279 Date d'inscription lundi 6 juin 2005 Statut Membre Dernière intervention 22 décembre 2010 50
18 juil. 2005 à 10:32
salut,

pour cela il faut ajouter du code javascript
4
Utilisateur anonyme
26 juil. 2005 à 14:01

<!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
4