Discussion :

[jackprime]

Bonjour,

J'ai un tableau à deux dimensions (voir l'image).
Je voudrais que lorsque l'on clique sur l'une des cases du tableau, une image en forme de bouton (le bouton vert de l'image) apparaisse et que lorsque l'on re clique dessus, elle disparaisse.
(un genre de bouton ON/OFF)
Je sais que le code doit être fais en JavaScript mais je suis vraiment perdu malgré mes recherches infructueuse sur les autres forum. Si un autre forum parle de mon problème, je suis ouvert à voir d'autre forum.
Je vous montre mon code PHP du tableau :

Code html :

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
 <table class='marque' style="width: 100%;">
    <tr>
        <td></td>
        <td>Fabriquant</td>
        <td>Distributeur</td>
        <td>Concessionaire</td>
    </tr>
    {% for m in marque %}
    <tr>
        <td>
            <?php echo substr($marque->marque); ?>  //Affichage de la marque
        </td>
        <td> </td> 
        <td>
            <img class='validation' src='/images-communes/valide.png'> // Exemple de bouton 
        </td>
        <td>
        </td>
    </tr> 
    {% endfor%}
</table>

Merci d'avance,
JACKPRIME

[exe2bin]

As tu déjà un bout de code à nous soumettre ?
Tu pourrais déjà ajouter à ta balise image un gestionnaire d'évènement "onclick" ou "onmousedown" dans ta balise <img> ....

[SpaceFrog]

En passant simplement par une class et une image de background
http://jsfiddle.net/by1bvg12/2