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