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

JavaScript Discussion :

Lien prioritaire � un onclick sur une ligne de tableau


Sujet :

JavaScript

  1. #1
    Membre confirm�
    Inscrit en
    Juillet 2003
    Messages
    207
    D�tails du profil
    Informations forums :
    Inscription : Juillet 2003
    Messages : 207
    Par d�faut Lien prioritaire � un onclick sur une ligne de tableau
    Bonjour,

    J'aimerais savoir s'il serait possible de rendre prioritaire un lien hypertexte sur un texte pr�sent dans un tableau, sachant que les lignes de ce tableau ont un ev�nement OnClick dans le <tr>

    En pratique, dans ce tableau si on clique sur une ligne, cela ouvre une pop-up du d�tail de cette ligne
    mais lorqu'il y a un lien hypertexte dans ce tableau, je voudrais que cela ouvre ce lien sans ouvrir la pop-up du OnClick de la ligne en question.
    Or l� le lien + pop-up sont ouvert en m�me temps. je ne vois pas comment faire.

    Pourriez vous m'aider ?

    Merci d'avance

  2. #2
    Expert confirm�
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 61
    Localisation : France, Yvelines (�le de France)

    Informations professionnelles :
    Activit� : Urbaniste
    Secteur : Sant�

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par d�faut
    un onclick sur un �l�ment d'un conteneur et prioritaire sur le onclick du conteneur
    donc dans le cas d'un lien contenu dans un tableau
    le onclick du lien passe avant le onclick de la cellule qui pas avant le onclick de la ligne qui passe avant le onclick du tableau ...

    il faut g�r� le return dans la m�thode du onclick pour ne pas le propager

    A+JYT

  3. #3
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    A priori le lien �tant dans un td, c'est le td en premier qui prend le click avant le lien ...
    Tu peux toujours rajouter un stopPropagation() ou cancelBubble() pour �viter que le click du lie ne se propage
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  4. #4
    Membre confirm�
    Inscrit en
    Juillet 2003
    Messages
    207
    D�tails du profil
    Informations forums :
    Inscription : Juillet 2003
    Messages : 207
    Par d�faut
    �a c'est du service rapide ! Merci

    j'ai pas trop compris quoi faire en fait.

    exemple simplifi�

    Code html : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    <tr onclick="openpopup('details.asp?id=<%=param_ligne%>')">
      <td> blabla 1</td>
      <td> blabla 2</td>
      <td> <a href="lien.html">blabla 3</a></td>
    <tr>

    J'aimerais que si je clique sur le lien "blablabla 3" cela m'ouvre bien l'url (ce que �a fait d�j�) mais que cela ne m'ouvre pas la pop-up en m�me temps.

    comment je stoppe la propagation dans mon javascript "openpopup" ?

    Encore merci

  5. #5
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    stopPropagation() ou cancelBubble()
    qu'en pense google ?
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  6. #6
    Membre confirm�
    Inscrit en
    Juillet 2003
    Messages
    207
    D�tails du profil
    Informations forums :
    Inscription : Juillet 2003
    Messages : 207
    Par d�faut
    Oui j'ai bien vu ta r�ponse, l'un pour plus pour IE, l'autre plutot pour les autre navigateur.

    mais je ne comprend pas � quel endroit faire cette commande.
    Il faudrait peut-�tre remplacer mon lien <a href ..> par un ev�nement javascript ?

  7. #7
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    non il suffit sur le onclick de la balise de stopper la propagation

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    <div id="foo" onclick="alert('deux clics ...')">parent
    <a href="javascript:alert('un clic ça va');" onclick="(function(e){if(!e){e=window.event};if(e.stopPropagation){e.stopPropagation();}else{e.cancelBubble = true}})()">enfant</div>
    </div>
    le js dans le href est juste pour la mise en �vidence du d�clenchement du href
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  8. #8
    Membre confirm�
    Inscrit en
    Juillet 2003
    Messages
    207
    D�tails du profil
    Informations forums :
    Inscription : Juillet 2003
    Messages : 207
    Par d�faut
    Ok merci bien
    je vais tester cela

    Merci

    Edit : �a marche du tonnerre !

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. Lien sur une ligne de tableau
    Par dam28800 dans le forum G�n�ral JavaScript
    R�ponses: 3
    Dernier message: 30/04/2008, 09h15
  2. lien sur une ligne de tableau
    Par snetechen dans le forum G�n�ral JavaScript
    R�ponses: 4
    Dernier message: 08/02/2007, 15h56
  3. Lien sur une ligne de tableau
    Par DJPi dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 6
    Dernier message: 25/07/2006, 23h09
  4. [HTML] lien hypertext sur une ligne de tableau
    Par BigBarbare dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 2
    Dernier message: 04/05/2006, 14h43
  5. Lien sur une ligne de tableau
    Par Oluha dans le forum G�n�ral JavaScript
    R�ponses: 3
    Dernier message: 09/02/2005, 11h36

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