Discussion :

[Renzokuken]

Bonjour,

Je suis débutant en javascript et je souhaiterai savoir s'il est possible de faire cela :
- j'ai une variable nommée 'choose' ayant pour valeur '00',
- une fonction sel() qui affecte la valeur 'A2' à 'choose',
- j'ai un <div> qui affiche la valeur initiale de 'choose',
- un input de type image contenant l'évènement 'onclick="javascript:sel()"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
 
choose = '00';
 
function sel()
{
choose = 'A2'
}
 
</script>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div class="aide Style5" id="mon_calque">En séléction : 
 
<script type="text/javascript">document.write(choose);</script>
 
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="image" src="touret.jpg" id="touret_A01" onclick="javascript:sel();" />

Et tant donné que le <div> affiche "En sélection : 00", est-il possible d'avoir "En sélection : A2" après avoir cliqué sur l'input image sans recharger la page ?

Merci d'avance ! =)

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function sel()
{
    choose = 'A2';
    document.getElementById('mon_calque').innerHTML = choose;
}

Et tant qu'à faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="image" src="touret.jpg" id="touret_A01" onclick="sel(); return false;" />

[SpaceFrog]

autant prendre un input type button avec un background-image ...

[Renzokuken]

Merci pour vos réponses je testerai ça demain

autant prendre un input type button avec un background-image ...

J'ai choisi le type image car j'aurai besoin de récupérer des variables plus tard générées par ces inputs ( il y en a deux par clique) de type nomDeLinput_x / nomDeLinput_y. Ils correspondent à la position du curseur ou l'on a cliqué sur l'input (pixel de l'abscisse / ordonnées).

Bonne nuit !

[SpaceFrog]

l'utilisation de l'input image se justifie alors

je l'utilise également pour placer des points sur une carte ...

[Oscar Hiboux]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

/* ... */document.getElementById('mon_calque').innerHTML = choose;/* ... */

[...]

Olala, malheur ! Tu utilises innerHTML !

[Renzokuken]

C'est bon, le script et les fonctions marchent impec

Olala, malheur ! Tu utilises innerHTML !

Pourquoi ne faut-il pas l'utiliser ?