Faire une pause

**marcel marie** · 19/01/2013, 13h34

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

**crozet.magenta** · 19/01/2013, 14h13

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 html :

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

<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

**marcel marie** · 19/01/2013, 17h49

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

**crozet.magenta** · 20/01/2013, 00h33

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

Code HTML :

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
<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 javascript :

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

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

**Auteur** · 20/01/2013, 18h24

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 html :

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

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

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

Code html :

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

<a href="javascript:laFonction()">un lien</a>

**crozet.magenta** · 20/01/2013, 18h55

merci pour la correction

Faire une pause

HTML

Vue hybride

Discussions similaires

Partager

Partager