2009-12-16 2 views
2

Comment puis-je empêcher les utilisateurs d'appuyer sur les boutons de ma page Web avant le chargement complet de la page?JavaScript: empêche d'appuyer sur un bouton avant le chargement complet de la page

c'est-à-dire J'ai un bouton qui ouvre une visionneuse. Le JS pour la visionneuse est chargé en dernier sur la page pour un temps de réponse plus rapide. Ainsi, si l'utilisateur appuie sur le bouton avant que la page ne soit complètement chargée, il reçoit une erreur JS ou les données de la visionneuse sont ouvertes sur une page vierge.

J'utilise Javascript avec MooTools.

Répondre

3

Si je comprends bien ni

<body onload="..."> 

ni

$('#yourButton')... 

garantit que le chargement du document est terminé. La méthode (jQuery) qui fait:

$(document).ready(function() { 
    $('#yourButton').attr("disabled", false); 
}); 
+0

Je vais le traduire en MooTools. Je pense que ça devrait marcher. – Faruz

+0

Utilisez 'window.addEvent ('domready')' pour vous assurer que le DOM a été chargé. – Duroth

2

Désactivez votre bouton. Une fois la page chargée - le rendre activé

Voici un JQuery (désolé pour ne pas être "propre" par exemple Javascript)

$('#yourButton').attr("disabled", false); 
+0

Je crois que c'est la vraie bonne réponse. +1 –

0

est ici un exemple:

<body onload="document.getElementById('button1').disabled=false"> 
    <button id="button1" disabled="1"> 
    ok 
    </button> 
<body> 
Questions connexes