begin process at 2012 05 29 11:59:43
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Function & Méthodes

 > 

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


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

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

jeudi 22 avril 2010 à 11:04:50 | Insérer l'heure dans une zone texte via l'évènement onclick

ecolom

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:

<script>
function showTime()
{
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.all('hourPanel').innerHTML=theDate;
setTimeout("showTime();",1000);
}
</script>

et dans mon body :

<input type="text" name="HE1" id="HE1" size="8" style="background-color: #CCCCCC" onclick = "fonction(showTime);"/>

Avez-vous une idée ou une indication sur ce qui cloche ?
Merci pour votre aide.
jeudi 22 avril 2010 à 11:39:12 | Re : Insérer l'heure dans une zone texte via l'évènement onclick

kazma

Administrateur CodeS-SourceS
Code Javascript :
document.all('hourPanel').innerHTML=theDate; 


remplace le par

Code Javascript :
document.getElementById('HE1').value=theDate
jeudi 22 avril 2010 à 12:10:23 | Re : Insérer l'heure dans une zone texte via l'évènement onclick

ecolom

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
jeudi 22 avril 2010 à 12:53:27 | Re : Insérer l'heure dans une zone texte via l'évènement onclick

kazma

Administrateur CodeS-SourceS

alimente la fonction par l'id concerné
Code Javascript :
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
} 


Code Javascript :
<input type="text" name="HE1" id="HE1" size="8" style="background-color: #CCCCCC" onclick = "showTime(HE1);"/> 
<input type="text" name="HE1" id="HE1" size="8" style="background-color: #CCCCCC" onclick = "showTime(HE2);"/> 
...etc
jeudi 22 avril 2010 à 13:15:46 | Re : Insérer l'heure dans une zone texte via l'évènement onclick
jeudi 22 avril 2010 à 13:20:16 | Re : Insérer l'heure dans une zone texte via l'évènement onclick

ecolom

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
jeudi 22 avril 2010 à 15:20:51 | Re : Insérer l'heure dans une zone texte via l'évènement onclick

kazma

Administrateur CodeS-SourceS
j'ai fait une erreur dans ce je j'ai mis oublier les guillemets

onclick = "showTime("HE1");"/>
jeudi 22 avril 2010 à 15:22:08 | Re : Insérer l'heure dans une zone texte via l'évènement onclick

kazma

Administrateur CodeS-SourceS
Réponse acceptée !
onclick = "showTime('HE1');"/>
jeudi 22 avril 2010 à 17:25:04 | Re : Insérer l'heure dans une zone texte via l'évènement onclick

ecolom

Merci Kazma.
cela fonctionne maintenant.
samedi 24 avril 2010 à 10:51:27 | Re : Insérer l'heure dans une zone texte via l'évènement onclick

PetoleTeam

Membre Club
Bonjour à vous,
pourquoi passer l'ID pour récupérer l'objet dans la fonction et pas l'objet directement
Code HTML :
<input type="text" onclick = "showTime( this);">
et dans la fonction
Code Javascript :
function showTime( this_){
  // le code ici...
  this_.value = theDate;
} 
cela ne marchera pas mieux mais bon...!
;O)


Cette discussion est classée dans : var, heure, zone, onclick, mydate


Répondre à ce message

Sujets en rapport avec ce message

horloge... facile mais ca marche pas... [ par darkthief ] Salut a tous !j'ai écrit ce code mais il ne marche pas...Pourriez vous m'aidez svp :D ? horloge function Horloge(){ var Date = changer une ligne de script?? [ par inthecorner ] Bonjour,je suis un newbie en javascript...ma Table ASP... if Modifier le paramètre d'une fonction appelé par onclick dans un layer [ par jfmaze ] J'ai un layer dont le cellules peuvent évoluer en valeur et aussi sur le paramètre de la fonction qui est appelée.- lors de la création du layer le on Besoin d'aide pour jeu de cartes [ par earth4x ] J'ai un problème avec mon petit projet de jeu de cartesfunction pigerCartes(){     var zone = document.getElementById("divCartes");     var nbCartes = Chrono JS avec heure serveur [ par basto ] Bonjour, j'ai fait un amalgame de script pour obtenir un chronometre qui affiche la différence de temps écoulé depuis une date php antérieur et la dat [html]Onclick + banière de pub [ par captainfalko ] Bonjour, J'ai une baniere de pub (MisterBot)que je souhaite associé a un évenement Onclick pour mes html. Je voudrais enfait, lors du clic sur la ban heure en temps réel [ par Mezixx ] Bonjour,comment modifier ce srcipt (et pas en mettre un autre) pour qu'il m'affiche l'heure en temps réel. var ladate=new Date(); var d=ladate.getDay( Changement de script dynamique de onclick sur html [ par cousinlol ] Bonsoir,J'ai fait un script qui me permet sur un formulaire sur un clic d'effectuer une alternance d'image et de traitement déclenché par onclick :[co Afficher texte avec X et Y [ par bshaka ] Bonjour à tous,j'ai trouvé sur le web cette fonction qui affiche date et heure à une position x et y, pour l'appeler, je fais :InitHorloge(265,56,"fon Affichier un texte avec la position X et Y [ par bshaka ] Bonjour à tous,j'ai trouvé sur le web cette fonction qui affiche date et heure à une position x et y, pour l'appeler, je fais :InitHorloge(265,56,"fon


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,045 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales