la communauté d'entraide francophone dédiée au PHP
afficher un div quant un radio button est coché !
oui c'est possible, come ceci:
Javascript
Javascript
<script type="text/javascript">
function afficher(etat)
{
document.getElementById("champ").style.visibility=etat;
}
</script><div id="champ">Affichage du div</div>
<form name="formulaire" id="formulaire" action="" method="">
afficher <input type="radio" name="choix" value="oui" onclick="afficher('visible');" checked>
cacher <input type="radio" name="choix" value="non" onclick="afficher('hidden');">
</form>/!\ Avant de poster se documenter et rechercher.
Qui ne sait pas rendre un service n'a pas le droit d'en demander.
MaBrute
Salut , merci pour ta reponse , ca se presente comme ça chez moi mais ca n'as pas l'ai de fonctionner , ais je commis une erreur ?
le code javascript est dans le <head>
le code javascript est dans le <head>
<tr>
<td>
<input name="optToWhom" type="radio" value="1" checked="checked" onselect="afficher('hidden');"/> </td>
<td>
Enkel de gevalideerde emailadressen </td>
</tr>
<tr>
<td>
<input name="optToWhom" type="radio" value="0" onselect="afficher('hidden');"/> </td>
<td>
Enkel de NIET gevalideerde emailadressen </td>
</tr>
<tr>
<td>
<input name="optToWhom" type="radio" value="*" onselect="afficher('hidden');"/> </td>
<td>
Iedereen, gevalideerd of niet </td>
</tr>
<tr>
<td>
<input name="optToWhom" type="radio" value="?" onselect="afficher('visible');"/> </td>
<td>
Selectieve lijst
</td>
</tr>
<div id="champ" style=" visibility:hidden">
<tr>
<td>Choisir les contacts</td>
</tr>
</div> un exemple complet:
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" xml:lang="fr" />
<title>Masquer/Afficher au clic de souris</title>
<meta http-equiv="Content-language" content="FR-fr" xml:lang="fr" dir="ltr" />
<script type="text/javascript">
function afficher(etat)
{
document.getElementById("champ").style.visibility=etat;
}
</script>
</head>
<body>
<div id="champ">Affichage du div</div>
<form name="formulaire" action="" method="" >
Afficher <input type="radio" name="choix" value="oui" onclick="afficher('visible');" checked="checked" />
Cacher <input type="radio" name="choix" value="non" onclick="afficher('hidden');" />
</form>
</body>
</html> </td>
</tr>
<div id="champ" style=" visibility:hidden">
<tr>
<td>Choisir les contacts</td>
</tr>
</div>/!\ Avant de poster se documenter et rechercher.
Qui ne sait pas rendre un service n'a pas le droit d'en demander.
MaBrute
ok pour le tableau mais le visibility ne change pas !
j'ai fais comme ça =>
j'ai fais comme ça =>
<tr>
<td>
<input name="optToWhom" type="radio" value="?" onselect="afficher('visible');"/> </td>
<td>
Selectieve lijst
</td>
</tr>
</table>
<div id="champ">Choisir les contacts</div> parceque le "onSelect" est reservé pour la séléction de texte, donc tous les champs de type "texte", regarde les affectations possible
/!\ Avant de poster se documenter et rechercher.
Qui ne sait pas rendre un service n'a pas le droit d'en demander.
MaBrute
