web-dev-qa-db-fra.com

Comment obtenir une entrée via un popup et placer du texte dans une variable via javascript/jquery

J'ai un bouton sur ma page. Lorsque vous cliquez dessus, une boîte de dialogue apparaîtra pour permettre à l'utilisateur de saisir du texte. Lorsque vous appuyez sur OK/Submit, mon script exécutera ensuite certaines fonctions en utilisant les données saisies. Très simple, mais je n'arrive pas à comprendre comment faire cela.

Merci!

javascriptjquerypopup
6
Mark

dans sa forme la plus simple, vous pouvez utiliser Invite (question, valeur par défaut) : (extrait de w3schools: http://www.w3schools.com/js/tryit.asp?filename=tryjs_Prompt )

function myFunction(){
    var x;
    var name=Prompt("Please enter your name","Harry Potter");
    if (name!=null){
       x="Hello " + name + "! How are you today?";
      alert(x);
   }
}

toute autre chose nécessiterait beaucoup de javascript et CSS pour créer des couches avec des boutons et des événements de clic sur ces boutons

21
Reinder Wit

Collez ce code dans vos balises head entre les balises script

HTML

<button id="button">Get Text</button>​

JS

window.onload=function()
{
    var el=document.getElementById('button');
    el.onclick=function(){
        var my_text=Prompt('Enter text here');
        if(my_text) alert(my_text); // for example I've made an alert
    }
}

DEMO.

0
The Alpha