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 :

Onclick et balise html


Sujet :

JavaScript

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2008
    Messages : 37
    Points : 29
    Points
    29
    Par défaut Onclick et balise html
    bonjour,

    Je voudrais savoir si on peut appliquer un Onclick sur n'importe quel balise html (par exemple sur <p> ou <a> etc ... )

    Merci

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Quasiment toutes oui.

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2008
    Messages : 37
    Points : 29
    Points
    29
    Par défaut
    Ok merci, alors j'ai un problème, je veut faire un onclick sur ma balise <p> mais sa ne marche pas.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <p><a id='voirFichier' onclick='(\'reorder.html\')'>Voir tous les fichiers</a></p>
    Je précise que je ne peut pas mettre des ".
    Merci

  4. #4
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 681
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 681
    Points : 5 221
    Points
    5 221
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    var b=document.getElementsByTagName("*");
    for( w in b){
    	b[w].onclick=function(e){
    		if(e){
    			e.stopPropagation()}
    		else{
    			event.cancelBubble=true;
    		}
    		alert(this.nodeName.toLowerCase())
    	}
    }
    (à tester)

  5. #5
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2008
    Messages : 37
    Points : 29
    Points
    29
    Par défaut
    Je crois que tu t'est trompé de discussion .....

  6. #6
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 681
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 681
    Points : 5 221
    Points
    5 221
    Par défaut
    va savoir...

  7. #7
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Citation Envoyé par Carb0 Voir le message
    Je crois que tu t'est trompé de discussion .....
    Non, laisse faire

    EDIT : Ah ben non, si c'est ta question

    => il y a des chances que ton problème vienne du fait que le onclick du <a> empêche le <p> de recevoir le onclick.

    Essaye le code de JT

    A+

  8. #8
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Je crois surtout que
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onclick="('reorder.html')"
    ne fait absolument rien en javascript... se qui se passe sur ta page

  9. #9
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2008
    Messages : 37
    Points : 29
    Points
    29
    Par défaut
    Eu oui pardon mon code c'est ça :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <p><a id='voirFichier' onclick='window.open(\'reorder.html\')'>Voir tous les fichiers</a></p>
    Edit : C'est vrai que sans le window.open vous pouviez pas trop savoir ce que je voulais faire

  10. #10
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <p><a id='voirFichier' onclick='window.open(\'reorder.html\');return false'>Voir tous les fichiers</a></p>

  11. #11
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2008
    Messages : 37
    Points : 29
    Points
    29
    Par défaut
    Erf sa marche toujours pas avec :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <p><a id='voirFichier' onclick='window.open(\'reorder.html\');return false'>Voir tous les fichiers</a></p>
    Firebug me met :
    illegal character
    window.open(\

    Je suis sure que c'est un truc tout bête ... sa m'énerve !

  12. #12
    Membre émérite Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Points : 2 953
    Points
    2 953
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <p><a id="voirFichier" onclick="window.open('reorder.html');return false;">Voir tous les fichiers</a></p>

  13. #13
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Citation Envoyé par Carb0 Voir le message
    je veut faire un onclick sur ma balise <p> mais sa ne marche pas.


    A+

  14. #14
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2008
    Messages : 37
    Points : 29
    Points
    29
    Par défaut
    J'ai la réponse pfff, un truc tout bête en plus !
    En faite c'est juste un guillemet en trop je doit être fatiguer moi ...

    Sa donne sa :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <p><a id='voirFichier' onclick=window.open('reorder.html')>Voir tous les fichiers</a></p>
    Moi je dit et c'est exaspérant, les erreur les plus bêtes sont les plus chiantes à trouver ... ( surtout quand c'est moi qui cherche )

  15. #15
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 651
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 651
    Points : 11 145
    Points
    11 145
    Par défaut
    bonjour,

    en reprenant ce script :
    Code xhtml : 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
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
     
    <head>
     
    <title></title>
     
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Language" content="fr" />
     
    <script type="text/javascript">
    <!-- 
    var clicLien = false;
    function Clic(objet)
    {
      if (clicLien)
      {
        clicLien = false;
        return false;
      }
     
      if (objet.tagName.toLowerCase()=="a")
      {
        clicLien = true;
        fonctionLien();
      }
      else
      {
        fonctionP();
      }
    }
     
    function fonctionLien()
    {
      document.getElementById("test").innerHTML += "Clic sur Lien<br>";
    }
     
    function fonctionP()
    {
      document.getElementById("test").innerHTML += "Clic sur P<br>";
    }
     
    //-->
    </script>
     
    </head>
     
    <body>
     
    <p onclick="Clic(this)" style="border: 1px solid #0000FF">
      bla bla bla bla bla bla<br/>  
      <a id='voirFichier' onclick="Clic(this)">Voir tous les fichiers</a><br/>
      bla bla bla bla bla bla<br/>
    </p>
     
    <div id="test"></div>
     
    </body>
    </html>

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

Discussions similaires

  1. [JEditorPane]ajout de balises html
    Par almass dans le forum Composants
    Réponses: 12
    Dernier message: 12/05/2004, 17h07
  2. XSLT et balise HTML div
    Par haypo dans le forum XSL/XSLT/XPATH
    Réponses: 6
    Dernier message: 01/07/2003, 20h38
  3. problème xsl : inclure une donnée xml dans une balise html
    Par djodjo dans le forum XSL/XSLT/XPATH
    Réponses: 3
    Dernier message: 03/01/2003, 09h24
  4. Balises HTML dans un fichier XML
    Par Bastet79 dans le forum XML/XSL et SOAP
    Réponses: 12
    Dernier message: 04/09/2002, 15h29
  5. [XSLT] inclure du XSL dans une balise html
    Par iaa dans le forum XSL/XSLT/XPATH
    Réponses: 2
    Dernier message: 05/08/2002, 15h57

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