Modifier le style dans une fonction (résolu)

Marsh Posté le 14-06-2005 à 17:35:02

Bonjour,

Je cherche à créer une fonction qui pourrait modifier les styles des liens.
Voici le code que j'ai écrit pour que vous compreniez le problème.

Je pense que je foire au niveau du passage de l'argument dans la fonction.
Il y a surement quelques notions de Javascript qui doivent me manquer.
Si vous arrivez à m'expliquer la faute que j'ai fait, ce serait très gentil.
merci.

Code :

<html>
<head>
<style type="text/css">
a{
color:black;
}
a.select{
font-weight:bold;
}
a.noselect{
font-weight:none;
}
</style>
</head>
<body>
<script language="JavaScript">
<!--//
function change(num){
var inputID = 'input_'+num;
var linkID = 'link_'+num;
var coched = document.getElementById(inputID).checked;
if(coched==true){
document.getElementById(inputID).checked = false;
document.getElementById(linkID).className = "noselect";
}else{
document.getElementById(inputID).checked = true;
document.getElementById(linkID).className = "select";
}
}
defaultclass='noselect';
for(i = 1; i <= 100 ; i++) // Début de la boucle
{
document.write('<input name="input_'+i+'" type="checkbox" onclick="change('+i+');">');
document.write('<a href="#" id="link_'+i+'" onclick="change('+i+');" class="'+defaultclass+'">Numéro '+i+'</a><br>');
}
//-->
</script>
</body>
</html>

Message édité par samyboy le 15-06-2005 à 10:59:19

Reply

Marsh Posté le 14-06-2005 à 17:35:02

Reply

Marsh Posté le 14-06-2005 à 17:46:46

Salut,

est-il normal que tu ne donne pas d'id à tes input ?

Reply

Marsh Posté le 14-06-2005 à 18:12:51

samyboy a écrit :

Bonjour,

Je cherche à créer une fonction qui pourrait modifier les styles des liens.
Voici le code que j'ai écrit pour que vous compreniez le problème.

Aussi étonnant que ça puisse paraître, getElementById récupère les éléments sur leur ID, pas sur leur name

Message édité par masklinn le 14-06-2005 à 18:14:05

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 15-06-2005 à 10:38:05

Je vous remercie de vos remarques. J'ai quelques lacunes dans le domaine du javascript mais j'ai réussi à faire quelequechose qui marche. Je ne sais pas si j'ai écrit dans les règles de l'art mais ça fonctionne et c'est le plus important.

Code :

<html>
<head>
<style type="text/css">
a{
color:black;
}
a.select{
font-weight:bold;
}
a.noselect{
font-weight:none;
}
</style>
</head>
<body>
<script language="JavaScript">
<!--//
function change(num,objet){
var inputID = 'input_'+num;
var linkID = 'link_'+num;
var coched = document.getElementById(inputID).checked;
if( ( (objet.value == "on" )&&(coched==true)) || ((objet.value != "on" )&&(coched==false)) ){
setValue(num,true);
}else{
setValue(num,false);
}
}
function setValue(num,status){
var inputID = 'input_'+num;
var linkID = 'link_'+num;
if(status==true){
document.getElementById(inputID).checked = true;
document.getElementById(linkID).className = "select";
}else{
document.getElementById(inputID).checked = false;
document.getElementById(linkID).className = "noselect";
}
}
defaultclass='noselect';
for(i = 1; i <= 100 ; i++) // Début de la boucle
{
document.write('<input name="input_'+1+'" id="input_'+i+'" type="checkbox" onclick="change('+i+',this);">');
document.write('<a href="#" id="link_'+i+'" onclick="change('+i+',this);" class="'+defaultclass+'">Numéro '+i+'</a><br>');
}
//-->
</script>
</body>
</html>

Message édité par samyboy le 15-06-2005 à 10:38:40

Reply

Marsh Posté le 15-06-2005 à 10:48:17

Si, y'a des lacunes au niveau JS... Surtout de part l'utilisation de document.write, qui date d'il y a 10 ans

Reply

Modifier le style dans une fonction (résolu)

Sujets relatifs:

Leave a Replay