[HTML] Balise méta et horloge interne

_sebastien_

23 Octobre 2005 02:34:43

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: http://otaconryu.free.fr/Otakuland/otakulandindex.htm )

Seulement voila. Je compte faire un accueil du site assez original (le voici: http://otaconryu.free.fr/Otakuland/index.htm )
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) ?

Autres pages sur : html balise meta horloge interne

| Etre averti des réponses
| Alerter

Répondre à _sebastien_

KangOl

23 Octobre 2005 09:32:39

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...

| Alerter

Répondre à KangOl

_sebastien_

23 Octobre 2005 12:55:04

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 :jap:

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

| Alerter

Répondre à _sebastien_

KangOl

23 Octobre 2005 13:06:58

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

| Alerter

Répondre à KangOl

_sebastien_

23 Octobre 2005 13:10:18

me faudrait un truc genre:

<HEAD>

 
<script type="text/javascript">

 
function time() {

  hour=now.getHours();

  min=now.getMinutes();

  sec=now.getSeconds();

 
  if (hour<=20) { document.image.src='<a href="http://otaconryu.free.fr/Otakuland/BRIGHT.gif" target="_blank">http://otaconryu.free.fr/Otakuland/BRIGHT.gif</a>' }

  if (hour<=22) { document.image.src='<a href="http://otaconryu.free.fr/Otakuland/DARK.gif" target="_blank">http://otaconryu.free.fr/Otakuland/DARK.gif</a>' }

  if (hour<=1)  { document.image.src='<a href="http://otaconryu.free.fr/Otakuland/DARKTV.gif" target="_blank">http://otaconryu.free.fr/Otakuland/DARKTV.gif</a>' }

 
</HEAD>

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

| Alerter

Répondre à _sebastien_

_sebastien_

23 Octobre 2005 13:13:05

Citation :

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é

| Alerter

Répondre à _sebastien_

KangOl

23 Octobre 2005 13:25:12

fouch@IDN a dit :

me faudrait un truc genre:

<HEAD>

 
<script type="text/javascript">

 
function time() {

  hour=now.getHours();

  min=now.getMinutes();

  sec=now.getSeconds();

 
  if (hour<=20) { document.image.src='<a href="http://otaconryu.free.fr/Otakuland/BRIGHT.gif" target="_blank">http://otaconryu.free.fr/Otakuland/BRIGHT.gif</a>' }

  if (hour<=22) { document.image.src='<a href="http://otaconryu.free.fr/Otakuland/DARK.gif" target="_blank">http://otaconryu.free.fr/Otakuland/DARK.gif</a>' }

  if (hour<=1)  { document.image.src='<a href="http://otaconryu.free.fr/Otakuland/DARKTV.gif" target="_blank">http://otaconryu.free.fr/Otakuland/DARKTV.gif</a>' }

 
</HEAD>

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

| Alerter

Répondre à KangOl

_sebastien_

23 Octobre 2005 15:10:33

Citation :

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

| Alerter

Répondre à _sebastien_

Johan_et_Pirlouit

24 Octobre 2005 02:00:26

fouch@IDN a dit :

3) pas compris :heink:

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

fouch@IDN a dit :

if (hour<=20) { document.image.src='<a href="http://otaconryu.free.fr/Otakuland/BRIGHT.gif" target="_blank">http://otaconryu.free.fr/Otakuland/BRIGHT.gif</a>' }

if (hour<=22) { document.image.src='<a href="http://otaconryu.free.fr/Otakuland/DARK.gif" target="_blank">http://otaconryu.free.fr/Otakuland/DARK.gif</a>' }

if (hour<=1)  { document.image.src='<a href="http://otaconryu.free.fr/Otakuland/DARKTV.gif" target="_blank">http://otaconryu.free.fr/Otakuland/DARKTV.gif</a>' }

- 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) :

if (hour<=1)  { document.image.src='<a href="http://otaconryu.free.fr/Otakuland/DARKTV.gif" target="_blank">http://otaconryu.free.fr/Otakuland/DARKTV.gif</a>' }

