begin process at 2010 02 10 12:37:00
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

Select actif ou non


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Select actif ou non

dimanche 27 janvier 2008 à 15:34:49 | Select actif ou non

jumano

Bonjour,
Quelqu'un pourrai-t-il m'aider à modifier le code transmis par the_smurf

<html>
<head>
  <script>
    function undisable(name,num){
      disableAll(name);
      document.getElementsByName(name)[num].disabled = false;
    }

    function disableAll(name){
      for(i=0;i<document.getElementsByName(name).length;i++){
        disable(name,i);
      }
    }

    function disable(name,num){
      document.getElementsByName(name)[num].disabled = true;
    }

  </script>
</head>    
<body>
  <input type="radio" name="test" value="1" onclick="undisable('selectName',0)">1<br>
  <input type="radio" name="test" value="2" onclick="undisable('selectName',1)">2<br>
  <input type="radio" name="test" value="3" onclick="undisable('selectName',2)">3<br>

  <select disabled="true" name="selectName" size="1">
    <option>select11</option>
    <option>select12</option>
    <option>select13</option>
    <option>select14</option>
    <option>select15</option>
  </select>
  <select disabled="true" name="selectName" size="1">
    <option>select21</option>
    <option>select22</option>
    <option>select23</option>
    <option>select24</option>
    <option>select25</option>
  </select>
  <select disabled="true" name="selectName" size="1">
    <option>select31</option>
    <option>select32</option>
    <option>select33</option>
    <option>select34</option>
    <option>select35</option>
  </select>

</body>
   
</html>

Je voudrais en fait que lorsque je clic sur la checkbox N°1 la première liste soit active, si je clic sur la checkbox N°2 les deux premières listes soient actives et ainsi de suite ...
Merci

lundi 28 janvier 2008 à 10:16:45 | Re : Select actif ou non

bultez

Membre Club


Bonjour,

...
<head>
  <script type="text/javascript">
    function undisable(num)
    {    var s=document.getElementsByName("selectName");
         for( var i=num+1;i<s.length;i++)
         {    s[i].disabled = true;    }
         for ( i=0;i<=num;i++ )
         {    s[i].disabled = false;    }
    }
  </script>
</head>   
<body>
  <input type="radio" name="test" onclick="undisable(0)">1<br>
  <input type="radio" name="test" onclick="undisable(1)">2<br>
  <input type="radio" name="test" onclick="undisable(2)">3<br>
...
    par exemple...

                Cordialement            Bul         «mon Site»     «M'écrire»
lundi 28 janvier 2008 à 15:43:35 | Re : Select actif ou non

jumano

Merci Bultez,

Petite question :
Est-il possible de choisir avec
getElementsById, cela me permettrait de nommer mes selects "select1" "select2" etc ... m   is il aurait tous la même id à savoir "selectname" par exemple.
Je veux juste ensuite récupérer les variables de chaque select utilisé pour les inclures dans une base sql.
Merci
lundi 28 janvier 2008 à 16:11:18 | Re : Select actif ou non

bultez

Membre Club
>>il aurait tous la même id à savoir "selectname" par exemple.
un ID doit être unique dans une page.
on peut faire avec selectName1, selectName2.... selectName#


<head>
  <script type="text/javascript">
    function undisable(num)
    { var i=0;
        while ( i<=num )
        {    document.getElementById("selectName"+i).disabled=false;   
            i++;    }
        while ( document.getElementById("selectName"+i) )
        {    document.getElementById("selectName"+i).disabled=true;   
            i++;    }
    }
  </script>
</head>  
<body>
  <input type="radio" name="test" onclick="undisable(0)">1<br>
  <input type="radio" name="test" onclick="undisable(1)">2<br>
  <input type="radio" name="test" onclick="undisable(2)">3<br>
 <select disabled="true" id="selectName0" size="1">
    <option>select11</option>
    <option>select12</option>
    <option>select13</option>
    <option>select14</option>
    <option>select15</option>
  </select>
  <select disabled="true" id="selectName1" size="1">
    <option>select21</option>
    <option>select22</option>
    <option>select23</option>
    <option>select24</option>
    <option>select25</option>
  </select>
  <select disabled="true" id="selectName2" size="1">
    <option>select31</option>
    <option>select32</option>
    <option>select33</option>
    <option>select34</option>
    <option>select35</option>
  </select>



                Cordialement            Bul         «mon Site»     «M'écrire»
lundi 28 janvier 2008 à 16:21:22 | Re : Select actif ou non

bultez

Membre Club
Réponse acceptée !
>>Je veux juste ensuite récupérer les variables de chaque select
>>utilisé pour les inclures dans une base sql.

    j'ai omis de préciser, comme on parle de mysql ==> langage serveur
    donc, est transmis les value des éléménts qui ont un name !
    ( pour un select avec un name, le value de la l'option sélectionné )
    c'est, entr'autres, pour ça, que je n'use que très rarement
       de getElementById... comme il y a un name...


                Cordialement            Bul         «mon Site»     «M'écrire»
lundi 28 janvier 2008 à 17:20:36 | Re : Select actif ou non

jumano

Très bien merci de tes conseils


Cette discussion est classée dans : function, actif, select, num, name


Répondre à ce message

Sujets en rapport avec ce message

Probleme dans une function js [ par destiny ] Lo all,Voici la function recalcitrante:function action(Id, Type, Name) { //Function des actions tarifs  // Id est l'id de la table a traité& ouverture d'une page dans la meme fenetre à l'aide d'un menu plan javascript [ par doktr ] J'ai un petit souci avec un menu dans l'une de mes pages web.En cliquant sur un carré, celui-ci s'éclate et d'autres carrés apparaissent. Chacun de ce et sinon moi ce sont les rollovers... [ par krol ] Trooop basic...Je veux faire un fct un poil évoluée pour gérer mes rollovers :function roll_on(img_name){document.images[img_name].src = "img_com/" + question sur un unselect d'un select lol [ par destiny ] Lo all,juste une ptite question que le net ne veut pas me donner ... Quand je change option dans mon select ma function va s executer et m'envoie a l' Génération des champs select et input dynamique / Listes liées [ par daris ] Bonjour;J'essaie de générer deux(2) listes liées et aussi des input dynamiquement avec ajax et javascript mais dure dure...Mon code ne marche pas norm probleme avec des setTimeout dans une class [ par astyan54 ] je sais que mon sujet est loin d'etre le premier avec ce genre d'intitulé, mais j'ai beau chercher, je ne vois pas la solution a mon problème.voila, j FORM / SELECT [ par toradoshi ] Bonjour, ça doit être idiot comme question mais je tourne en rond depuis un certain temps alors je me jette ! j'ai un form name="myform" et un elemen SOS requete [ par spoutniks ] Bonjour, voici une requete pour intérogé ma base sql: $select = "SELECT Name,Password,ID,TimeCredit FROM users where Name LIKE 'hm%' AND TimeCredit = Menu Firefox / IE - Ne marche que sous IE [ par Blacknight91titi ] Bonjours a tous.Je pense que ca n'est pas la première question sur ce sujet mais celle ci comporte un plus.En effet j'ai créer un petit menu déroulant Problème de sélection dans un select multiple [ par pymm ] Bonjour à tous, J'ai un problème sur l'une de mes pages. Au rechargement de la page, je remplis les champs d'un select multiple grace a une fonctio


Nos sponsors


Sondage...

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,593 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales