LABELS EN SURBRILLANCE

stfou Messages postés 450 Date d'inscription samedi 16 avril 2005 Statut Membre Dernière intervention 18 avril 2007 - 4 avril 2007 à 15:27
stfou Messages postés 450 Date d'inscription samedi 16 avril 2005 Statut Membre Dernière intervention 18 avril 2007 - 4 avril 2007 à 18:39
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/42077-labels-en-surbrillance

stfou Messages postés 450 Date d'inscription samedi 16 avril 2005 Statut Membre Dernière intervention 18 avril 2007 3
4 avril 2007 à 18:39
oups, j'ai oublié la balise script, et j'ai mieux, on laisse les radios tel quels dans le code HTML, et on les modifie en JS :





<script>
function select(object)
{
object.htmlFor.className=object.checked ? "focus" : "blur";
}
var radios=document.getElementsByTagName("radio");
for(i=0;i<radios.length;i++)
{
radios[i].onclick=select(this);
}

</script>
stfou Messages postés 450 Date d'inscription samedi 16 avril 2005 Statut Membre Dernière intervention 18 avril 2007 3
4 avril 2007 à 15:27
Dans l'instruction :
if (checkInput.checked==true)
tu peux supprimer le ==true :
if (checkInput.checked)

Sinon, on peut aussi faire un onclick sur les radios du genre :
<style>
.blur
{
color:black;
}

.focus
{
color:green;
}
</style>
<script>function select(object){object.htmlFor.className="focus" ? "blur" : "focus";}
Texte
Rejoignez-nous