Faire une pause

Version imprimable

19/01/2013, 13h34
marcel marie

Faire une pause

Bonjour,
Question bêtement basique probablement !!!

Dans un script (html ou php) je veux mettre un message (une sorte d'avertissement) pour l'utilisateur. Je souhaite que la suite du script ne se réalise que si l'utilisateur clique sur <entrée>, prouvant qu'il a sans doute bien lu le message.

Intellectuellement cela me paraît simple ... mais je ne sais pas faire ...
Un formulaire avec comme action les lignes qui suivent l'input ? non, je ne vois pas.
En quelque sorte une Pause comme cela se fait avec beaucoup d'autres langages ??
Je suis persuadé que c'est simple mais comment?
Merci.

Marcel Marie
19/01/2013, 14h13
crozet.magenta

c'est réalisable en javascript.
si c'est une page entière, tu peux mettre les liens qui pointent vers celle-ci de cette forme :

Code:

<p><a href="page_de_destination.html" onclick="return(confirm('Avez-vous lu ?'));" >page a confirmer</a></p>

de cette manière, au clic sur le lien, une boite de dialogue apparaitra demandant la confirmation d'ouverture de la page
19/01/2013, 17h49
marcel marie

Merci,
Javascript, je ne connais pas ...
Je souhaite quelquechose de très simple et si je dis "très simple" cela veut dire que l'on peut m'envoyer son écriture par un copier-coller sur un exemple concret qui fonctionne. Si l'instruction ou plusieurs, avec qqch en javascript, ne m'amène pas à chercher ailleurs, ça me convient bien entendu ...
Donc, grossièrement pour moi :

...
ligne de code
ligne de code
---> message du genre en php ou ecriture html évidemment
echo "attention attention <br> Appuyez sur entrée";

ligne de code
ligne de code
.....

Tous les langages que je connais (ou pas !!) permettent cela aisément.
Merci encore.

Marcel Marie

tu peux faire sinon une page de ce genre là :

Code:

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
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Afficher / Cacher</title>
	<script type="text/javascript">
                //<!--
                function afficher_cacher(id)
                {
                        if(document.getElementById(id).style.visibility=="hidden")
                        {
                                document.getElementById(id).style.visibility="visible";
                                document.getElementById('bouton_'+id).innerHTML='Cacher le texte';
                        }
                        else
                        {
                                document.getElementById(id).style.visibility="hidden";
                                document.getElementById('bouton_'+id).innerHTML='Afficher la suite';
                        }
                        return true;
                }
                //-->
        </script>
</head>
<body>
	<div>
		Ce texte est affiché par défaut
	</div>
	<span id="bouton_texte" onclick="javascript:afficher_cacher('texte');">Afficher la suite</span>
	<div id="texte" style="visibility:hidden">
		Texte est caché
	</div>
</body>

Si tu ne veux pas permettre de recacher le texte, tu peux remplacer le code javascript par ce code :

Code:

1
2
3
4
function afficher_cacher(id)
{
	document.getElementById(id).style.visibility="visible";
}

20/01/2013, 18h24
Auteur

crozet.magenta : attention lors de la première exécution du script l'instruction document.getElementById(id).style.visibility ne retournera ni hidden ni visible car on ne peut pas accéder au style d'un élément par ce biais.
Lors du premier clic sur le lien, il ne se passera rien dans la page mais la propriété visibility sera initialisée grâce aux instructions dans le else.

Autre point : il est inutile d'ajouter le terme javascript après un événement, car le code qui suivra sera forcément du javascript.

Code:

<span id="bouton_texte" onclick="afficher_cacher('texte');">Afficher la suite</span>

On utilise le mot-clef javascript uniquement dans les pseudo-liens :

Code:

<a href="javascript:laFonction()">un lien</a>
20/01/2013, 18h55
crozet.magenta

merci pour la correction :oops:
21/01/2013, 16h30
marcel marie

Bonjour,
Veuillez m'excuser, mais j'arrête cette discussion ...
J'avais déjà initié ici y a quelque temps une discussion sur le fait de pouvoir ( ou non ?)sortir d'un script, ayant un formulaire, autrement que par l'obligation d'utiliser le paramètre "action" de form. Le dit paramètre "action" renvoyant nécessairement à un script autre que celui qui appelle.
Ce qui veut dire qu' avec PHP, Xhtml on ne peut pas réaliser une séquence linéaire unique (un seul script) pour traiter un formulaire avant et après l'utilisation de son contenu. C'est dommage et déROUTANT (c'est bien le mot exact !!!)
Je vous remercie.

