Ligne invisible par javascript

Résolu/Fermé

Utopia - 3 févr. 2009 à 20:23
tokaido6 Messages postés 86 Date d'inscription mardi 20 mai 2008 Statut Membre Dernière intervention 15 juillet 2012 - 3 févr. 2009 à 21:54

Bonjour,
En fait j'ai un petit soucis pour un javascript. Je suis incapable de trouver mon erreur, car à part l'html et le css je suis assez newbie dans le reste ^^

Alors voilà l'image que donne mon code : http://nsa05.casimages.com/img/2009/02/03//090203073652913579.jpg

Le soucis, je voudrais que la ligne de garde des enfants soit invisible par défaut, et qu'elle n'apparaisse qu'en cliquant sur "accorder le divorce".

Je vous montre donc mon code en espérant que vous puissiez m'aider :)

<html>
<head>
<script language="JavaScript">
function test()
{
obj=document.getElementById("pwet").style;
if(document.choix.divorce[1].checked==true){obj.visibility='visible';}else{obj.visibility='hidden';}
}
</script>
</head>
<body>
<table>
<tr>
<td align="right" valign="top"><b><font color=red>Divorce :</font></b></td>
<td align="left">
	<input name="divorce" value="0" id="div0" checked="checked" type="radio" >
        <label for="div0"><font color=red>Aucun</font></label><br>
        <input name="divorce" value="10" id="div10" type="radio" onClick="test()">
        <label for="div10" ><font color=red>Accorder le divorce (cliquez ici)</font></label><br></td>
</tr>
	
<tr id="pwet">
<td align="right" valign="top"><b><font color=red>Garde des enfants :</font></b></td>
<td align="left">
	<table border="1" id="">
		<tr>
			<td><b>
				<span class="fille">CLOUNA Yuna</span><br />
				<span class="garcon">CLOUNA Cloud</span></b>
			</td>
			<td>
				<input name="enfants_1" value="0" id="enf0" checked="checked" type="radio" >
                                <label for="enf0">garde partagée</label><br>
				<input name="enfants_1" value="0" id="enf10" type="radio">
                                <label for="enf10" >père</label><br>
				<input name="enfants_1" value="0" id="enf20" type="radio" >
                                <label for="enf20">mère</label><br>
			</td>
		</tr>
	</table>
</tr>
</table>
</body>
</html>

A voir également:

Ligne invisible par javascript
Aller à la ligne excel - Guide
Site de vente en ligne particulier - Guide
Partager photos en ligne - Guide
Telecharger javascript - Télécharger - Langages
Apparaitre hors ligne instagram - Guide

7 réponses

Réponse 1 / 7

tokaido6 Messages postés 86 Date d'inscription mardi 20 mai 2008 Statut Membre Dernière intervention 15 juillet 2012 2
3 févr. 2009 à 21:01

Slt

<html>
<head>
<script language="JavaScript">
function test()
{

//On commence par cacher notre balise div

var obj=document.getElementById("pwet").style;

if(document.choix.divorce[1].checked==true){obj.visibility='visible';}else{obj.visibility='hidden';}
setTimeout("test()",100);
}
</script>
</head>
<body onload="test()" >

<table>
<tr>
<td align="right" valign="top"><b><font color=red>Divorce :</font></b>
</td>
<td align="left">
<form name="choix" > 
<input name="divorce" value="0" id="div0" checked="checked" type="radio" >
<label for="div0"><font color=red>Aucun</font></label><br>
<input name="divorce" value="10" id="div10" type="radio" >
<label for="div10" ><font color=red>Accorder le divorce (cliquez ici)</font></label><br>
</td>
</tr>

</table>

<div id="pwet" style="visibility:hidden;" >

<table border="1" id="">
<tr>
<td align="right" valign="top"><b><font color=red>Garde des enfants :</font></b></td>
<td align="left">

<tr>
<td><b>
<span class="fille">CLOUNA Yuna</span><br />
<span class="garcon">CLOUNA Cloud</span></b>
</td>
<td>
<input name="enfants_1" value="0" id="enf0" checked="checked" type="radio" >
<label for="enf0">garde partagée</label><br>
<input name="enfants_1" value="0" id="enf10" type="radio">
<label for="enf10" >père</label><br>
<input name="enfants_1" value="0" id="enf20" type="radio" >
<label for="enf20">mère</label><br>

</form>
</td>
</tr>
</tr>
</table>

</div>

</body>
</html>

Tiens voilà ton code tout fait et n'oublie pas de mettre en résolu. Tu verra les modification en comparant ligne par ligne avec ton code puisque je vais pas me mettre à détailler. Mais sache que j'ai fais deux tables et la 2eme est cachée par défaut. Puis appel à javascript avec onload et chaque fois je vérifie apres 1/10 de seconde si on a cliqué sur "Accorder le divorce (cliquez ici)"

Réponse 2 / 7

Utopia
3 févr. 2009 à 21:07

Merci infiniment !!! Des jours que je cherche ! je suis vraiment une noob en js >_<

Encore merci !!! :D

Réponse 3 / 7

tokaido6 Messages postés 86 Date d'inscription mardi 20 mai 2008 Statut Membre Dernière intervention 15 juillet 2012 2
3 févr. 2009 à 21:11

Bah de rien
Au début chacun a du mal à coder.

Réponse 4 / 7

Utopia
3 févr. 2009 à 21:33

Bon c'est encore moi en mode boulet

J'ai inséré ça sur la page, j'ai modifié le javascript, rajouter les balises de formulaire, les div et ça ne fonctionne pas :/

Voilà la page : http://www.tutopia.fr/programme_sophie_marceau/divorce_juge.html

Qu'ai-je encore oublié ? :p

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 7

tokaido6 Messages postés 86 Date d'inscription mardi 20 mai 2008 Statut Membre Dernière intervention 15 juillet 2012 2
3 févr. 2009 à 21:45

Il faut savoir interpréter les erreurs Internet IE dis : "document.choix.divorce a la valeur Null ou n'est pas un objet"

Maintenant je pense que tu as 2 balise "form" le premier etant ceci:

<form action="" method="post">
<input id="opt" name="opt" value="jugement" type="hidden">
<input name="etat_condamne" value="1" type="hidden">
<input name="etat_accuse" value="coupable" type="hidden">

et l'autre celle de tout à l'heure.

donc ctrl+f pour rechercher les balises "form" et ne laisser qu'une seule balise .

Réponse 6 / 7

Utopia
3 févr. 2009 à 21:52

*Utopia s'incline*

Tout marche parfaitement ! Merci beaucoup d'avoir aidé une pauvre petite geekette se sentant noobette ! :D

Réponse 7 / 7

tokaido6 Messages postés 86 Date d'inscription mardi 20 mai 2008 Statut Membre Dernière intervention 15 juillet 2012 2
3 févr. 2009 à 21:54

De rien
A+

Discussions similaires

Caractère invisible ou vide pour pseudo invisible

Que veut dire "correspondant occupé" lors d'un appel ?

caractère invisible

On me voit connecté sur facebook alors que je n'y suis pas

Ligne occupée : pourquoi mon téléphone sonne occupé ?