Boîte de dialogue évoluée

**Mathieu72** · 26/02/2008, 17h49

Bonjour,

je voudrais que dans ma page écrite en php, s'affiche à l'appui sur un bouton une boîte de dialogue avec une question oui/non... Je pourrais bien utiliser: confirm, mais c'est plutôt OK et interrompre, que oui/non, donc ce n'est pas exactement ce que je veux...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<html><head><title>Test</title>
<script type="text/javascript">
<!--
Check = confirm("Voulez vous vraiment voir cette page?");
if(Check == false) history.back();
//-->
</script>
</head><body>
</body></html>

Etendons même la question: si on veut une boîte de dialogue avec 3 choix possibles... oui, non, peut-être... comment fait-on??? Faut-il générer un mini-formulaire html? Y a-t-il une solution plus simple faisant appel à Javasript?

Cordialement
Mathieu

**Auteur** · 26/02/2008, 18h08

Boite de dialogue personnalisée

**SpaceFrog** · 26/02/2008, 18h45

rhooooooooooo la pub !

sinon window prototype ...

**Auteur** · 26/02/2008, 19h36

Envoyé par SpaceFrog

rhooooooooooo la pub !

ben quoi

Envoyé par SpaceFrog

sinon window prototype ...

la pub y fait référence

**Mathieu72** · 26/02/2008, 20h35

Alors je regarde le travail de Auteur, voir un peu comment ça fonctionne... Est-ce que ce serait possible de l'adapter pour avoir un bouton "oui" et un bouton "non" (ça c'est bon j'y suis déjà arrivé!) et pour qu'en cliquant sur oui ou non, une autre page php soit ouverte avec en plus des variables déjà postées, une nouvelle variable qui contient 0 ou 1 selon qu'on a cliqué sur oui ou non...

Typiquement par exemple:
- un formulaire avec des informations sur une personne (déjà fait...)
- un bouton pour soumettre le formulaire
- le bouton ouvre une boîte de dialogue qui demande si la personne est prioritaire
- la valeur d'un champ "prioritaire" à 0 ou à 1 est posté avec les autres valeurs
- on arrive sur une nouvelle page php qui contient la requête sql (ça c'est déjà fait aussi...)

Comment me conseillez-vous de faire? de quel type va être la valeur fournie par la fenêtre javascript? y a-t-il moyen de poster cette valeur? sinon quel moyen mettre en oeuvre?

Cordialement
Mathieu

**Mathieu72** · 29/02/2008, 01h28

Bonsoir,

Donc, en m'inspirant du travail de Auteur, sur http://www.developpez.net/forums/sho...d.php?t=338493 que j'ai simplifié pour mon usage personnel, je suis arrivé à:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<script type="text/javascript">
function ouvreBoite()
{  document.getElementById("maBoiteHtm").style.display = "block";} 
function clicOui()
{ document.formulaire.prioritaire.value='Oui';document.forms['formulaire'].submit();} 
function clicNon()
{ document.formulaire.prioritaire.value='Non';document.forms['formulaire'].submit();} 
</script>
 
 
 
 
<FORM method=post id="formulaire" name="formulaire" action="requete test.php">
<input type=hidden name='prioritaire'> 
 
 
Enregistrement d'un utilisateur
Nom<INPUT type=text name="nom">
Prénom<INPUT type=text name="prenom">
 
 
<style type="text/css">
.conteneurPrompt{
 /** Firefox **/
 position: fixed;
 top: 25%;
 left: 25%;
 
 border: 3px outset #AAAAAA;
 /*height: 150px;*/
 width: 50%;
 display: none;
 z-index: 2000;
 
 /** IE **/
 position: expression(IEFixedElementPos());
 /** on tient compte des 25% definis plus haut **/
 top: expression(IEFixedElementTop(parseInt(document.body.clientHeight * 25/100)));
 left: expression(IEFixedElementLeft(parseInt(document.body.clientWidth * 25/100)));
 
}
</style>
 
 
 
 
<div id="maBoiteHtm" class="conteneurPrompt">
Enregistrement prioritaire?
<button onclick='clicOui();'>Oui</button>
<button onclick='clicNon();'>Non</button>  
</div>
 
 
<input type="button" value="Soumettre le formulaire" onclick="ouvreBoite();">
 
</form>

et après pour controler, comme avant, le fichier "requete test.php":

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
voici les variables postées:<BR><BR>
 
<? echo "nom: ".$nom."<BR>prénom: ".$prenom."<BR>prioritaire?: ".$prioritaire;?>

Les questions qui subsistent:
- une erreur se produit au chargement de la deuxième page (erreur qui se produisait déjà en faisant un simple copier-coller du code du lien). D'où vient cette erreur?
- La boîte de dialogue est en fait une division html. Ne peut-on pas faire en sorte qu'une vraie boîte de dialogue s'affiche? Ou du moins que la boîte de dialogue prenne toute la page? s'affiche à la place du reste?

Mathieu

Boîte de dialogue évoluée

JavaScript

Vue hybride

Discussions similaires

Partager

Partager