form et html transitional

[MonWeb]

Bonjour,

J'ai essayé pas mal de solution pour rendre un form compatible "htlm transitional" mais j'ai toujours un refus lors de la validation

le form en question est celui ci:

<FORM name=form1 onsubmit="return false">

<div align="center">

<SELECT name=dep size=1>

<OPTION selected>Conseil Regional</OPTION>

<OPTION value=../repertoire/sous-repertoire.htm>alsace</OPTION>

<OPTION value=../repertoire/sous-repertoire.htm>aquitaine</OPTION>

<OPTION value=../repertoire/sous-repertoire.htm>auvergne</OPTION>

</SELECT>

<INPUT name=submit type=image onclick=location.href=document.form1.dep.options[document.form1.dep.selectedInde

].value;

src="../images/bouton_ok.gif" alt="Conseil Regional dans les departements" width="40" height="20" cache>

</div>

</FORM>

Si quelqu'un a un form compatible "html transitional" je pourrai surement trouver l'erreur qui me bloque

Merci de votre aide

Thierry

Modifié 2 Décembre 2003 par thierryfrancois

[Monique]

Bonjour Thierry,

Dans l'élément form, tu dois absolument avoir l'attribut action.

Ceci sera validé : <FORM action="fichier.php" onsubmit="return false">

Ce pourrait être aussi une adresse mailto.

Les valeurs des attributs doivent être entre guillemets comme cette URL :

<OPTION value="../conseil-regional/conseil-regional alsace.htm">alsace</OPTION>

Pour en savoir plus à ce sujet

les spécifications avec des exemples

SELFHTML

Il te restera une erreur dans l'élément input...

Je cherche, mais ce n'est vraiment pas ma spécialité

Quelqu'un de plus qualifié passera peut être avant mon retour

[MonWeb]

Bonjour monique,

J'ai réussis avec tes renseignements à faire un form conforme W3C html transitional ci dessous

<FORM name=form1 method="post" action="">

<div align="center">

<SELECT name=dep size=1>

<OPTION selected>le choix du form</OPTION>

<OPTION value="../repertoire/page-01.htm">Ain</OPTION>

<OPTION value="../repertoire/page02.htm">Aisne</OPTION>

<OPTION value="../repertoire/page03.htm">Allier</OPTION>

</SELECT>

<input type=image src="../images/bouton_ok.gif" alt="image" name=Submit>

</div>

</FORM>

Mais il me reste un autre probleme

Pour Lyxn View c'est une page blanche et donc aucun lien pour les moteurs de recherche

Comment on peut faire ?

Merci de ton aide

Thierry

[Monique]

Bonjour Thierry,

C'est une colle ça

Ni un navigateur, ni un robot ne peuvent faire un choix dans un formulaire.

Si ce choix est indispensable pour suivre un lien...

Je ne vois pas d'autre solution que la présence des liens en dur quelque part sur la page

[MonWeb]

Bonjour Monique,

C'est vrai que ça parait bizarre, mais si je n'ajoute pas après </option> un paragraphe comme

<p><a href="../repertoire/page-01.htm">Conseil General Ain</a></p>

Lyxn View ne voit pas ce que contient le form, le probleme c'est que cette méthode renvoie une erreur W3C html transtional

Le form visible par Lyxn View est

<FORM name=form1 method="post" action="">

<div align="center">

<SELECT name=dep size=1>

<OPTION selected>le choix du form</OPTION>

<OPTION value="../repertoire/page-01.htm">Ain</OPTION>

<p><a href="../repertoire/page-01.htm">Conseil General Ain</a></p>

<OPTION value="../repertoire/page02.htm">Aisne</OPTION>

<p><a href="../repertoire/repertoire/page02.htm">Conseil General Aisne</a></p>

<OPTION value="../repertoire/page03.htm">Allier</OPTION>

<p><a href="../repertoire/page03.htm">Conseil General Allier</a></p>

</SELECT>

<input type=image src="../images/bouton_ok.gif" alt="image" name=Submit>

</div>

</FORM>

Et le form non visible est

<FORM name=form1 method="post" action="">

<div align="center">

<SELECT name=dep size=1>

<OPTION selected>le choix du form</OPTION>

<OPTION value="../repertoire/page-01.htm">Ain</OPTION>