Marcel Marie.
21/01/2013, 17h14
thelvin

Citation:

Envoyé par marcel marie

Ce qui veut dire qu' avec PHP, Xhtml on ne peut pas réaliser une séquence linéaire unique (un seul script) pour traiter un formulaire avant et après l'utilisation de son contenu. C'est dommage et déROUTANT (c'est bien le mot exact !!!)

Bien sûr que si, c'est l'une des nombreuses capacités d'AJAX...
Mais du coup il faut le penser en AJAX au lieu d'envoyer le formulaire comme d'habitude.

j'avoue que de mon côté que je me suis fixé sur le code proposé de Crozet.magenta et pas sur la demande de Marcel Marie :oops:

Est-ce ce genre de chose qui est demandée ?

Code:

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 
<head>
 
<title></title>
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=ISO-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
 
<script type="text/javascript">
<!--
function fonction()
{
        var reponse;
        var a;
        
        a = 1;
        a = a + 1;
        a = a + 2;
        a = a + 3;
        
        reponse = confirm("Continuez ?");
        
        if (reponse==0) // Arrêt du script
        {
                alert("resultat= " + a);
                return;
        }
        
        a = a + 4;
        a = a + 5;
        a = a + 6;      
        alert("resultat= " + a);
 
}
//-->
</script> 
 
</head>
 
<body onload="fonction()">
 
 
</body>
</html>

22/01/2013, 17h43
marcel marie
Bonjour,
Là, vous m'embarquez dans un drôle de "truc" !!!
En fait, adoptant la maxime "aide toi, le ciel t'aidera, j'ai trouvé les lignes suivantes :
Code:

1 2 3 4 5 6 <BODY> <A href="javascript:;" onClick="Affiche('Texte1');">Texte1</A> <A href="javascript:;" onClick="Affiche('Texte2');">Texte2</A> </BODY>
Ce qui veut dire que, par rapport à votre réponse, je vais avoir un message lorsque je vais rentrer dans le script. Et, pour les lignes ci-dessus, je vais avoir un message lors d'un CLIC.
D'où deux nouvelles questions :
1) le dit clic doit avoir lieu où? pas n'importe où sûrement car il faut bien que ce soit l'un où l'autre message qui s'affiche.
2) vais-je pouvoir exécuter un autre morceau de script après que le clic aura eu lieu ?.
Dans l'exemple trouvé, ça écrit tout bonnement TEXT1 et TEXT2.
Quel intérêt pour mon souci? ou alors le clic sur TEXT1 ou TEXT2 permet l'exécution de la suite du script?
Je vous l'avais dit "je ne connais pas javascript" !!
Merci.

Marcel Marie

Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <?php ?> <HTML> <HEAD> <SCRIPT language="Javascript">  </SCRIPT> </HEAD> <BODY> <A href="javascript:;" onClick="Affiche1();">Texte1</A> <A href="javascript:;" onClick="Affiche2();">Texte2</A> <?php echo "oui ou non ?"; ?> </BODY> </HTML>
visiblement,
le fait de mettre les lignes javascript et de cliquer ne conditionne strictement rien; c'est un amusement !!!

ce n'est, à ce que je constate, ni plus ni moins que l'affichage d'un message qui n'apporte rien.
à plus tard.

marcel marie