OVH Cloud OVH Cloud

est ce possible en javascript

5 réponses
Avatar
logone
Salut je suis en train de developpe un petit truc je l'aimerais savoir si
c'est faisable,
voila j'ai une case a coche et je voudrais faire en sorte que si je coche la
case cela m'affiche 2 champs de formulaire en dessous de cette case, biensur
si la case n'est pas cochée les 2 champs ne sont pas visibles.

Merci pour vos reponses

5 réponses

Avatar
PtiTom
Salut je suis en train de developpe un petit truc je l'aimerais savoir si
c'est faisable,
voila j'ai une case a coche et je voudrais faire en sorte que si je coche la
case cela m'affiche 2 champs de formulaire en dessous de cette case, biensur
si la case n'est pas cochée les 2 champs ne sont pas visibles.

Merci pour vos reponses



Ce genre de structure peut t'aider :

HTML :
<input type="checkbox" onclick="ObjClicked(this);" />
<div id="myUniqueID" style="display:none">
<input name="fld1" value="Bob" />
<input name="fld2" value="Bub" />
</div>

JS :
function ObjClicked(objClickedElt)
{
// Contrôle de l'élément cliqué...
document.getElementById("myUniqueID").style.display =
(objClickedElt.checked) ? "block" : "none";
return true;
}

Le "style" du DIV en HTML permet de définir son statut par défaut (cf.
les références CSS2)

...

Tom

Avatar
M. B.
"PtiTom" a écrit dans le message de
news:41d26a3c$0$21406$
Ce genre de structure peut t'aider :
HTML :
<input type="checkbox" onclick="ObjClicked(this);" />
<div id="myUniqueID" style="display:none">
<input name="fld1" value="Bob" />
<input name="fld2" value="Bub" />
</div>

JS :
function ObjClicked(objClickedElt)
{
// Contrôle de l'élément cliqué...
document.getElementById("myUniqueID").style.display > (objClickedElt.checked) ? "block" : "none";
return true;
}



Bonjour.

Rien a rajouter a cette reponse.

Une question plus generale : j'ai l'habitude d'ecrire

myUniqueID.style.display = ...



plutot que

document.getElementById("myUniqueID").style.display = ...



Or je vois toujours la deuxieme version sur ce forum.

Pourquoi ? La premiere est-elle specifique IE et non portable ?

Merci pour vos reponses.

MB


Avatar
logone
merci pour votre aide


"M. B." a écrit dans le message de news:
41d26f0b$0$30066$
"PtiTom" a écrit dans le message de
news:41d26a3c$0$21406$
Ce genre de structure peut t'aider :
HTML :
<input type="checkbox" onclick="ObjClicked(this);" />
<div id="myUniqueID" style="display:none">
<input name="fld1" value="Bob" />
<input name="fld2" value="Bub" />
</div>

JS :
function ObjClicked(objClickedElt)
{
// Contrôle de l'élément cliqué...
document.getElementById("myUniqueID").style.display >> (objClickedElt.checked) ? "block" : "none";
return true;
}



Bonjour.

Rien a rajouter a cette reponse.

Une question plus generale : j'ai l'habitude d'ecrire

myUniqueID.style.display = ...



plutot que

document.getElementById("myUniqueID").style.display = ...



Or je vois toujours la deuxieme version sur ce forum.

Pourquoi ? La premiere est-elle specifique IE et non portable ?

Merci pour vos reponses.

MB







Avatar
PtiTom

Une question plus generale : j'ai l'habitude d'ecrire


myUniqueID.style.display = ...




plutot que


document.getElementById("myUniqueID").style.display = ...




Or je vois toujours la deuxieme version sur ce forum.

Pourquoi ? La premiere est-elle specifique IE et non portable ?



document.getElementById... est la version "officielle" du W3C. La
solution "raccourci" : Id.propriété est propre à la version Microsoft du
moteur JS.
getElement... est case-sensitive alors que la version raccourcie ne
l'est pas... Néanmoins, dans de nombreux cas, il n'y a pas plus de
problèmes de compatibilité que ça...



Avatar
M. B.
"PtiTom" a écrit dans le message de
news:41d2f26a$0$12494$

Une question plus generale : j'ai l'habitude d'ecrire


myUniqueID.style.display = ...




plutot que


document.getElementById("myUniqueID").style.display = ...




Or je vois toujours la deuxieme version sur ce forum.

Pourquoi ? La premiere est-elle specifique IE et non portable ?



document.getElementById... est la version "officielle" du W3C. La
solution "raccourci" : Id.propriété est propre à la version Microsoft du
moteur JS.
getElement... est case-sensitive alors que la version raccourcie ne
l'est pas... Néanmoins, dans de nombreux cas, il n'y a pas plus de
problèmes de compatibilité que ça...


Merci.

MB