[POO] Problème avec setInterval/méthodes d'écriture

**Lpu8er** · 18/07/2006, 15h22

Bonjour à tous.
Je viens de me lancer dans l'intégration de javascript dans mes chtits codes PHP/XHTML.
Seulement, ce n'est pas sans difficulté.
Je souhaite, par exemple et pour commencer, afficher en temps réel l'heure (H:i:s, heure:minute:seconde).
La fonction semble correcte:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
// récupération de la datation horaire dynamique
function horodator()
{
	var datesu= new Date;
	var heure=datesu.getHours();
	var minute=datesu.getMinutes();
	var second=datesu.getSeconds();
	if (second<10){second="0"+second;}
	if (minute<10){minute="0"+minute;}
	if (heure<10){heure="0"+heure;}
	document.write(heure+":"+minute+":"+second);
}

Cette fonction est dans un fichier js1.js, lui-même dans un dossier javascript.
L'appel à ce fichier, contenant ces déclarations de fonctions se trouve dans le <head> de la page.
Sauf que.
L'appel, lui, se pose dans le corps de la page. Et c'est cela qui semble mal fonctionner.

Code :

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

Heure Serveur: <script language="Javascript">setInterval("horodator()", 1000);</script><br />

A la base, j'ai changé le document.write en write. Cela a eu pour effet le plantage simple.
Sur ces forums, j'ai trouvé par la suite document.body.innerHTML. Cela fonctionnait, comme document.write.

La problème ?

Cet appel, s'il fonctionne avec document.write et document.body.innerHTML, semble "gommer" tout le reste de la page, qui est alors royalement ignoré.

Que se passe-t'il ? Comment puis-je résoudre cela ?

Merci d'avance.

Lpu8er

**SpaceFrog** · 18/07/2006, 15h31

applique le innerHTML à un element sur la page un div par exemple ...

**FremyCompany** · 18/07/2006, 15h31

Code :

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

1
2
Heure Client: <div id="horodatorDiv"></div><script language="Javascript">setInterval("horodator()", 1000);</script>
<br />

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
// récupération de la datation horaire dynamique
function horodator()
{
	var datesu= new Date();
	var heure=datesu.getHours();
	var minute=datesu.getMinutes();
	var second=datesu.getSeconds();
	if (second<10){second="0"+second;}
	if (minute<10){minute="0"+minute;}
	if (heure<10){heure="0"+heure;}
	document.getElementById("horodatorDiv").innerHTML=(heure+":"+minute+":"+second);
}

**Lpu8er** · 18/07/2006, 15h37

Effectivement, cela fonctionne.
Il est donc impossible de "poser" une écriture js n'importe où, on est obligé de définir l'endroit (POO)... Merci encore.

Pour heure serveur/client, c'est l'habitude de bosser en php... Qui lui, est un langage serveur XD

Merci à vous !

[POO] Problème avec setInterval/méthodes d'écriture

JavaScript

Discussions similaires

Partager

Partager