Aller au contenu

Validation et Javascript

Perle d'Argent

Par Perle d'Argent
dans (X)HTML et CSS

 Partager

Sujets conseillés

Perle d'Argent

Perle d'Argent

Posté
Posté

Après en avoir bien bavé :wacko: j'ai terminé la validation de toutes mes pages HTML (enfin, je crois.... :unsure: )......

SAUF..... mes diaporamas, qui sont en javascript, et alors là ça me dépasse :yoot:

Bon, alors si un pro passe par là, ça me rendrait bien service.... ;)

Validator

Perle d'Argent

Perle d'Argent

Posté
  • Auteur
Posté

En fait, mon problème sur cette page vient des balises <LAYER> et <ILAYER> qui ne sont plus validées par le HTML4.

Par quoi puis-je les remplacer????

Là, il va bien y avoir quelqu'un, quand même.... ;)

Monique

Monique

Posté
Posté

Bonsoir Perle d'Argent,

Ton message m'avait échappé, je suis désolée :blush:

Effectivement, en utilisant les balises layer et ilayer, il est impossible de valider ton code :wacko:

Ces balises ont été introduites par Netscape lors de sa version 4, mais le W3C avait déjà prévu le positionnement à travers les feuilles de style.

Je vais regarder ton code, mais comme je n'ai jamais utilisé de diaporama, je ne peux pas te donner de réponse immédiate... je cherche.

Perle d'Argent

Perle d'Argent

Posté
  • Auteur
Posté

Merci Monique :D

Sur les conseils de Dan, j'ai sorti le script pour le mettre dans un fichier .js, ce qui allège la page. Restent donc ces LAYER :evil:

Voici le nouveau verdict du validator

L'auteur du script met effectivement en avant que c'est compatible NS.

Mais j'aimerais finir de valider, d'autant que j'ai plusieurs diaporamas, et que ce n'est pas fini ;)

Merci encore :)

Monique

Monique

Posté
Posté

Je ne vois pas de solution, si ce n'est d'utiliser un autre script...

Le validateur refusera toujours les balises layer et ilayer :(

Il y a bien celui-ci, mais ce n'est pas le même type de défilement... :wacko:

Cependant, il est valide, à condition de remplacer 

<script LANGUAGE="JavaScript">

par 

<script TYPE="text/javascript">

.

Perle d'Argent

Perle d'Argent

Posté
  • Auteur
Posté

Effectivement, ça marche et c'est valide!

Que le type de défilement ne soit pas le même n'est pas bien grave.

Mais petite question: où mettre mes balises ALT, qui sont bien utiles?

A part pour la première, où c'est évident?

Merci encore ;)

Monique

Monique

Posté
Posté

Bonjour Perle d'Argent,

Je suis contente que cela te convienne.

Par contre, pour l'attribut alt, seul un commentaire relatif à la série de photos est possible en effet.

Il est peut-être possible d'en obtenir un différent pour chaque image, mais il faudrait modifier le script... chose dont je ne suis pas capable :(

Fruge

Fruge

Posté
Posté

Bonjour (Coucou ;) ),

Pourrais-tu nous donner ce script, histoire de voir à quoi il ressemble ?

Fruge.

Perle d'Argent

Perle d'Argent

Posté
  • Auteur
Posté

Tiens, salut Fruge :D

Je n'avais pas jugé bon de remettre le script, vu que Monique avait mis le lien.

Donc voici:

SCRIPT

<!--

var timeDelay = 10;

var Pix = new Array

("photos/0.jpg"

,"photos/1.jpg"

,"photos/2.jpg"

,"photos/3.jpg" etc...

);

var howMany = Pix.length;

timeDelay *= 1000;

var PicCurrentNum = 0;

var PicCurrent = new Image();

PicCurrent.src = Pix[PicCurrentNum];

function startPix() {

setInterval("slideshow()", timeDelay);

}

function slideshow() {

PicCurrentNum++;

if (PicCurrentNum == howMany) {

PicCurrentNum = 0;

}

PicCurrent.src = Pix[PicCurrentNum];

document["ChangingPix"].src = PicCurrent.src;

}

//  End -->

Code HTML

<body OnLoad="startPix()">