if (hour>1 AND hour<=20) { document.image.src='<a href="http://otaconryu.free.fr/Otakuland/BRIGHT.gif" target="_blank">http://otaconryu.free.fr/Otakuland/BRIGHT.gif</a>' }

if (hour>20 AND hour<=22) { document.image.src='<a href="http://otaconryu.free.fr/Otakuland/DARK.gif" target="_blank">http://otaconryu.free.fr/Otakuland/DARK.gif</a>' }

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 :

if (hour<=1 AND hour>22)  { document.image.src='<a href="http://otaconryu.free.fr/Otakuland/DARKTV.gif" target="_blank">http://otaconryu.free.fr/Otakuland/DARKTV.gif</a>' }

| Alerter

Répondre à Johan_et_Pirlouit

_sebastien_

20 Novembre 2005 22:41:08

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

<script language="JavaScript">

         var d=new Date()

         document.write(d.getHours())

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

Par contre

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

Ca m'affiche pas l'image tel que ça le devrait... :heink:

Je persiste

| Alerter

Répondre à _sebastien_

_sebastien_

20 Novembre 2005 22:50:53

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

<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="<a href="http://otaconryu.free.fr/Otakuland/otakutitre2" target="_blank">http://otaconryu.free.fr/Otakuland/otakutitre2</a>"> 

</div>

 
<p align="center">     

<script language="JavaScript">

         var d=new Date()

         document.write(d.getHours())

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

</script></p>

 
</body>

</html>

| Alerter

Répondre à _sebastien_

rom950

23 Novembre 2005 08:47:20

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

| Alerter

Répondre à rom950

_sebastien_

24 Novembre 2005 09:11:37

ça affiche toujours pas l'image. Le probleme vient de

{ document.image.src="<a href="http://otaconryu.free.fr/Otakuland/DARKTV.gif" target="_blank">http://otaconryu.free.fr/Otakuland/DARKTV.gif</a>" }

je pense

| Alerter

Répondre à _sebastien_

KangOl

24 Novembre 2005 19:10:02

utilise getElementById

| Alerter

Répondre à KangOl

_sebastien_

24 Novembre 2005 20:42:06

Citation :

utilise getElementById

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

| Alerter

Répondre à _sebastien_

KangOl

24 Novembre 2005 20:51:40

ya pas plus simple...

i = document.getElementById("idimage");

i.src = "DARKTV.gif";

avec

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

| Alerter

Répondre à KangOl

_sebastien_

25 Novembre 2005 19:52:11

Citation :

ya pas plus simple...

i = document.getElementById("idimage");

i.src = "DARKTV.gif";

avec

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

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

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";

Par exemple

| Alerter

Répondre à _sebastien_

KangOl

25 Novembre 2005 20:23:46

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

| Alerter

Répondre à KangOl

_sebastien_

26 Novembre 2005 06:22:17

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

)

| Alerter

Répondre à _sebastien_

_sebastien_

27 Novembre 2005 07:02:41

Autre chose. Si vous regardez depuis la racine du site ( http://otaconryu.free.fr ), 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 ?

| Alerter

Répondre à _sebastien_

KangOl

27 Novembre 2005 10:31:35

regarde le code ...

| Alerter

Répondre à KangOl

_sebastien_

27 Novembre 2005 16:02:53

Y veut m'faire installer FF ?

Désolé, mais tant pis alors, je suis du IE[clan]

| Alerter

Répondre à _sebastien_

KangOl

27 Novembre 2005 16:39:58

non pas besoin d'installer FF, jsute d'observer le code...

et quand on fait un site, faut le tester sur tous les navigateurs... (du moins les plus populaires)

| Alerter

Répondre à KangOl

_sebastien_

28 Novembre 2005 03:37:39

Avec mon dreamweaver, il teste que sur ie, va falloir au moins installer FF pour voir je pense...

| Alerter

Répondre à _sebastien_