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

Vue hybride

Discussions similaires

Partager

Partager