IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

chgmt automatique de bouton radio en fonction d'autres champs


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Mars 2006
    Messages
    140
    Détails du profil
    Informations forums :
    Inscription : Mars 2006
    Messages : 140
    Par défaut chgmt automatique de bouton radio en fonction d'autres champs
    Voici mon code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    	<TABLE WIDTH=50%>
    		<tr>
    			<td></td>
    			<td>SOURCE</td>
    			<td></td>
    			<td>DESTINATION</td>
    		</tr>
    		<tr>
    			<td><input type="radio" name="type_host" value="default" checked></td>
    			<td><SELECT NAME=device>
                                                      <OPTION selected> router1	
    			                          <OPTION> router2
    			    </SELECT>
    			</td>
    			<td ROWSPAN=2><img src="img/fleche_anime.gif" border=0></td>
    			<td ROWSPAN=2><input name = 'address_dest'</td>
    		</tr>
     
    		<tr>
    			<td><input type="radio" name="type_host" value="other">&nbsp;<?php echo _OTHER; ?></td>
    			<td><input name = 'address_source'></td>
    		</tr>
    	</TABLE>
    J'aimerais que lorsque l'utilisateur choisit d'insérer des caractères dans le input "<input name = 'address_source'>", le input type radio qui se trouve à sa gauche soit séléctionné directement.
    Ou bien si, il choisit un champ présent dans SELECT alors que se soit le 1er input type radio qui soit séléctionné.

    Je suis sûr que ça doit se faire en javascript mais je ne sais pas du tout comment me lancer.
    Savez vous comment effectuer cela ?

  2. #2
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Avec ceci je dirais :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    <script language="javascript">
    function select_it(id)
    {
        if(document.getElementById('type_h2').checked==true && id == 'type_h1')
        {
            document.getElementById('type_h2').checked=false;
            document.getElementById('type_h1').checked='checked';
        }
        else
        {
            document.getElementById('type_h1').checked=false;
            document.getElementById('type_h2').checked='checked';
        }
    }
    </script>
     
    <TABLE WIDTH=50%>
            <tr>
                <td></td>
                <td>SOURCE</td>
                <td></td>
                <td>DESTINATION</td>
            </tr>
            <tr>
                <td><input type="radio" name="type_host" id="type_h1" value="default" checked></td>
                <td><SELECT NAME="device" onchange="select_it('type_h1')">
                                                      <OPTION selected> router1    </OPTION>
                                          <OPTION> router2</OPTION>
                    </SELECT>
                </td>
                <td ROWSPAN=2><img src="img/fleche_anime.gif" border=0></td>
                <td ROWSPAN=2><input name = 'address_dest' /></td>
            </tr>
     
            <tr>
                <td><input type="radio" name="type_host" id="type_h2" value="other">&nbsp;test</td>
                <td><input name = 'address_source' onclick="select_it('type_h2')"></td>
            </tr>
        </TABLE>

  3. #3
    Membre confirmé
    Inscrit en
    Mars 2006
    Messages
    140
    Détails du profil
    Informations forums :
    Inscription : Mars 2006
    Messages : 140
    Par défaut
    Merci pour ton aide.
    Après avoir testé ta solution, je me suis rendu compte que le changement ne s'effectuait pas si on ne sélectionnait pas un nouvel élément dan le SELECT.
    Avec ce qui suit, cela fonctionne très bien :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
     
    <script language="javascript">
    function select_it(id)
    {
        if(document.getElementById('type_h2').checked==true && id == 'type_h1')
        {
            document.getElementById('type_h2').checked=false;
            document.getElementById('type_h1').checked='checked';
        }
    	if(document.getElementById('type_h1').checked==true && id == 'type_h2')
        {
            document.getElementById('type_h1').checked=false;
            document.getElementById('type_h2').checked='checked';
        }
    	if(document.getElementById('type_h1').checked==true && id == 'type_h1')
        {
            document.getElementById('type_h2').checked=false;
            document.getElementById('type_h1').checked='checked';
        }
    }
    </script>
     
    <TABLE WIDTH=50%>
            <tr>
                <td></td>
                <td>SOURCE</td>
                <td></td>
                <td>DESTINATION</td>
            </tr>
            <tr>
                <td><input type="radio" name="type_host" id="type_h1" value="default" checked></td>
                <td><SELECT NAME="device" onclick="select_it('type_h1')">
    					<OPTION selected>router1</OPTION>
    					<OPTION>router2</OPTION>
                    </SELECT>
                </td>
                <td ROWSPAN=2><img src="img/fleche_anime.gif" border=0></td>
                <td ROWSPAN=2><input name = 'address_dest' /></td>
            </tr>
    	<tr>
                <td><input type="radio" name="type_host" id="type_h2" value="other">&nbsp;test</td>
                <td><input name = 'address_source' onclick="select_it('type_h2')"></td>
            </tr>
        </TABLE>
    Merci encore.
    Bonne continuation.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [AC-2007] Filtrer un champs avec bouton radio l'un l'autre ou les deux
    Par spookyz dans le forum IHM
    Réponses: 1
    Dernier message: 27/08/2014, 19h40
  2. Réponses: 6
    Dernier message: 26/10/2010, 18h46
  3. [A-03] Bouton radio et affichage d'un champ
    Par Pierre67 dans le forum IHM
    Réponses: 4
    Dernier message: 24/11/2008, 07h43
  4. [DOM] Désactiver un bouton radio en fonction de ce qui est déjà coché
    Par Nabouille dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 20/09/2007, 10h33
  5. griser un bouton radio en fonction d'un checkbox
    Par mademoizel dans le forum Général JavaScript
    Réponses: 16
    Dernier message: 22/03/2007, 15h28

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo