Fenetre modale | Des threads en javascript ?

bonjour,
je connais showmodaldialog et ce n'est pas ca que je veux faire ! (je préfère le preciser).

En fait je voudrais "surcharger" la methode prompt.

Ca c'est pas dur, il suffit de faire :

Code:

---

1 2 3

window.prompt = function(titre,message){ bla bla bla ... }

---

la ou ca se complique, c'est que dans mon bla bla bla, j'affiche un div avec d'autres div pour faire une fenetre avec barre de titre, bouton de fermeture et qu'on peut deplacer.

A l'intérieur, j'ai un input text et un bouton.

Je voudrais faire en sorte que quand on appel prompt, ca affiche la fenetre et que tant qu'on a pas cliqué sur le bouton, le reste de la page se mette en attente du retour de la methode prompt.

Exemple d'utilisation attendue :

Code:

---

var reponse = prompt("Mon titre","ma question");

---

J'ai essayé de mettre une boucle infinie qui testerais continuellement une condition de sortie.
Condition de sortie qui serais changée par le click du bouton bien sur.
Mais bon js et les threads c'est pas trop ca :(

Quelqu'un verrais t'il une solution ?

mettre un calque transparent sur l'ensemble de la page, avec le bon z-index pour que ça soit au dessus de tout sauf ton prompt?

Pour info, voila un exemple de alert customisé (en) qui fait ce que tu cherches à faire (bloquer la page avec un div de 100% et un background transparent).

C'est probablement un bon point de départ pour toi pour faire un prompt :)

ah oui tiens j avais pas pensé a ca, merci je vais regarder de ce coté la.

ca me fera juste un autre composant en plus dans ma fenetre ;)

deja que j ai une iframe qui est sous mon div pour pour empecher que les select ne soient au dessus !

alors en fait mon soucis ca va etre aussi de pouvoir "rebalancer" mon retour.

Je m'explique, mon code ressemble un peu a ca :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

window.prompt = function(titre,message){ PromptFrame = new TheoFrame(); with(PromptFrame){ setTitle(titre); setMovable(true); setClosable(false); } inp = document.createElement("input") inp.id = "PromptFrameInput"; ok = document.createElement("button"); ok.value = "ok"; ok.onclick = function(){ var returnval = document.getElementById("PromptFrameInput").value; // c'est ici que ca se corse // il faudrais que la methode prompt retourne returnval !! }   PromptFrame.appendChild(document.createTextNode(message)); PromptFrame.appendChild(inp); PromptFrame.appendChild(ok); PromptFrame.display(); }

---

et donc l appel :

Code:

---

var reponse = prompt("Mon titre","ma question");

---

donc en gros que mon onclick fasse le retour de l'appel a prompt.
autrement dis, que je mette tout en attente du click.

Je sais pas si je suis tres clair

Citation:

---

Envoyé par siddh

Je sais pas si je suis tres clair

---

Suffisament clair pour moi, mais là, j'avoue ne pas voir de solution.

A la rigueur avec une boucle, qui scanne une variable (globale) qui dit si ça a été cliqué ou non (dans ta fonction prompt principale).

Mais c'est le seul bout de solution que j'entrevois pour toi... :cry:

oui mais le seul truc c est que la boucle empeche de clicker !

grrrrrrrr pkoi on a pas de threads ouiiiiiiiiiiiiiiiin