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 :

Evenement OnClick qui ne fonctionne pas sous firefox


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Avatar de frechy
    Inscrit en
    Novembre 2004
    Messages
    343
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Novembre 2004
    Messages : 343
    Points : 511
    Points
    511
    Par défaut Evenement OnClick qui ne fonctionne pas sous firefox
    Salut à tous,

    J'ai un simple code javascript qui se lance sous IE et pas sous firefox, je n'ai meme pas d'erreur sous firefox lorsque je click, je ne vois vraiment pas d'où peut venir l'erreur.

    Voici le bouton;
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input value="Inscription" type="button" style="background:#CCCCCC; border:#FFFFFF; font:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333; border:double; cursor:crosshair " onclick="Click()" />
    Et voici le code java-script;
    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
    <SCRIPT>
    function Click()  
    {
     
     
    if(this.document.getElementById('checkbox').checked==true)
    {
    this.document.getElementById('form1').submit();
    }
    else
    {
    alert('Vous devez accepter les termes d utilisation pour terminer votre inscription');
    }
     
    }
    </SCRIPT>
     
    </head>
    Voilà c est une simple vérification qu'une checkbox a été cochée...

    J'ai toujours fais comme cela avant et ca n'a jamais posé de problème, jusqu'au jour où on m'a dit que ca ne tournait pas sous firefox

  2. #2
    Expert confirmé
    Avatar de siddh
    Inscrit en
    Novembre 2005
    Messages
    3 868
    Détails du profil
    Informations personnelles :
    Âge : 47

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Points : 5 011
    Points
    5 011
    Par défaut
    met
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <script type='text/javascript'>
    pour prévenir le browser du langage utilisé et vire les this de this.document.
    Alunissage : Procédé technique consistant à déposer des imbéciles sur un rêve enfantin.

    Cours | FAQ | Sources Javascript
    Cours | FAQ | Sources PHP
    Mes Articles

  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 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 637
    Points : 66 658
    Points
    66 658
    Billets dans le blog
    1
    Par défaut
    oui et puis change le nom de ta focntion click() ... mot reservé du langage javascript ...
    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é
    Avatar de frechy
    Inscrit en
    Novembre 2004
    Messages
    343
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Novembre 2004
    Messages : 343
    Points : 511
    Points
    511
    Par défaut
    ho ho rien que ca

    je vais tester ca de suite merci

  5. #5
    Membre confirmé
    Avatar de frechy
    Inscrit en
    Novembre 2004
    Messages
    343
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Novembre 2004
    Messages : 343
    Points : 511
    Points
    511
    Par défaut
    Ca va toujours po

    voici le code modifié;

    - bouton
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input value="Inscription2" type="button" style="background:#CCCCCC; border:#FFFFFF; font:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333; border:double; cursor:crosshair " onclick="TermsUse()" />
    -Fonction java-script (dans le head)
    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
    <script type='text/javascript'>
    function TermsUse()  
    {
     
     
    if(document.getElementById('checkbox').checked==true)
    {
    document.getElementById('form1').submit();
    }
    else
    {
    alert('Vous devez accepter les termes d utilisation pour terminer votre inscription');
    }
     
    }
    </SCRIPT>
    Encore une fois ca fonctionne sous IE et pas sous firefox grrr

  6. #6
    Membre confirmé
    Avatar de frechy
    Inscrit en
    Novembre 2004
    Messages
    343
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Novembre 2004
    Messages : 343
    Points : 511
    Points
    511
    Par défaut
    Oki j'ai trouvé, vous n'auriez pas su trouver, je ne vous avais pas donné le code fautif;

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="checkbox" name="checkbox" value="checkbox" style=" cursor:pointer;" />
    A remplacer par

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="checkbox" name="checkbox" id="checkbox" value="checkbox" style=" cursor:pointer;" />
    J'avais oublié de précider l'id. IE qui accepte tout a été voir dans le nom et pas firefox voilà tout.

  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 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 637
    Points : 66 658
    Points
    66 658
    Billets dans le blog
    1
    Par défaut
    un classique
    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 !

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

Discussions similaires

  1. Bannière qui ne fonctionne pas sous Firefox
    Par JefReb dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 25/03/2014, 09h06
  2. Margin-top qui ne fonctionne pas sous firefox
    Par sam01 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 25/06/2011, 17h11
  3. fonction qui ne fonctionne pas sous firefox
    Par megavolte dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 15/10/2009, 23h48
  4. Onclick qui ne fonctionne pas sous IE
    Par corambe84 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 21/11/2008, 18h55
  5. Évènement onclick qui ne fonctionne pas avec FireFox
    Par kilian67 dans le forum Général JavaScript
    Réponses: 16
    Dernier message: 19/09/2008, 11h34

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