Discussion :

[winnie82]

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 ?

[Kerod]

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>

[winnie82]

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.