<OPTION value="../repertoire/page02.htm">Aisne</OPTION>

<OPTION value="../repertoire/page03.htm">Allier</OPTION>

</SELECT>

<input type=image src="../images/bouton_ok.gif" alt="image" name=Submit>

</div>

</FORM>

Tu en pense quoi ?

Thierry

Modifié 2 Décembre 2003 par thierryfrancois

[Monique]

Voilà, je me doutais bien que je trouverais la solution dans la documentation sur l'accessibilité !

Si Lynx Viewer ne sait pas suivre ton lien, un non voyant ne le pourrait pas non plus

Il s'agit bien d'un problème lié au JavaScript.

Cette solution pourra peut être t'aider.

PS : un élément FORM ne peut contenir que des contrôles comme INPUT, SELECT, TEXTAREA, et BUTTON... donc pas de P

[MonWeb]

Bonjour Monique,

Désolé d'avoir pris un peu de temps pour te tenir au courant

J'ai cherché une solution mais sans resultat

Il ne me reste que 3 pages non conforme aux standarts W3C

dont la page *h**p://***.conseil-general.c*m/conseil-general/conseil-general.htm

J'ai une map qui est conforme W3C mais invisible pour delorie

1 form visible pour delorie mais non conforme W3C

Pour moi la solution idéale serait de pouvoir rendre visible la map par delorie puisqu'elle est conforme W3C et rendre le form visible par delorie et conforme W3C.

Mais il semble que c'est pas si simplement que ça

Dommage je touche presque au but et je bloque pour 3 pages sans trouver de solutions

Cordialement

Thierry

[Monique]

Bonjour Thierry,

Pour placer des liens dans une liste déroulante, tu dois absolument faire appel au JavaScript.

Voilà un exemple que tu peux prendre pour modèle.

Pour que les liens soient accessibles même si le JavaScript est désactivé, tu dois utiliser les balises <noscript>...<\noscript> en complément.

Sur le même site, tu trouveras des explications pour ton image map

[MonWeb]

Bonjour monique,

Jai fais un copier/coller du form et de la map dans ton exemple et jai testé sur Delorie

http://www.delorie.com/web/lynxview.cgi?ur...st-form-map.htm

Le problème est identique le form naffiche rien sur Delorie, il ny a pas de liens actifs

Ce nest pas de la mauvaise volonté mais je comprend pas ou tu veux en venir avec cet exemple

As tu une autre solution ?

Bonne journée

Cordialement

Thierry

[Dan]

Salut Thierry,

Je pense qu'il doit y avoir un problème de compréhension en ce qui concerne les formulaires.

Aucun moteur/robot ne remplira jamais de lui-même un formulaire, quel qu'il soit.

De la même manière qu'un robot ne suivra pas un lien dans une liste déroulante qu'elle soit écrite en Javascript ou à l'aide d'un <select>...<option....>.

Si tu veux que les liens puissent être suivis, il faudra revoir ta page sur un plan conceptuel, tu n'as malheureusement pas le choix.

Dan

[MonWeb]

Salut dan,

ça solutionne mon problème pour le form car la raison d'être était qu'il soit suivi par les moteurs, je vais donc faire une page intermédiaire et afficher les liens en dur

Est que c'est la même chose pour une map ?

Comment on fait pour que Delorie affiche les liens d'une map ?

Je comprends pas pourquoi il n'affiche même pas les alt="nom du lien"

Cordialement

Thierry

[Monique]

Bonjour Thierry,

Si j'ai bien vu, les liens de ton image map et ceux de la liste déroulante sont les mêmes ?

Dans ce cas, si ces liens se trouvent en dur dans les balises <noscript>...<\noscript> du formulaire, n'est-ce pas suffisant ?

[Dan]

Salut Thierry,

Delorie (en fait Lynx) n'affiche pas les liens d'une image map, pour la simple raison que ce navigateur ancien ne les comprend pas. Il n'y a donc rien à faire, car il ne les affichera jamais.

Ces mêmes liens ne seront généralement pas suivis par les moteurs de recherche, pour la même raison.

Dan

[MonWeb]

Bon je crois que la page intermediare devrait résoudre tout ça avec des liens en dur, ce qui permettra aussi au mal-voyant de trouver un conseil general plus facilement.

Merci pour tes conseils et aussi à Monique pour son aide

Cordialement

Thierry