[HTML]. Style visibility (Hidden-Visible)
Effer
-
Utilisateur anonyme -
Utilisateur anonyme -
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
- Nom pour facebook stylé - Guide
- Winmend folder hidden - Télécharger - Confidentialité
2 réponses
<!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
