La désactivation de la touche avec javascript: FF vs IE

J'ai une rangée de boutons, qui tous créer un fichier pdf que je veux ouvrir dans un nouvel onglet.
De cette façon, le bouton de la page reste en haut, et le pdf est ouvert à être imprimé. Pour éviter de cliquer sur un bouton deux fois, j'ai désactiver le bouton, comme ceci (j'utilise python):

<input type='submit' value='Factureren' name='submitbutton' id='%s'
onclick="javascript:document.getElementById('%s').disabled=true; 
document.getElementById('%s').className='button_disabled';"> % ((but_id,) *3)

Dans FF3 cela fonctionne bien, c'est à dire de la soumission du formulaire, le script exécuté, puis sur le bouton désactive. Dans IE le bouton juste désactive, mais le script n'est pas exécuté.

Est-il une solution à ce problème IE?

OriginalL'auteur user37986 | 2008-11-28

  1. 8

    C'est facile: une désactivé bouton soumettre de ne pas soumettre un formulaire dans IE. Envisagez de restructurer votre code:

    • Utilisation régulière d'un bouton, le désactiver, et le formulaire d'appel.submit() de son maître.
    • De ne pas désactiver le bouton "onclick", mais de l'enregistrer et de le faire dans le onsubmit du formulaire.

    OriginalL'auteur Eugene Lazutkin

  2. 5

    Il est plus facile de le faire:

        <input type='submit' value='Factureren' name='submitbutton' id='%s' 
onclick="this.disabled=true; this.className='button_disabled';"> % ((but_id,) *3)

    Je ne sais pas si cela résout votre problème, mais c'est ce que je ferais dans un cas comme celui-ci. Je pense que vous n'avez pas besoin de "javascript:" de toute façon.

    En effet, le "javascript:" URL "protocole" utilisé par les liens.
    "javascript" n'est même pas un protocole, c'est un pseudo protocole.

    OriginalL'auteur netadictos

  3. 3

    Vous pouvez essayer d'utiliser un bouton normal et le déclenchement de la forme submit() en fonction dans l'événement onclick:

    <input type="button" value="Factureren" name="submitbutton" 
onclick="this.disabled=true; this.className='button_disabled'; this.form.submit();">

    OriginalL'auteur CMS

  4. 0

    Peut-être essayer de joindre le gestionnaire de l'événement onsubmit du formulaire au lieu de cliquer sur le bouton? Ce serait aussi travailler alors si l'utilisateur appuie sur ENTRÉE au lieu de cliquer sur votre bouton.

    OriginalL'auteur Vilx-

  5. 0

    Au lieu de contrôler la div, pourquoi ne pas contrôler réellement bouton soumettre? Cela fonctionne universellement dans tous les navigateurs que j'ai testé (IE6+ FF1+ et Safari) 

    function toggleSubmit(){  
    frm=document.forms[0]
    if(frm.submit.disabled==true){
        frm.submit.disabled=false;
    }else{
       frm.submit.disabled=true;
    }
 }

    Puis sur le bouton tout ce que vous avez à composer est le

    <input type='submit' value='Factureren' name='submitbutton'
onclick="toggleSubmit();false;"> % ((but_id,) *3)

    OriginalL'auteur Stepan Mazurov

  6. 0
    <input type="submit" value="Factureren" name="submitbutton' id="%s"
onclick="this.disabled = true; this.className = 'button_disabled'; true;">
% ((but_id,) *3)

    Vous pouvez utiliser ce au lieu de document.getElementById('%s'). Aussi, vous avez besoin de retourner vrai pour l'événement onclick de passer.

    Vous pouvez également désactiver le bouton dans le onsubmit gestionnaire pour la forme. C'est sans doute plus infaillible.

    Aussi, ça serait bien si vous n'utilisez pas de classe en particulier pour un bouton désactivé. Les sélecteurs CSS sont conçus pour sélectionner les boutons pour vous.

    OriginalL'auteur strager

  7. 0

    Oeil à cette partie:

    onclick="javascript:document.getElementById('%s').disabled=true; 
document.getElementById('%s').className='button_disabled';"

    Le "javascript:" est inutile et mauvais.

    onclick="document.getElementById('%s').disabled=true; 
document.getElementById('%s').className='button_disabled';"

    "javascript:" l'URL "protocole" utilisé dans les liens, pas de onclick actions.

    En outre, essayez de dire le formulaire pour soumettre. Je pense cela serait correct:

    onclick="document.getElementById('%s').disabled=true; 
document.getElementById('%s').className='button_disabled';
this.form.submit();"

    OriginalL'auteur Ivan Vučica

  8. 0

    onclick="this.disabled='désactivé'; ce.forme.submit();" fonctionne parfaitement pour moi

    OriginalL'auteur gavtaylor