<script type='text/javascript' src='scrollbar.js'></script>

<div align="center">

<H1>Quelques photos de Lou Salomé</H1>

  <TABLE width="80%" align=center border=0 summary="">

  <tr><td align="center">

<script type='text/javascript' src='diapo.js'></script>

<img name="ChangingPix" src="photos/0.jpg" alt="poeme">

etc...

Pour obtenir des balises ALT, en fait il faut rajouter dans le sript:

var aAlt = new Array;

aAlt[0] = 'poème';

aAlt[1] = 'bla;

aAlt[2] = 'bla;

aAlt[3] = 'bla; etc....

et aussi:

document["ChangingPix"].alt = aAlt[PicCurrentNum];

Ca marche! Reste un petit problème:

si on déplace le curseur à chaque fois sur la photo, le commentaire est bon. Si on laisse le curseur en place, il y a un vrai décalage au niveau des commentaires. Est-il possible de remédier à cela?

Démonstration ici

Anonymus

Anonymus

Posté
Posté

Bonsoir,

juste un petit probleme, les images n'ont pas le temps de se charger, qu'elles changent déjà. On a à peine un tiers de la photo.

A+.

Perle d'Argent

Perle d'Argent

Posté
  • Auteur
Posté

Tu n'as pas l'ADSL?

J'ai pourtant mis un délai de 12 s, ce qui me parait beaucoup!

Une solution est de laisser tourner le diaporama une fois....

Pour tout dire, je préfère largement, en comparant, l'autre type de diaporama, qui lui n'est pas valide. A titre de comparaison, et votre avis m'intéresse, il y en a un ici

Fruge

Fruge

Posté
Posté

Bonsoir,

Si on laisse le curseur en place, il y a un vrai décalage au niveau des commentaires. Est-il possible de remédier à cela?

Et bien, pour contrer ce problème (IE qui ne vérifie le contenu de la balise ALT que le curseur survole que si le curseur est déplacé), il suffirait de forcer l'internaute à déplacer sa souris.

Une solution consisterait par exemple à remplacer le "timer" par un lien "image suivante" qu'il faudrait cliquer : ca permet à IE de mettre à jour le contenu de la balise ALT (puisqu'il y a un déplacement),... et cela permet également d'être sûr que l'internaute à bien fini de charger l'image (cf. post de Anonymus ;) ).

Fruge.

Perle d'Argent

Perle d'Argent

Posté
  • Auteur
Posté

Oui, alors ça, il y a longtemps que j'y ai pensé!

Photo après photo et cliquer sur image suivante, j'en ai plein sur le site! Et ça, je sais faire!

Mais ça n'a plus rien à voir avec un diaporama. C'est donc pour moi un vrai choix, pour ces pages-là, de vouloir un vrai diaporama. Par ailleurs, même si je connais ta "dent" contre IE, la version précédente (non valide) permettait une lecture correcte des balises ALT sans déplacer le curseur. Même avec IE!

La question est donc plutôt la suivante:

doit-on préférer un diaporama relativement efficace, et non validé, ou un diaporama valide W3C, mais qui ne satisfait pas grand monde?????

Quelqu'un autait-il la réponse?

Fruge

Fruge

Posté
Posté
Photo après photo et cliquer sur image suivante, j'en ai plein sur le site! Et ça, je sais faire!

A titre indicatif, je parlais de faire ca dans une seule et même page web, pas sur plusieurs pages ("image suvante" ne voulant pas dire "page suivante"), comme ici.

En outre, je signale que ce système est valide pour le W3C (HTML 4.01 Transitional).

Et si c'est le caractère "automatique" qui te tient à coeur, cela s'adapte facilement...

Mais bon, comme tu le disais dans ton post précédent, tu connais déjà tout ca...

Fruge

Perle d'Argent

Perle d'Argent

Posté
  • Auteur
Posté

Asolument génial, ce que tu as fait là!

Tu parles de diaporama manuel, ce que, effectivement, je ne voulais pas! maintenant, si tu as des idées pour l'adapter en déroulant, pourquoi pas?

Dans l'état actuel des choses, et après discussion sur le chat hier soir, j'ai remis en place la version précédente, beaucoup plus agréable à tout point de vue.

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...