IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Supprimer la propagation d'événement sur élément


Sujet :

jQuery

Mode arborescent

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Invité
    Invité(e)
    Par défaut Supprimer la propagation d'événement sur élément
    bonjour,

    j'aurais besoin de votre aide, car je bloque sur un soucis.
    j'ai un tableau avec une span dans chaque cellule.
    je cherche a exécuter un code quand je clique dans une case, mais un différent, si je clique dans la span.

    le code s'exécute bien quand je clique sur la span, mais les celui de la case aussi.

    quelqu'un peut-il m'aider sur le pb ?
    voici mon code :
    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
    <!doctype html>
    <html lang="fr">
    <head>
      <meta charset="utf-8" />
      <title>Titre</title>
      <style type="text/css">
        td{position: relative;display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;border: solid 1px #000;}
        td span{display: none;}
        td:hover span{display: inline-block;line-height: 15px;position: absolute;top: 0;left: 0; }
      </style>
    </head>
    <body>
      <h1>Essai</h1>
      <table>
        <tr><td>-<span>O</span></td><td>-<span>O</span></td><td>-<span>O</span></td><td>-<span>O</span></td></tr>
        <tr><td>-<span>O</span></td><td>-<span>O</span></td><td>-<span>O</span></td><td>-<span>O</span></td></tr>
        <tr><td>-<span>O</span></td><td>-<span>O</span></td><td>-<span>O</span></td><td>-<span>O</span></td></tr>
        <tr><td>-<span>O</span></td><td>-<span>O</span></td><td>-<span>O</span></td><td>-<span>O</span></td></tr>
      </table>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    $(function(){
        $('td:not(span)').click(function(event){
          console.log('td');
        });
        $('td span').click(function(event){
          console.log('span');
        });
    });
    merci d'avance.

    Ben
    Dernière modification par Bovino ; 31/03/2014 à 08h45. Motif: Merci d'indiquer le langage utilisé ([code=xxx]) pour activer la coloration syntaxique !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 2
    Dernier message: 22/06/2011, 15h21
  2. Réponses: 3
    Dernier message: 06/05/2010, 10h59
  3. Réponses: 0
    Dernier message: 02/07/2009, 17h00
  4. Propagation des droits sur tous les éléments d'1 site
    Par mazu29 dans le forum SharePoint
    Réponses: 4
    Dernier message: 11/07/2008, 16h06
  5. Réponses: 6
    Dernier message: 23/04/2007, 09h41

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo