Comment rendre une zone clickable ?

Par sylvain, il y a 13 ans

Javascript

Bonjour,

Comment rendre toute les zone d'un tableau clicable ?
surtout le <tr></tr> car je souhaite simuler une liste un peu comme sur les mobiles (android ou iphone)

Par avance merci si une idée vous venais.

4 réponses

William_LF, il y a 13 ans

Bonjour,

tu peux le faire avec jquery en faisant un truc comme ça :

$("tr").click(function() {
    alert("TR ouvre toi !");
});
sylvain, il y a 13 ans

comment il fera la difference entre le premier et deuxieme et les suivantes... de tr

William_LF, il y a 13 ans

Parce qu'il sait "TR"ès bien que le premier TR n'est pas le même objet que le 2e.

Essai ça :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $("tr").click(function() {
        alert($(this).html())
    });
});
</script>
<table>
    <tr>
        <td>Toto</td>
    </tr>
    <tr>
        <td>Tata</td>
    </tr>
    <tr>
        <td>Hello !</td>
    </tr>
</table>

Tu m'en diras des nouvelles :p

sylvain, il y a 13 ans

Super merci ca marche