Insérer l'heure dans une zone texte via l'évènement onclickRésolu

Question

Bonjour à tous, je cherche en vains une fonction qui me permet d'insérer l'heure via un onclick dans une zone input. En effet, j'ai un formulaire avec lequel j'effectue des accueils de sous-traitants. Je dois encoder son heure d'entrée et son heure de sortie. Il y a 10 zones heures d'entrées et 10 pour les sorties. Afin de faciliter l'encodage j'aimerais que en cliquant sur la zone, l'heure s'insère automatiquement. J'ai trouvé une fonction heure. mais je ne parviens pas à exécuter l'évènement onclick. Bout de code ci dessous: et dans mon body : Avez-vous une idée ou une indication sur ce qui cloche ? Merci pour votre aide.

@karamel · Accepted Answer

onclick = "showTime('HE1');"/>

@karamel · Answer

document.all('hourPanel').innerHTML=theDate; 

remplace le par

document.getElementById('HE1').value=theDate

ecolom · Answer

Merci Kazma,

effectivement, ça fonctionne sauf que l'heure est dynamique dans ma zone. j'ai retiré la ligne de mise à jour car l'heure doit être figée au moment ou on clique.
Super pour cette réponse si rapide d'autant que je cherche depuis un moment.
Cependant ( et oui désolé ) un problème en engendre un autre...
En sachant que j'ai 10 zones d'heures séparées, comment faire pour donner l'heure à tout moment mais sans perturber les autres zones.
A partir du script, j'ai ajouté ta solution + document.getElementById('HS1').value=theDate
Je me suis dis que en ajoutant ces 10 lignes le système allait réagir indépendemment.
Ce qu'il se passe c'est que quand je clique sur la zone HE1, elle est alimentée de l'heure ainsi que la zone HS2. Ce que je ne veux pas puisque je gère des entrées et sorties différentes. Idem quand je clique sur la zone HS2, le HE1 prend l'heure de la HE2.
Je ne dois quand même pas écrire 20 fonctions différentes ?

As-tu une indication ?

Merci

@karamel · Answer

alimente la fonction par l'id concerné

function showTime(elementcible)
{
var myDate = new Date();
var time = myDate.getTime();
var hour = myDate.getHours();
var minute = myDate.getMinutes();
var second = myDate.getSeconds();
if (hour < 10) { hour = "0" + hour; }
if (minute < 10) { minute = "0" + minute; }
if (second < 10) { second = "0" + second; }
var theDate = " " + hour + ":" + minute + ":" + second;
document.getElementById(elementcible).value=theDate
} 


 
 
...etc

ecolom · Answer

ecolom · Answer

Cela ne focntionne pas.
mes zones sont :
<input type="text" name="HE1" id="HE1" size="8" style="background-color: #CCCCCC"...
<input type="text" name="HS1" id="HS1" size="8" style="background-color: #CCCCCC"...
<input type="text" name="HE2" id="HE2" size="8" style="background-color: #CCCCCC"...
<input type="text" name="HS2" id="HS2" size="8" style="background-color: #CCCCCC"...etc...

Quand j'applique ta solution, les zones ne sont plus du tout alimentées.
Je suppose qu'il manque quelque chose ?

Je continue mes tests mais si tu remarques une anomalie, je suis preneur.

Merci

@karamel · Answer

j'ai fait une erreur dans ce je j'ai mis oublier les guillemets

onclick = "showTime("HE1");"/>

ecolom · Answer

Merci Kazma.
cela fonctionne maintenant.

PetoleTeam · Answer

Bonjour à vous,
pourquoi passer l'ID pour récupérer l'objet dans la fonction et pas l'objet directement
et dans la fonction
function showTime( this_){
  // le code ici...
  this_.value = theDate;
} 
cela ne marchera pas mieux mais bon...!
;O)

Insérer l'heure dans une zone texte via l'évènement onclick

9 réponses

Votre réponse

Discussions similaires