Modifier le style dans une fonction (résolu)

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Modifier le style dans une fonction (résolu)

samyboy

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

Publicité

j_lecruel

☀ ☁ ☂

Salut,

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

masklinn

í dag viðrar vel til loftárása

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

samyboy

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

FlorentG

Unité de Masse

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

FORUM HardWare.fr

Programmation

HTML/CSS

Modifier le style dans une fonction (résolu)

Sujets relatifs
[batch] modifier automatiquement l'extension de fichiers qcq	importation fichier DBF sous MYSQL[résolu]
pb avec fonction eregi_replace	Petit soucis d'alignement du texte...
[JS] Plusieurs actions avec Onclick sans passer par une fonction	calendrier et base de données !! complex ... [résolu]
[c++] Inclure des librairies C++ dans des fichiers C [self-resolu]	[Builder C++ 6] Utilisation dynamique d'une DLL [résolu...]
[C++]Existe t-il une fonction récupérant une partie d'un string?	Passage d'arguments à une fonction Python
Plus de sujets relatifs à : Modifier le style dans une fonction (résolu)

Page générée en 0.079 secondes