[HTML]. Style visibility (Hidden-Visible)
Fermé
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.
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:
- [HTML]. Style visibility (Hidden-Visible)
- Style word - Guide
- Clé usb non visible - Guide
- Editeur html - Télécharger - HTML
- Winmend folder hidden - Télécharger - Confidentialité
- Nom pour facebook stylé - Guide
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
18 juil. 2005 à 10:32
salut,
pour cela il faut ajouter du code javascript
pour cela il faut ajouter du code javascript
Utilisateur anonyme
26 juil. 2005 à 14:01
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
