Page 1 sur 1
Horloge ne fonctionne pas
Posté : 24 mai 2010, 16:51
par diabless6
Bonjour,
Je m'initie au Javascript, j'ai modifier un petit script pour comprendre le GetElementById et le innerHTML, mais ça ne marche pas
Code : Tout sélectionner
function AffichHeur()
{
var date=new Date();
var heure=date.getHours();
var min=date.getMinutes();
var sec=date.getSeconds();
if (heure<10){heure="0"+heure;}//inférieur à 10 ex 02h
if (min<10){min="0"+min;}
if(sec<10){sec="0"+sec;}
//window.document.title="Il est "+heure+":"+min+":"+sec;
document.getElementById("horloge").innerHTML="Il est "+heure+":"+min+":"+sec;
setTimeout("AffichHeur()",1000);
}
function AffichDiv()
{
if(document.getElementById)
{
var txtHorlog='<div id="horloge">d</div>';
document.write(txtHorlog);
affichHeur();
}
}
AffichDiv();
et mon CSS obligatoire:
Code : Tout sélectionner
#horloge{width:200px;border:1px solid red;text-align:center;}
Mon cadre s'affiche bien, mais pas mon heure
Je ne sais pas ce que j'ai oublié !
Merci
Re: Horloge ne fonctionne pas
Posté : 24 mai 2010, 16:56
par Lupuz
Ta fonction est AffichHeur() et tu appel : affichHeur() ...
Re: Horloge ne fonctionne pas
Posté : 24 mai 2010, 17:02
par diabless6
Ta fonction est AffichHeur() et tu appel : affichHeur() ...
Arf ! Effectivement ! ça marche.
C'est horrible la sensibilité de la case en Javascript pire que le PHP.
Komodo n'est pas très adapté pour le JavaScript faut que je trouve un autre editeur.
Merci beaucoup
Re: Horloge ne fonctionne pas
Posté : 24 mai 2010, 17:04
par Lupuz
Passe sur netbeans...
Re: Horloge ne fonctionne pas
Posté : 24 mai 2010, 17:21
par diabless6
Merci je connaissais pas.
Je vais l'essayer
Re: Horloge ne fonctionne pas
Posté : 24 mai 2010, 17:54
par AB
Et puis y'a aussi l'incontournable Firebug de Firefox qui aurait pu te pointer cette erreur
Re: Horloge ne fonctionne pas
Posté : 24 mai 2010, 19:06
par diabless6
Et puis y'a aussi l'incontournable Firebug de Firefox qui aurait pu te pointer cette erreur
Coucou AB
Effectivement :
affichHeur is not defined
[Break on this error] affichHeur();
C'est une extension que je connais moins bien que WebDevelloper ou HtmlValidator.
Mais je crois que je vais l'adopter comme netbeans plutôt sympa aussi !
Re: Horloge ne fonctionne pas
Posté : 24 mai 2010, 21:24
par AB
Et oui, Firebug ça rendrait presque le javascript sympathique à programmer
Juste un détail que j'ai observé chez moi : Si tu refais le même test dans un nouvel onglet sans rien changer au code il est probable (chez moi ce probable atteint les 100%) que les erreurs ne s'affichent plus dans ce nouvel onglet si tu as laissé ouvert ton précédent test dans un précédent onglet.
Et les rafraîchissement de la page n'y feront rien. Donc penses à fermer ta première page de test avant d'en refaire un suivant, ça peut te faire gagner du temps
Re: Horloge ne fonctionne pas
Posté : 24 mai 2010, 21:38
par diabless6
Comme on dit : " un averti en vaut 2 ! "
Je pensais pas que je m'amuserai autant avec du Javascript très orienté objet (prédéfinis) ou alors c'est Olivier HonderMarck(toutjavascript.com) qui à trop bien écrit son livre, une petite merveille !
Re: Horloge ne fonctionne pas
Posté : 24 mai 2010, 22:20
par AB
Oui c'est ludique (surtout quand ça marche
) et puis c'est souvent pour faire du visuel : faire bouger ou afficher des trucs sans avoir à recharger la page, ça change de php
D'ici peu tu devrais être en mesure de comprendre le fonctionnement
de ce genre de choses (je parle pas des fonctions de sérialisation
)
Enfin bon on s'amuse bien mais le blème c'est la compatibilité entre les différents navigateurs... un peu comme en html mais ça tu as dejà dû le lire, faut tester au minimum sur FF
et IE
Amuses-toi bien et A+
Re: Horloge ne fonctionne pas
Posté : 24 mai 2010, 22:58
par diabless6
Ben le JavaScript est un passage obligatoire et un adjuvant au PHP.
Ensuite si je l'apprend c'est dans l'optique d'utiliser Jquery qui justement pallierait le manque de compatibilité des navigateurs.
Re: Horloge ne fonctionne pas
Posté : 25 mai 2010, 03:43
par AB
Ensuite si je l'apprend c'est dans l'optique d'utiliser Jquery qui justement pallierait le manque de compatibilité des navigateurs.
Ben oui il emploie des fonctions compatibles dans certains contextes ou fait das hacks dans d'autres (parfois on a pas le choix) mais ça n'empêche pas de vérifier dans au moins ces deux navigateurs car même en utilisant cette librairie, il faut bien savoir apporter son grain de sel (donc de code) de temps en temps