Javascript - En attendant l'événement avant de poursuivre

Question

Je suis en train de créer un fonction javascript qui peut effectuer les opérations suivantes:

1. onclick, une forme pop-up dans un div flottant (cette partie est correct)
2. la script puis un peu comment attendre que les données soient saisies dans le formulaire avant de retourner la valeur dans le formulaire.

Vous pouvez dire que j'essaie de créer ma propre version de l'invite javascript.

Le problème est de savoir comment faire l'action n ° 2?

Toute aide appréciée.

Answer 1

Une raison pour l'accent de ONE Javascript fonction?

function showModal() { 
    var div = document.createElement('div'); 
    div.id = 'myprompt'; 
    div.innerHTML = '<form id="test" onsubmit="return handleModal();"><input type="text" name="first"></form>'; 
    document.body.appendChild(div); 
} 

function handleModal() { 
    alert('Hello, ' + document.getElementById('test').first.value); 
    return false; 
} 

showModal(); 

Check this out in action. Il suffit de taper quelque chose et appuyez sur Entrée. Le style serait fait via CSS.

Une grande partie de Javascript est événements: faire ce lorsque ce se produit. Tu ne devrais pas essayer de le combattre.

Comme vous pouvez le voir, cela devient rapidement poilu. Vous devriez regarder dans les nombreuses bibliothèques et plugins qui gèrent cela très bien. Personnellement, je recommande jQuery et Thickbox, jModal ou Impromptu.

Answer 2

jQuery modal dialog boxes. Voir les exemples dans SimpleModal.