[HTML] Balise méta et horloge interne

_sebastien_ · 23 Octobre 2005

Salut

Je cherche à faire un trucalacon sympa, mais malgrès mes notions en HTML et mes recherches sur google, je sais pas quoi faire...
Voilà, je viens de me faire un ptit site (disons plutot un ftp illustré) pour gerer mes mangas proprement par le net (pour les curieux, la page est celle ci:

Vous devez être connecté pour voir les liens.

)

Seulement voila. Je compte faire un accueil du site assez original (le voici:

Vous devez être connecté pour voir les liens.

)
En allant voir ce que c'est, vous avez dût vous rendre compte qu'il y a trois images: lumieres allumées, juste la ptite lampe allumée, et lumières éteintes...

Ce que je cherche, c'est un moyen de placer dans une page html encore plus loin dans la racine du site ( http://otaconryu.free.fr/ ) une balise méta qui redirigerait les personnes qui tomberaient dessus vers une des pages où il y a les images allumé, éteint, mi-éteint, en fonction de l'heure à laquelle la personne est sur la source.

Je prends un exemple. Moi, surfeur invétéré, je me retrouve sur http://otaconryu.free.fr/ à 17h... POUF ! la page où tout est allumé apparait.
Maintenant je reviens voir ce site à 22h, POUF ! Y a que la ptite lampe d'allumée...
Et pareil pour 2h du mat où tout serait éteint...

Le but est de virer les liens qui me convienne pas, et de rendre le site "dynamique"...

Par rapport à ce terme, j'en viens à me dire que je devrais ptet alors faire une page en php, mais vu que je connait du php que la définition, je sais pas si je ferais bonne route dans cette direction là...

Dans l'immediat, est-ce possible de faire ça en HTML (voire javascript) ?

KangOl · 23 Octobre 2005

ca doit etre possible en javascript

tu récupére l'heure avec la fonction Time() (a vérifier)
ensuite en fonction de l'heure, tu ne va pas redirigé, mais tu va changer l'url de l'image...

_sebastien_ · 23 Octobre 2005

ah ouais, bien, j'y avais pas pensé mais on doit gagner en temps si on fait comme ça :ouch:

Je veux dire, charger une simple image plutot qu'une page entiere. Bonne idée :merci:

j'vais faire quelques recherches sur cette fonction time ()

KangOl · 23 Octobre 2005

ya juste un soucis : le code js te donnera l'heure du client, qui n'est pas spécialement la meme que la tienne...

_sebastien_ · 23 Octobre 2005

me faudrait un truc genre:

[cpp]<HEAD>

<script type="text/javascript">

function time() {
hour=now.getHours();
min=now.getMinutes();
sec=now.getSeconds();

if (hour<=20) { document.image.src='http://otaconryu.free.fr/Otakuland/BRIGHT.gif' }
if (hour<=22) { document.image.src='http://otaconryu.free.fr/Otakuland/DARK.gif' }
if (hour<=1) { document.image.src='http://otaconryu.free.fr/Otakuland/DARKTV.gif' }

</HEAD>
[/cpp]

Par contre, vu que j'ai tout oublié de mes études en conception (bah la programmation, sté pas mon truc [:djoce]), bah ça m'a l'air totalement faux mais je sais pas du tout où ni pourquoi

_sebastien_ · 23 Octobre 2005

ya juste un soucis : le code js te donnera l'heure du client, qui n'est pas spécialement la meme que la tienne...

C'est pas grave, a l'origine c'est fait pour que ça marche chez moi où chez des potes où je pourrais gerer mes mangas s'ils font autre chose...

Comme on vit tous dans la même ville, probleme réglé

KangOl · 23 Octobre 2005

fouch@IDN :

me faudrait un truc genre:

[cpp]<HEAD>

<script type="text/javascript">

function time() {
hour=now.getHours();
min=now.getMinutes();
sec=now.getSeconds();

if (hour<=20) { document.image.src='http://otaconryu.free.fr/Otakuland/BRIGHT.gif' }
if (hour<=22) { document.image.src='http://otaconryu.free.fr/Otakuland/DARK.gif' }
if (hour<=1) { document.image.src='http://otaconryu.free.fr/Otakuland/DARKTV.gif' }

</HEAD>
[/cpp]

Par contre, vu que j'ai tout oublié de mes études en conception (bah la programmation, sté pas mon truc [:djoce]), bah ça m'a l'air totalement faux mais je sais pas du tout où ni pourquoi

1/ pas la peine de récuperer les minutes et les secondes
2/ utilise getElementById
3/ tes condition sont pas justes...
4/ balise head en minuscule =p

_sebastien_ · 23 Octobre 2005

1/ pas la peine de récuperer les minutes et les secondes
2/ utilise getElementById
3/ tes condition sont pas justes...
4/ balise head en minuscule =p

1) ok

2) j'dois faire une recherche là :lol:

3) pas compris :heink:
4) Tu chipotes

Je vais copier dans mon code que le reste, le HEAD etait là pour signaler la position à peu près, où je placerais le tout

Johan_et_Pirlouit · 24 Octobre 2005

fouch@IDN :

Simple.... Si on regarde tes conditions de sélection pour document.image.src :

fouch@IDN :

