Ne charger une fonction qu'au clic d'un bouton

**thibaultLV** · 09/05/2016, 12h05

Bonjour,

Je suis en train de développer une application web qui enregistrerait des visites dans des offices de tourismes.
De base l'application enregistrait ces visites avec un datetime correspondant à l'heure actuelle.
Mais voila que maintenant pour des saisies différées, il me faut ajouter un champ heure, qui de base doit être égal à l'heure actuelle pour ne pas gêner les utilisateurs faisant leurs saisies en direct.

Le problème étant qu'ils peuvent rester sur la même page sans la recharger pendant un bon bout de temps. Il faudrait donc qu'au clic du bouton 'visite', le champ se mette à jour (Voir image si elle s'affiche).
Nom : Capture.PNG
Affichages : 556
Taille : 31,8 Ko

Nom : Capture.PNG
Affichages : 556
Taille : 31,8 Ko

J'ai donc dans le bouton en question mis ce code:
onClick="document.getElementById('heure').value=<?php echo date("H:i"); ?>".
Le problème c'est que cette fonction se charge dès l'apparition de la page tel que si à 11h00 la page se charge on aura document.getElementById('heure').value= "11:00" et si je clique sur le bouton à 12:00 le champs sera égal à 11:00.

Ma question: est il possible de charger la fonction plus tard (au clic du bouton).

**melka one** · 09/05/2016, 12h20

jour

a la barbare ca donne ceci

Code :

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

1
2
3
4
5
onclick="var date = new Date();
    var hr = date.getHours();
    hr += ':'+(date.getMinutes()<10?'0':'')+date.getMinutes();
    hr += ':'+(date.getSeconds()<10?'0':'')+date.getSeconds();
    document.getElementById('dt').value = hr;"

Code :

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

<input id="dt" type="text" />

le mieux serait de separer le javascript du html

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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>tt</title>
 
<style type="text/css">
 
body{
	background-color:gray;	
}
 
</style>
 
<script>
 
function horloge() {
 
    var date = new Date();
    var hr = date.getHours();
    hr += ':'+(date.getMinutes()<10?'0':'')+date.getMinutes();
    hr += ':'+(date.getSeconds()<10?'0':'')+date.getSeconds();
    document.getElementById('dt').value = hr;
  }
 
</script>
 
</head>
<body>
 
 
 
<button onclick="horloge()">teste</button>
 
<input id="dt" type="text" style="margin:auto"/>

**thibaultLV** · 09/05/2016, 14h12

Impeccable, merci beaucoup, passer par php était une mauvaise idée en fait et comme je débute en javascript j'aurai pas pensé a faire ça :p
Merci encore !

Invité · 09/05/2016, 15h35

Bonjour,

plus simple :

Code html :

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

1
2
3
<button onclick="WhatTimeIsIt();">afficher l'heure</button>
 
<div id="HourShowBox"></div>

Code javascript :

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

1
2
3
4
5
6
function WhatTimeIsIt()
{
	var today = new Date();
	today = today.toLocaleFormat('%H:%M:%S'); // (Heure:Minute:Seconde)
	document.getElementById('HourShowBox').innerHTML = today;
}

Version courte :

Code javascript :

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

1
2
3
4
function WhatTimeIsIt()
{
	document.getElementById('HourShowBox').innerHTML = (new Date()).toLocaleFormat('%H:%M:%S');
}

**thibaultLV** · 09/05/2016, 15h40

Merci à vous aussi !

**melka one** · 09/05/2016, 18h31

attention au support

Ne charger une fonction qu'au clic d'un bouton

JavaScript

Discussions similaires

Partager

Partager