Menu déroulant en (X)HTML pur avec liens, est-ce possible ?

[George Abitbol]

Peut-on même mettre ce code PHP entre les balises d'entête HEAD ?

Je te l'ai dit, tu peux le mettre n'importe où. Pour la simple et bonne raison que la redirection se fera en premier, le code HTML ne sera jamais affiché dans le navigateur, et la notion même de HEAD ou de BODY n'a plus aucun sens. C'est une redirection faite côté serveur, la page pourrait ne contenir que le header() ou bien contenir 8 000 lignes de code HTML derrière, devant, ou autour, ça ne changerait strictement rien, ce code ne serait jamais envoyé au navigateur, à l'internaute ou au robot.

Et ne peut-on pas aussi rajouter l'élément A dans l'exemple de FightTheWar, afin de permettre l'indexation par Google des liens hypertextes, comme dans l'exemple ci-dessous :
[...]
Ou bien ça ne marche pas avec du PHP ?

PHP n'a rien à voir ici, mais ce code n'est tout simplement pas valide (pas de A dans une OPTION)

Si tu veux que les moteurs indexent ces liens, il te suffit de faire une page plan du site, ou bien d'ajouter ces liens en dur en bas de ton document.

Fred

[Fabrice P.]

Pour revenir à la toute première question, il est possible de faire un menu déroulant en HTML et CSS.

Si tu prends le code source de mon site (voir le WWW) tu auras un exemple.

Sinon tu cherches sur Googles : menu CSS HTML

[curieuxmann]

Oui Fabrice P. je sais, mais il y a des problèmes avec IE quand on utilise des CSS pour faire ce type de menus. Enfin c'est ce que j'ai lu sur un autre site...

[curieuxmann]

Et que faut-il rajouter pour que dans le menu déroulant le lien de la page actuellement active soit grisé et sans effet ?

Ne mettre pas mettre de valeur pour l'attribut option ?

Comme ça :

Code: Tout sélectionner

<option value="">anglais</option>

Et pour griser, le pense que l'on peut utiliser un sélecteur de classe dans une CSS, non ?

Genre :

Code: Tout sélectionner

gris { color: 666666; }

Code: Tout sélectionner

<option class="gris" value="">anglais</option>

Ou plus simplement :

Code: Tout sélectionner

<option class="gris">anglais</option>

C'est valide ça en XHTML strict ?


Ou bien je suis à côté de la plaque là ou pas ?

[George Abitbol]

Ne mettre pas mettre de valeur pour l'attribut option ?

Ceci n'empêchera pas de sélectionner l'option, mais effectivement aucune redirection n'aura lieu (avec mon bout de code, en tous cas). Ce qui ne change rien du tout en fait, puisque de toute façon il faudra recharger la page via le formulaire.

- option avec value de la page courante = redirection vers la page courante (donc on ne bouge pas)
- option sans value = pas de redirection, on reste sur la page courante (donc on ne bouge pas)

Et pour griser, le pense que l'on peut utiliser un sélecteur de classe dans une CSS, non ?

Code: Tout sélectionner

<option class="gris">anglais</option>

C'est valide ça en XHTML strict ?

Complètement valide. D'ailleurs, je ne sais pas si tu sais, mais il existe un validateur, ça te permettra de répondre toi-même à ce genre de questions (même pas besoin de mettre le fichier en ligne, ça marche aussi sur un fichier local).

Seulement là encore ce n'est pas parce que l'option est grise qu'elle sera non-sélectionnable. Le plus simple serait de ne pas l'afficher, non ?

Fred

[curieuxmann]

J'ai utilisé la méthode de FightTheWar avec le code PHP proposé par George Abitbol :

Code: Tout sélectionner

<form method="post" action="" enctype="multipart/form-data" id="post">
   <legend>S&lectionnez un groupe :</legend>
    <select name="groupes" size="1">
    <option>S&lectionnez un groupe :</option>
    <option class="gris">AA</option>
    <option value="../../groupes/ab/groupe_ab.html">&&&AB</option>
    <option class="gris">AC</option>
    <option class="gris">AD</option>
    <option class="gris">AE</option>
    [...]
    </select>
    <button id="submit" value="submit" type="submit">Ok</button>
   </form>


Code: Tout sélectionner

<?php
   if ( (isset($_POST['groupes'])) && ($_POST['groupes'] != '') ) { header('Location: '.$_POST['groupes']);
   }
   ?>

Mais j'ai une erreur 405 :

Method Not Allowed
The requested method POST is not allowed for the URL /groupes/ab/groupe_ab.html.

Que faire ??

[George Abitbol]

Ca veut dire que ton serveur n'est pas configuré pour autoriser la méthode POST sur les fichiers .html. De toute manière, puisque tu comptes utiliser du PHP dessus, ce fichier doit donc être un fichier PHP et pas un fichier HTML

Si tu ne veux pas toucher à ce fichier, envoie les données du formulaire sur un fichier php.

Fred

[curieuxmann]

Bonjour,

Maintenant ça marche comme je le souhaitais, c'est super !

Encore merci à vous tous pour vos aides, et en particulier à George Abitbol pour ses propositions de code PHP que j'utilise à présent.


Bon weekend.

[bratschi]

Bonjour, ceci est le premier message d'un débutant.
J'enseigne trois disciplines dans un lycée et j'aimerais insérer un menu déroulant avec lien ( sans exigence particulière sur HTML pur ou non ) pour permettre à mes élèves d'être dirigés directement sur la page qui les concerne spécifiquement.

Voici le code proposé, basé sur les réponses trouvées plus haut dans cette discussion:


<div class="disciplines">
<form method="post" action="mapage.php" enctype="multipart/form-data" id="post"> <select name="disciplines" size="1">
<option value="Maths.html">Maths</option>
<option value="Physics.html">Physics</option>
<option value="Tc.html">TC</option>
</select><button id="submit" value="submit" type="submit">
</form>
</div>


questions:

Si j'ai bien compris, ce code envoie le choix d'option dans "mapage.php"
Comment récupérer cette information ?
Peut-on la récupérer facilement sans connaissance de php ? si oui comment ?
Ne peut-on pas bricoler directement une URL à partir de : options values="choix.html" ?

merci d'avance.