Partage
  • Partager sur Facebook
  • Partager sur Twitter

[HTML/CSS] Cellule cliquable table

KemokobaBAYO1
6 avril 2021 à 23:19:52

Bonsoir j'envoie ce petit message pour vous demander un peu d'aide. Pour le contexte, je suis en train de travailler sur un captcha en image comme reCaptcha mais le souci c'est que j'ai une fonction clicked en javascript pour selectionner une cellule de mon tableau ce que j'aimerai faire c'est, au moment où un utilisateur va cliquer sur une cellule on va un effet de selection qui va etre enregistrer (surbrillance ou bien "enfoncement" de l'image) comme sur le captcha de Google en exemple.. Y'a t'il un moyen de le faire avec du CSS ou il faut du JQuery ? je vous montre le code 

<div class="card border-0">
                        <table width="465" border="0" cellspacing="0" cellpadding="0" height="465" onclick="tes(event);">
                            <tr>
                              <td id="i1" class="i1" value="TOP-LEFT"></td>
                              <td id="i2" class="i2" value="TOP-CENTER"></td>
                              <td id="i3" class="i3" value="TOP-LEFT"></td>
                            </tr>
                            <tr>
                              <td id="i4" class="i4" value="CENTER-LEFT"></td>
                              <td id="i5" class="i5" value="CENTER-CENTER"></td>
                              <td id="i6" class="i6" value="CENTER-RIGHT"></td>
                            </tr>
                            <tr>
                              <td id="i7" class="i7" value="BOTTOM-LEFT"></td>
                              <td id="i8" class="i8" value="BOTTOM-CENTER"></td>
                              <td id="i9" class="i9" value="BOTTOM-RIGHT"></td>
                            </tr>
                        </table>
                    </div>
et voici le petit code JS 
function tes(event) {
            if (event.target.nodeName == "TD") {
                alert('TD got clicked');
            }
        }
Merci d'avance pour votre aide
  • Partager sur Facebook
  • Partager sur Twitter
AbcAbc6
7 avril 2021 à 1:50:34

Bonjour,

Doublon

Les doublons nuisent au bon fonctionnement du forum et sont donc interdits. Si vous vous êtes trompé de section, il suffit de signaler votre sujet au staff pour qu'il le déplace au bon endroit.

Je vous invite à continuer la discussion sur l'autre sujet :  https://openclassrooms.com/forum/sujet/js-selection-cellule-dun-tableau-en-js

Je ferme ce sujet. 

  • Partager sur Facebook
  • Partager sur Twitter