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 :

l'evenement onclick dans un lien


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    42
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 42
    Par d�faut
    bonjour a tous,
    je veux degris� une case � cocher (de type "checkbox") selon si le lien est cliqu� ou pas, j'ai essayer cette fonction mais �a marche pas peut etre la syntaxe n'est pas bonne ou il manque qlq chose.

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    function enableCheckbox(){
    	if(document.myform.doc.onclick==true)
    	{
    		document.myform.approuve.disabled=false;
    	}
    	else 
    		document.myform.approuve.enabled=false;
    }
    et dans mon lien et ma case j'ai �a :

    Code HTML : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    <a  name="doc" href="Test.pdf" target=_blank onclick="enableCheckbox()">LIRE</a> 		   
    <input type="checkbox" id="chk_approuve" name="approuve" onClick="enableButtContinue()" disabled="disabled" value="lu_et_approuve" />

    Merci d'avance

  2. #2
    Expert �minent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    D�tails du profil
    Informations personnelles :
    �ge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par d�faut
    Bonjour,

    Pourquoi v�rifiez-vous que le bouton ait �t� cliqu� ?

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
     
    function enableCheckbox()
    {
        document.myform.approuve.disabled=false;
    }

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    42
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 42
    Par d�faut
    c'est pas le bouton que je verifie mais le lien qui m�ne � un document pdf.

  4. #4
    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
    une balise a n'est pas un element de form ...
    et je ne sais m�me pas si il accepte le disabled de fa�on crossbrowser ...
    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 !

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    42
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 42
    Par d�faut
    merci pour votre reponse.
    je ne connais pas la bonne syntaxe!!!
    help

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    42
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 42
    Par d�faut
    j'ai supprim�e le if() mais la checkbox reste gris�.

  7. #7
    Expert �minent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    D�tails du profil
    Informations personnelles :
    �ge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par d�faut
    Votre formulaire s'appelle bien myform ?
    Sinon, j'ai souvent eu des soucis avec les <a> et leur onclick.
    Car si vous mettez une <img> � la place du <a>, la case se d�grisera.

  8. #8
    Membre averti
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    42
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 42
    Par d�faut
    merci pour votre reponse.

    oui pour le nom de mon formulaire.

    mais pour la <img> � la place de <a> j'ai essay�e mais �a donne rien

  9. #9
    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
    mets un
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    monlien.onclick= function(){return false;}
    monlien.style.color='silver'
    pour desactiver le lien
    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 !

  10. #10
    Membre averti
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    42
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 42
    Par d�faut
    merci pour votre reponse.
    je suis desol�e je suis d�butante, mais j'ai pas compris votre reponse; le code je le mets � la place de mon code ou en plus, et vous avez dis pour desactiver le lien moi je veux degris� la case apres avoir clique sur le lien.

  11. #11
    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
    Code : 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
    <script type="text/javascript">
    function desactiveLink(lien){
    document.getElementById(lien).onclick=function(){alert('lien desactivé');return false;}
    document.getElementById(lien).style.color='grey'
    }
    function activeLink(lien){
    document.getElementById(lien).onclick=function(){void(0);}
    document.getElementById(lien).style.color='black'
    }
    </script>
    </head>
     
     
    <body>
    <a href="www.google.fr" id="foo"> cliquez ici</a>
    <br />
    <input type="button" onclick="desactiveLink('foo')" value="desactiver" />
    <input type="button" onclick="activeLink('foo')" value="activer" />
    </body>
     
    </html>
    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 !

  12. #12
    Expert �minent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    D�tails du profil
    Informations personnelles :
    �ge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par d�faut
    Excuse-moi, SpaceFrog, mais pourquoi d�sires-tu d�sactiver le lien ?

    La personne clique sur le lien et deux actions se passent:

    1) Ouverture d'une page.
    2) Rendre active la case � cocher.

  13. #13
    Membre averti
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    42
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 42
    Par d�faut
    je suis desol�e de vous d�ranger d'avantage, mais ce code ne me sert pas si il m'est bien destin�.

    j'ai peut etre mal pos� mon pb voila : au d�part ma case est gris�"disabled" je veux qu'une fois on clic sur le lien qui s'ouvre sur une page la case devient active.
    merci

  14. #14
    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
    arf desol� j'ai mal compris ...

    heu mais du coup .. si tu cliques sur le lien ... tu n'es plue sur la m�me page ... ???
    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 !

  15. #15
    Expert �minent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    D�tails du profil
    Informations personnelles :
    �ge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par d�faut
    Oui, on se retrouve avec deux pages. La nouvelle, totalement � part, juste du texte, et la premi�re qui avait d�j� la case � cocher d�sactiv� et qui doit maintenant �tre active.
    Le seul souci que je rencontre souvent, c'est que le href ne d�clenche pas les fonction javascript sur le onclick.


    Edit: Ha si. Ca marche.
    Peut-�tre parce que le href lance une nouvelle page.

  16. #16
    Expert �minent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    D�tails du profil
    Informations personnelles :
    �ge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par d�faut Bref
    Dada,

    Ce code fonctionne sur IE7 et FF3.6:

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
     
    <form name="myform">
    <a name="doc" href="#" target=_blank onclick="enableCheckbox()">LIRE</a>
    <input type="checkbox" id="chk_approuve" name="approuve" onClick="enableButtContinue()" disabled="disabled" value="lu_et_approuve" /> 
    </form>
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
     
    function enableCheckbox()
    {
        document.myform.approuve.disabled=false;
    }

  17. #17
    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
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    function enableCheckbox()
    {
        document.getElementById('chek_chk_approuve').disabled=false;
    }
    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 !

  18. #18
    Membre averti
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    42
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 42
    Par d�faut
    mais moi je dois avoir le href sur une autre page car c'est un document en pdf et parceque j'ai un control apres sur le checked de ma case pour activer un bouton.

  19. #19
    Membre averti
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    42
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 42
    Par d�faut
    merci vermine de vos reponse, mais malheureusement �a marche toujours pas.

    moi j'ai IE7 aussi.

  20. #20
    Membre averti
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    42
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 42
    Par d�faut
    merci � vous aussi SpaceFrog

    mais votre proposition non plus ne marche pas.

Discussions similaires

  1. evenement onclick dans php
    Par asus02 dans le forum Langage
    R�ponses: 3
    Dernier message: 18/05/2012, 07h32
  2. Ajouter Evenement Onclick dans une classe
    Par Homo_Informaticus dans le forum VB.NET
    R�ponses: 1
    Dernier message: 24/03/2011, 13h45
  3. redirection de lien sur evenement onclick
    Par geronymo80 dans le forum G�n�ral JavaScript
    R�ponses: 4
    Dernier message: 24/09/2007, 13h46
  4. evenement onclick dans un script
    Par yanice dans le forum G�n�ral JavaScript
    R�ponses: 9
    Dernier message: 13/06/2007, 17h35
  5. evenement onclick dans du code html g�n�r� par js
    Par gelko dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 15/11/2006, 09h24

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