- Si hour = 1, alors les trois conditions sont remplies et quelle valeurs va prendre document.image.src ? La dernière probablement, à moins que la machine JS déclare forfait et pète une erreur..
- Si hour > 1 et hour <= 20, alors les deux premières conditions sont remplies.. Même problème que précédemment..
- Si hour > 20, seule la première conditions est remplie, document.image.src prend bien une valeur unique, seul cas valable..

Il te faut des conditions du genre (remises dans l'ordre pour une meilleure lecture) :
[cpp]if (hour<=1) { document.image.src='http://otaconryu.free.fr/Otakuland/DARKTV.gif' }
if (hour>1 AND hour<=20) { document.image.src='http://otaconryu.free.fr/Otakuland/BRIGHT.gif' }
if (hour>20 AND hour<=22) { document.image.src='http://otaconryu.free.fr/Otakuland/DARK.gif' }[/cpp]
Evidemment, tu remplaceras le "AND" par le mot correct en JS, mot pourtant simple mais qui m'échappe....

Mais si je comprends ta démarche, il te manque les conditions pour l'heure de 23h00 à 23h59.... Si pour cette dernière heure de la journée tu définis la même image que pour les deux premières (0h et 1h), ça te donnerait ceci comme condition à la place de la précédente :
[cpp]if (hour<=1 AND hour>22) { document.image.src='http://otaconryu.free.fr/Otakuland/DARKTV.gif' }[/cpp]

:merci:

_sebastien_ · 20 Novembre 2005

Bon, avec ça, je réussis à chopper l'heure dans laquelle on se situe:

[cpp]<script language="JavaScript">
var d=new Date()
document.write(d.getHours())[/cpp]

ça m'affiche 23 donc (grace à write) (puisqu'il est 23:40 au moment du test)

Par contre [cpp]if (d>22) { document.image.src="http://otaconryu.free.fr/Otakuland/DARKTV.gif" }[/cpp]
Ca m'affiche pas l'image tel que ça le devrait... :heink:

Je persiste

_sebastien_ · 20 Novembre 2005

Voila le code de ma page de test donc...

[cpp]
<html>
<head>
<title>Otakuland bright</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#000000" text="#FFFFFF" link="#FFFFFF"><div align="center">
<div align="center"><img src="http://otaconryu.free.fr/Otakuland/otakutitre2">
</div>

<p align="center">
<script language="JavaScript">
var d=new Date()
document.write(d.getHours())

if (d>22) { document.image.src="http://otaconryu.free.fr/Otakuland/DARKTV.gif" }
</script></p>

</body>
</html>

[/cpp]

rom950 · 23 Novembre 2005

essaye de faire comme ca:
src="http://otaconryu.free.fr/Otakuland/DARKTV.gif"

ou alors mais des simlpes côtes

ou sinon tu devrais essayer de ouvrir une valise php c'est à dire <? avant le if et, tu la referme aprés ton } par ?>

essaye ca et tu me dit

bye

_sebastien_ · 24 Novembre 2005

ça affiche toujours pas l'image. Le probleme vient de [cpp]{ document.image.src="http://otaconryu.free.fr/Otakuland/DARKTV.gif" } [/cpp]
je pense :/

KangOl · 24 Novembre 2005

utilise getElementById

_sebastien_ · 24 Novembre 2005

utilise getElementById

Bah j'ai cherché comment l'utiliser sur le net, mais c'est pas clair pour moi.

KangOl · 24 Novembre 2005

ya pas plus simple...

Code:

i = document.getElementById("idimage");
i.src = "DARKTV.gif";

avec

Code:

<img id="idimage" src="imagepardefaut.gif" />

_sebastien_ · 25 Novembre 2005

Code:
ya pas plus simple...

Code:

i = document.getElementById("idimage"); i.src = "DARKTV.gif";

avec

Code:

<img id="idimage" src="imagepardefaut.gif" />

Si je comprends bien, faudrait que je mettre dans le code:

[cpp]if (d>22)
i = document.getElementById("idimage");
i.src = "DARKTV.gif";
if (d>18)
i = document.getElementById("idimage");
i.src = "DARK.gif";
if (d>0)
i = document.getElementById("idimage");
i.src = "BRIGHT.gif";[/cpp]

Par exemple

KangOl · 25 Novembre 2005

oui mais t'est pas obligé de calculer i a chaque fois...
de plus, les 'else' existent

_sebastien_ · 26 Novembre 2005

roooooh, ça fait plus d'un an que j'ai pas codé et en plus, la programmation, c'était pas mon truc (heureusement qu'il y avait aussi administrateur réseau en BTS

)

_sebastien_ · 27 Novembre 2005

Autre chose. Si vous regardez depuis la racine du site (

Vous devez être connecté pour voir les liens.

), j'ai mis une animation flash. Sorte de signature. Mais sur ie elle est recadrée bien comme il faut, par contre, j'ai pu voir que sur mozilla, ça affiche une grosse image flash sans prendre en compte le redimensionnement. Y a moyen de changer ça ?

[HTML] Balise méta et horloge interne

_sebastien_

KangOl

_sebastien_

KangOl

_sebastien_

_sebastien_

KangOl

_sebastien_

Johan_et_Pirlouit

_sebastien_

_sebastien_

rom950

_sebastien_

KangOl

_sebastien_

KangOl

_sebastien_

KangOl

_sebastien_

_sebastien_