Bonjour,

Est-ce que quelqu'un peut m'aider à faire une fonction sur onclick.

J'ai 2 inputs A et B.

Les valeurs de ces deux input doivent etre complémentaire.

Si on click sur A (une première fois), il me faut un X dedans sur fond vert et on vide B sur fond blanc.
Si on click sur A et qu'elle contient X,il me faut un * dedans sur fond gris et idem dans B.
Si on click sur A et qu'elle contient *, il faut vider A et mettre un fond blanc et remplir B avec la valeur X sur fond orange.

Idem mais inversé si on click dans B.

VOici un exemple de code que j'avais fait mais malheureusement la fonction ondblclick ne fonctionne pas sur opera sur un appareil mobile. Je dois donc repenser le 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
<td valign="center" width="6%"><input readonly maxlength="1" class="" name="reserve[<?php echo $i ;?>]" style="position:relative;width:100%;font-size:22px;height:36px;text-align:center;"  type="text" name="reserve[<?php echo $i ;?>]" id="reserve[<?php echo $i ;?>]"  onchange="coche(this,'noreserve[<?php echo $i ;?>]')"
onClick="
document.getElementById('reserve[<?php echo $i ;?>]').style.backgroundColor='#FFDC7F'; 
document.getElementById('reserve[<?php echo $i ;?>]').value='X';
document.getElementById('noreserve[<?php echo $i ;?>]').style.backgroundColor='#CFCFCF';
document.getElementById('noreserve[<?php echo $i ;?>]').value='';"
onDblclick="document.getElementById('reserve[<?php echo $i ;?>]').style.backgroundColor='#CFCFCF'; 
document.getElementById('reserve[<?php echo $i ;?>]').value='*';
document.getElementById('noreserve[<?php echo $i ;?>]').style.backgroundColor='#CFCFCF';
document.getElementById('noreserve[<?php echo $i ;?>]').value='*';" value="<?php echo $res_hor_audit; ?>"></td>
 
<td valign="center" width="6%"><input readonly maxlength="1" class="" name="noreserve[<?php echo $i ;?>]" style="position:relative;width:100%;font-size:22px;height:36px;text-align:center;"  type="text" name="noreserve[<?php echo $i ;?>]" id="noreserve[<?php echo $i ;?>]"  
onclick ="
document.getElementById('noreserve[<?php echo $i ;?>]').style.backgroundColor='#53EF4A';
document.getElementById('noreserve[<?php echo $i ;?>]').value='X'; 
document.getElementById('reserve[<?php echo $i ;?>]').style.backgroundColor='#CFCFCF';
document.getElementById('reserve[<?php echo $i ;?>]').value='';
"
onDblclick="document.getElementById('reserve[<?php echo $i ;?>]').style.backgroundColor='#CFCFCF'; 
document.getElementById('reserve[<?php echo $i ;?>]').value='*';
document.getElementById('noreserve[<?php echo $i ;?>]').style.backgroundColor='#CFCFCF';
document.getElementById('noreserve[<?php echo $i ;?>]').value='*';" value="<?php echo $nores_hor_audit; ?>"></td>
Merci de votre aide