Faire apparaitre un div apres qu'une checkbox
Résolu
nicusjam
Messages postés
36
Date d'inscription
Statut
Membre
Dernière intervention
-
nicusjam Messages postés 36 Date d'inscription Statut Membre Dernière intervention -
nicusjam Messages postés 36 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai un formulaire avec 4 div, et une checkbox au debut de chaque div . Coté resultat je souhaite que quand la checkbox de ma 1ere div est cochée, la seconde div s'affiche, et ainsi de suite. Je veux mettre un script js pour ça, mais je galere un peu . Voici une portion du code/
DI est ma 1ere div, la checkbox qui correspond est checkbox_di, la 2eme div est AVP.
Merci pour votre aide ! Cordialement.
J'ai un formulaire avec 4 div, et une checkbox au debut de chaque div . Coté resultat je souhaite que quand la checkbox de ma 1ere div est cochée, la seconde div s'affiche, et ainsi de suite. Je veux mettre un script js pour ça, mais je galere un peu . Voici une portion du code/
<div id="DI" style="visibility:hidden; position:absolute; align:left; width:790px; height:30px; margin-top:29px; background-color: ; ">
<tr bgcolor="#FFFFFF">
<td width="20"><input id="checkbox_di" name="di" type="checkbox" class="Style1" value="checked" onClick="montrerDiv(this);" /></td>
<td width="100"> DI</td>
<td width="180">
<script language="JavaScript" type="text/JavaScript" >
function montrerDiv(checkbox_di)
{
if(checkbox_di.checked == true)
{
document.getElementById('AVP').style.visibility = visible;
}
else
{
document.getElementById("AVP" + checkbox_di.value).style.visibility = hidden;
}
}
</script>
DI est ma 1ere div, la checkbox qui correspond est checkbox_di, la 2eme div est AVP.
Merci pour votre aide ! Cordialement.
A voir également:
- Faire apparaitre un div apres qu'une checkbox
- Apparaitre hors ligne instagram - Guide
- Comment faire apparaître la tabulation sur word - Guide
- Comment faire apparaître le clavier sur une tablette - Guide
- Comment faire apparaître le curseur sans souris - Guide
- Apparaitre hors ligne whatsapp - Guide
1 réponse
Salut
Je pense que ce code est à peu près ce que tu cherches à faire :
Je pense que ce code est à peu près ce que tu cherches à faire :
<style>
div.divCachee{
visibility:hidden;
position:absolute;
}
div.divCachee, div.divPasCachee{
display:inline; /*car j'ai cru comprendre que tu voulais les aligner horizontalement (sinon, cette ligne est à virer)*/
}
</style>
<script>
var mesDivs=new Array("DI","AVP","DIV3","DIV4");
var str="";
var premier=true;
for(var i=0;i<mesDivs.length;i++){
str+=" <div id='"+mesDivs[i]+"' class='";
if(premier){
str+="divPasCachee";
premier=false;
}
else{
str+="divCachee";
}
str+="'>";
str+="<input type='checkbox' name='"+mesDivs[i]+"' class='Style1' onClick='verif(this,"+i+")'>";
str+=mesDivs[i];
str+="</div>";
}
document.write(str);
verif=function(){
if(arguments[0].checked){
if(arguments[1]<(mesDivs.length-1)){
document.getElementById(mesDivs[arguments[1]+1]).className="divPasCachee";
}
}
else{
for(var _i=arguments[1]+1;_i<(mesDivs.length);_i++){
document.getElementById(mesDivs[_i]).className="divCachee";
document.getElementById(mesDivs[_i]).checked=false;
}
}
};
</script>
Je teste ta proposition de code dès ce soir, là je pars du boulot, j'ai trop galéré avec mon code, y'a des jours comme ça où je m'empêtre... Mais là à lire ton code je pense qu'il y a des subtilités qui m'avaient échappées ! Merci encore de ta disponibilité ! Cdlt, Nicus.