PHP

affichage de l'heure sur une page

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : affichage de l'heure sur une page

@l Oue$t

Death to humans !

Bonjour bonjour.
Plus j'avance dans la programmation plus je vois qu'il y en a à savoir, et plus j'ai de problèmes.
Le soucis est que je n'arrive pas à afficher l'heure en temps réél sur ma page web.
Vàlà mon code, js + php pour l'heure du serveur (PHP) et js pour l'affichage en temps réel.

Code :

<body>
<script type="text/javascript">
<?php
// Enregistrons les informations de date dans des variables
$auj=getdate();
// Maintenant on peut afficher ce qu'on a recueilli
echo "var heure=".$auj['hours'].";";
echo "var min=".$auj['minutes'].";";
echo "var sec=".$auj['seconds'].";";
?>
function changeHeure(){
document.getElementById('jsphp').innerHTML="il est "+heure+" heures et "+min+" minutes et "+sec+" secondes";
setTimeout("changeHeure()",1000);
}
changeHeure();
</script>
<div id="jsphp"> </div>
</body>

Alors chose étrange et incomprise, Firefox me dis

Citation :

Erreur : document.getElementById("jsphp" ) is null
Fichier Source : http://localhost/apprentissage%20P [...] /jsphp.php
Ligne : 26

J'ai bien sûr mis mon fichier en .php ^^.
merci pour votre aide ! :jap:

Message cité 1 fois

---------------
1000 lasagnes

Publicité

jonas3

essaie de mettre ta fonction changeHeure dans body ou window.onload

window.onload=changeHeure; sans les parentheses

---------------
http://petitjonas.blogspot.com/

@l Oue$t

Death to humans !

merci pour sa, du coup sa m'affiche bien l'heure comme je l'ai demandé, mais le timeout ne fait pas son travail, l'affichage n'est pas en temps réel mais juste au moment de la connexion. Si vous avez des idée de réponse ...
merci ! :jap:

---------------
1000 lasagnes

SICKofitALL

misanthrope

@l Oue$t a écrit :

Code :

<body>
<script type="text/javascript">
<?php
// Enregistrons les informations de date dans des variables
$auj=getdate();
// Maintenant on peut afficher ce qu'on a recueilli
echo "var heure=".$auj['hours'].";";
echo "var min=".$auj['minutes'].";";
echo "var sec=".$auj['seconds'].";";
?>
function changeHeure(){
document.getElementById('jsphp').innerHTML="il est "+heure+" heures et "+min+" minutes et "+sec+" secondes";
setTimeout("changeHeure()",1000);
}
changeHeure();
</script>
<div id="jsphp"> </div>
</body>

Alors chose étrange et incomprise, Firefox me dis

Citation :

Erreur : document.getElementById("jsphp" ) is null
Fichier Source : http://localhost/apprentissage%20P [...] /jsphp.php
Ligne : 26

J'ai bien sûr mis mon fichier en .php ^^.
merci pour votre aide ! :jap:

Pourquoi t'emmerder avec du PHP pour afficher l'heure en temps réel sur le client ?? Le JavaScript dispose de ce qu'il faut pour gérer le temps. Alors à moins que tu ne veuilles afficher l'heure de ton serveur (donc si ta page est hébergée en France et q'un mec au Japon par exemple affiche ta page, il va se demander pourquoi l'heure est du coup super décalée par rapport à chez lui ).
Ensuite ton getElementByID retournerait qqch si ce qqch existait ! Ben oui tu cherches à récuperer un element de la page qui n'existe pas forcément encore.

Essayes ca :

Code :

<html>
<head>
    <script type="text/javascript">
        var changeHeure = function ()
            {
                var jsphp = document.getElementById ('jsphp');
                if (!jsphp)
                    return false;
 
                var d = new Date ();
                jsphp.innerHTML = "il est " + d.getHours () + " heures et " + d.getMinutes () + " minutes et " + d.getSeconds () + " secondes";
                setTimeout (changeHeure, 1000);
                return true;
            }
 
        window.onload = changeHeure;
    </script>
 
</head>
<body>
    <div id="jsphp"></div>
</body>
</html>

---------------
We deserve everything that's coming...

@l Oue$t

Death to humans !

Yeah, sa marche, merci bien ! :jap:
Il est vrai de plus que le choix de l'heure du serveur n'était pas vraiment judicieux ...
...
...
M'énerve quand même, j'aimerais bien savoir comment faire avec le mélange des 2 langage, sa m'aiderais à mieux les manipuler l'un dans l'autre...
Enfin, je te dis merci avant tout ^^
:hello:

---------------
1000 lasagnes

SICKofitALL

misanthrope

Mélanger ces deux langages n'est pas forcément une bonne idée en soi ! L'un tourne sur un serveur, l'autre sur un client, c'est deux mondes différents
Par contre ils se completent bien si celui du coté serveur se charge de retourner des données que celui du coté client client peut alors afficher (les bases de l'Ajax quoi).
Par contre générer en PHP du code JS n'est pas impossible, mais souvent il ne s'agit pas d'une bonne odée, le débogage devient particulierement ... aléatoire.

Sinon concernant le code plus haut, on peut faire plus "optimisé" et moins "bouffeur de ram" (je pense) :

Code :

<script type="text/javascript">
        var changeHeure = function ()
            {
                this.init = function ()
                    {
                        ptr.date = new Date ();
                        ptr.jsphp = document.getElementById ('jsphp');
                        return !!ptr.jsphp;
                    }
 
                this.show = function ()
                    {
                        ptr.date.setTime (ptr.date.getTime () + ptr.delay);
                        ptr.jsphp.innerHTML = "il est " + ptr.date.getHours () + " heures et " + ptr.date.getMinutes () + " minutes et " + ptr.date.getSeconds () + " secondes";
                        return true;
                    }
 
                this.delay = 1000;
 
                var ptr = this;
                if (ptr.init ())
                    setInterval (ptr.show, ptr.delay);
            }
 
        window.onload = function ()
            {
                new changeHeure ();
                return true;
            }
    </script>

Message édité par SICKofitALL le 04-06-2009 à 23:26:21

---------------
We deserve everything that's coming...

@l Oue$t

Death to humans !

j'ai déjà vu ce this un peu partout ... Mais je sais tjrs pas ce que c'est !! :lol:
Pourrais tu éclairer ma lanterne ?
thanks

Message cité 1 fois

---------------
1000 lasagnes

SICKofitALL

misanthrope

@l Oue$t a écrit :

j'ai déjà vu ce this un peu partout ... Mais je sais tjrs pas ce que c'est !! :lol:
Pourrais tu éclairer ma lanterne ?
thanks

C'est trop long à expliquer
C'est en relation avec la programmation orientée objet (OOP anglais), même si le JS n'est pas un réellement orienté objet justement.
Mate ca : http://www.sitepoint.com/article/o [...] ramming-1/

---------------
We deserve everything that's coming...

FORUM HardWare.fr

Programmation

PHP

affichage de l'heure sur une page

Sujets relatifs
AIDE créer une page en INTRANET	Afficher des images sur une page web de manière aléatoire.
Probleme d'affichage sur IE comparé à FF	[javascript\|jquery] affichage dynamique d'une image ds un div
Problème affichage solution	Affichage de 0000-00-00 au lieu de 2007/08/08
Récupérer le code source d'une page html différente	Activer un onglet d'une page internet en VBA Access
SQl: affichage de colonnes virtuelles	affichage de double requetes dans un seul tableau
Plus de sujets relatifs à : affichage de l'heure sur une page

Page générée en 0.081 secondes