menu déroulant

[reilo]

Bonsoir,
Je viens de vivre un coût d’arrêt dans mon apprentissage de Kompozer ! !
Le chapitre 4 du livre de JM JUIN terminé, je me suis senti ‘ presque prêt ‘ à affronter la création d’un site test avant de poursuivre.

Ainsi que je l’avais déjà indiqué lors d’une autre question, j’ai commencé à refaire à l’identique ce que j’ai déjà mis en place dans un site perso à l’aide de PageMill 3. Tout se passait parfaitement jusqu’au moment où j’ai eu besoin de la mise en place d’un menu déroulant horizontal ! ! !

Et là, Cata ! Je n’ai pas réussi à loger dans un cadre ( frame ) un menu déroulant que j’avais installé avec un script sur Page Mill ! !
Le menu est bien présent et répond correctement compte tenu d'une petit adaptation du script, mais je ne le vois plus après avoir obtenu la fenêtre de l'adresse recherchée !
Le retour est plus fastidieux, la notion de menu n’est alors plus nécessaire, mais quelle lourdeur pour une visite !
J’ai tenté plusieurs pistes : tableau à 2 cases, page + tableau à 1 case , … et j’ai découvert dans l’historique de Kompozer que chinon 37 ou Gagea annonçait que la création d’un frame n’était pas possible avec Kompozer.

1- Ai-je vraiment compris l’information ? ( Sur Page Mill, c’est tellement simple ! )
2- Dois-je vraiment maîtriser CSS pour créer un menu ?
3- Le site http:// josar.free.fr … évoqué dans un des messages de l'historique est-il exploitable avant ou après examen du livre ?
CSS me semble en effet assez touffu lors d'une lecture en diagonale ! ! !

Merci pour vos orientations optimistes !
@ +
reilo

[Ymai]

Bonjour

J’ai tenté plusieurs pistes : tableau à 2 cases, page + tableau à 1 case , … et j’ai découvert dans l’historique de Kompozer que chinon 37 ou Gagea annonçait que la création d’un frame n’était pas possible avec Kompozer.

1- Ai-je vraiment compris l’information ? ( Sur Page Mill, c’est tellement simple ! )

Tout à fait. Les "frames" (cadres) sont une technique obsolète: http://openweb.eu.org/articles/finir_cadres . Sans doute cette version de Page Mill est-elle ancienne?

2- Dois-je vraiment maîtriser CSS pour créer un menu ?

Oui. En tous les cas, pour réaliser un menu qui tienne la route. Encore mieux, un peu de PHP (qui n'est pas évoqué dans l'ouvrage, déjà bien fourni, de JMJ)

3- Le site http:// josar.free.fr … évoqué dans un des messages de l'historique est-il exploitable avant ou après examen du livre ?

Oui. Sans problème.

CSS me semble en effet assez touffu lors d'une lecture en diagonale ! ! !

Il faut passer à côté de cette première impression.
Voici une autre référence, sans doute moins "touffue":

Merci pour vos orientations optimistes !

Always look at the bright side of life

[chinon37]

Voici une autre référence, sans doute moins "touffue":

Où ça, où ça ??

[Ymai]

Où ça, où ça ??

Bouah... J'ai dû m'endormir dessus...
http://info.sio2.be/kpz/2/ voire http://info.sio2.be/kpz/4/

[reilo]

Bonjour
et merci à Ymail de m'avoir orienté de la sorte avec mult détails ainsi qu'à chinon37 qui l' empêché de s'endormir sur le site moins touffu ! ! !
Je vois ce qu'il me reste à faire, et il est bien dommage que les frames ne s'utilisent pas avec Kompozer car avec PageMill ( qui date au moins de 2000 ) c'est du niveau d'un enfant de 5 ans voire moins !
Donc il me reste :
- à rechercher un enfant de 5 ans ! En tant que papy je pourrais tester avec mes petis enfants.
- à prendre la vie du bon côté comme le précise Ymail
- à examiner le site proposé par Ymail sans m'endormir dessus ! !

j'ai comme l'impression que je vais de nouveau apparaître prochainement sur le Forum !

@ +

reilo

[reilo]

Hello Ymail !

Lorsque je lis le texte du fichier en copie jointe trouvé à l'adresse suivante :

http://css.developpez.com/tutoriels/menu-deroulant/

j'aurais plutôt tendance à m'éclipser, même en ' loocking at the bright side of life.'

je souhaiterais avoir ton avis sur la question !

Merci pour ton intervention !

@ +

reilo

Menu !.jpg

[Ymai]

Bonjour
Je vais me pencher sur cette lecture. A priori, je répondrais immédiatement par une autre référence: http://fabiwan.kenobi.free.fr/css/NestedLists.html

[edit]Et puis, il reste aussi l'incontournable http://josar.free.fr/tutoKompozer/MenusPlan.html qui explique la même chose, mais en détaillant mieux [/edit]

[Ymai]

PageMill ( qui date au moins de 2000 ) c'est du niveau d'un enfant de 5 ans voire moins !

Ce qui lui fait 15 ans aujourd'hui. Disqualifié.

Plus sérieusement...
Je ne connais pas Page Mill. Et j'espère qu'il n'est pas du même tonneau que d'autres logiciels comme FrontPage qui permettaient de monter, en trois clics de souris, des sites web carrément bling-bling.
Malheureusement, hors du code préfabriqué, point de salut.
Frontpage est à KompoZer ce que MacDo est à une p'tit restau que je connais juste en-dessous de Chavignol.

Je ne mets pas en cause Page Mill; simplement, il ne faut pas confondre simplicité d'emploi et capacités du logiciel.
Avec Kpz, on peut faire du fast food, mais on peut aussi mitonner ses petits plats.

[reilo]

Bonjour Ymail

Merci pour tes remarques intéressantes qui vont certainement me pousser à débroussailler tout de même le CSS pour au moins vérifier si la plupart des navigateurs permettent l'utilisation d'un menu horizontal.

Je serais effectivement vraiment déçu, si j'arrivais à créer un site non exploitable par mes lecteurs dans le cadre d'une association d'anciens élèves.
Et avant de reprendre sur Kpz le site actuellement opérationnel ( sur PageMill ! ! ! ) je ferai des tests avec un site de quelques pages + menu.

Mes premiers essais de réalisation de menu sur Kpz m'ont permis de mettre en place un menu horizontal à l'aide d'une adaptation de script très simple que j'avais bidouillé sur PageMill, sans être, loin de là, un spécialiste de scripts !

Par contre, ce menu n'apparaît plus lorsqu'une page ou un site est appelé et se présente.
La question de supunna à propos de la propriété d'un lien est assez proche !

Peut-on avoir comme cible une case d'un tableau à 2 cases ?
Si oui, la question esr réglée ! ! !
Il serait sans doute nécessaire d'ouvrir un nouveau sujet.

je pourrais le cas échéant te faire parvenir le modèle simple de script que j'ai testé sur Kpz.
Il s'agit de celui que j'utilise avec comme cible un cadre, et où j'ai supprimé l'info concernant le cadre ! ! !
@ +
reilo

[chinon37]

Bonjour,

oui, bien sûr, on peut avoir pour cible une cellule d'un tableau à 2 cellules: il suffit de placer une ancre dans cette cellule et de faire pointer le lien vers cette ancre
Mettre le curseur dans la cellule vers laquelle on veut pointer > ancre > donner un nom (par exemple "cible")
aller sur l'élément de menu qui doit renvoyer vers cette cellule > créer un lien > dans l'adresse du lien, mettre #cible et ça devrait marcher

.... mais personnellement, je ne sens pas trop cette mise en page (avis personnelle qui n'engage que moi, ... et encore!!)

[reilo]

Bonjour chinon37

Merci pour tes dernières propositions.
Cependant, le résultat n’est pas à la hauteur de ce que je pensais !
J’ai pourtant fait et refait ce que tu m’as proposé ; En fait, j’obtiens bien la page ou le site que j’ai localisé sur le menu déroulant, mais le résultat se présente dans une autre page !
Qu’il y ait ou non une ancre, j’arrive au même résultat.

Si tu as un moment pour examiner cette question, tu trouveras ci-dessous à propos de mes essais :

- la copie partielle d'une page montrant le résultat obtenu sur la page après clic sur ‘ Navigateur ‘.
- Le script utilisé sur la même page avec Kpz.
- Le script utilisé sur une page avec PageMill. ( la partie en gras orientant vers un frame a été supprimée pour l’application sur Kpz )

Je ne suis pas un spécialiste de script, mais cela fonctionne.
Il serait sans doute nécessaire de trouver ce qui pourrait remplacer la partie écrite en gras pour atteindre une zone cible particulière.
Pour le cas qui me préoccupe, il s’agirait d’une zone définie par une grande cellule d’un tableau à 2 cellules.

Merci de me dire ce que tu en penses et le cas échéant, dois-je ouvrir un autre post ?

@+
reilo

[Ymai]

Bonjour
Serait-il possible de poster le code lui-même plutôt que les images du code ? Là, j'ai un peu de mal à suivre. Ce serait mieux de pouvoir tester pour de vrai.

[edit]Comme ça, à vue de nez, il me semble que le "menu horizontal" proposé par Page Mill est beaucoup trop complexe. C'est un canon anti-char pour écraser un moustique. Il n'y a pas besoin de Javascript pour faire le boulot.[/edit]

[reilo]

Bonjour Ymai,
Merci d'avoir pris au vol cet essai.
Je ne souhaitais pas encombrer le Forum avec des copies de scripts souvent très longs.

Ci-après, tu trouveras une copie de la page ' menu ' que j'ai mise en place sur Kpz pour tester et faire mes essais avec 3 menus seulement.
Tu devrais pouvoir joindre les adresses de serveurs ou de sites que j'ai mentionnées, à partir d'un fichier Kpz où tu peux inserrer la page source ci-dessous : mon site d'essai : http://pienic.free.fr
Il me semblait pourtant assez court et facilement reconductible par copier / coller.
Je l''avais trouvé initialement pour un menu vertical.
Je l'ai simplement recopié plusieurs fois vers le bas et cela s'est transformé en menu déroulant horizontal ! !
( juste petite différence entre ce qui est fait avec PageMill et avec Kpz pour la page cible : voir ligne du script après ' select name=" " )
Pour le 3 è menu je n'ai pas tout indiqué sur mon site test.
Tu me diras ce que tu en penses.
@ +
reilo

Copie complète de la page source ' menu '.

Code : Tout sélectionner

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>menu</title>
</head>
<body>
<form>
<select name=" "
onchange='window.location=eval("this.options[this.selectedIndex].value")'>
<option value="premier.html" selected="selected">PREMIER MENU </option>
<option value="http://abasm.free.fr">ABASM </option>
<option value="http://yahoo.fr">YAHOO </option>
<option value="http://portail.free.fr">FREE </option>
<option value="http://www.voila.fr">VOILA </option>
</select>
<select name=" "
onchange='window.location=eval("this.options[this.selectedIndex].value")'>
<option value="second.html" selected="selected">SECOND MENU</option>
<option value="http://portail.free.fr">FREE </option>
<option value="http://www.voila.fr">VOILA </option>
<option value="http://pienic.free.fr/Test 1.html">TEST 1 </option>
<option value="http://pienic.free.fr/cadre 4.html">CADRE 4 </option>
</select>
<select
onchange='window.location=eval("this.options[this.selectedIndex].value")'>
<option value="troisieme.html" selected="selected">TROISIEME MENU</option>
<option value="Trads/PgBapt.html">BAPTEME </option>
<option value="Trads/508/Pg508.html">508 </option>
<option value="Trads/PgParr1.html">KIN 132 </option>
<option value="Trads/PgZano.html">VIDEO 60 </option>
<option value="DossierA/Page4.html">Page4 </option>
</select>
</form>
<br>
<br>
</body>

[Ymai]

OK, vu...
Mais je crains que ce Javascript ne permette pas de viser tel ou tel élément de la page en cours (une cellule dans un tableau, par exemple).

Code : Tout sélectionner

window.location=("blabla.html") 

a pour effet de remplacer tout le contenu de la page actuelle par le contenu de la page "blabla.html". Que cette page soit référencée directement comme je le fais ici ou que l'adresse soit "calculée" par Javascript comme c'est le cas dans la page d'exemple.
Il y a moyen d'arriver au résultat escompté en Javascript, mais cela demandera d'aller approfondir un peu du côté d'Ajax (à bosser en plus de Javascript).
A mon sens, plus difficile d'accès que CSS.

A moins que quelqu'un me démente, je pense donc que ce Javascript est une voie sans trop d'issue.

[reilo]

Bonsoir et Merci Ymai
Je ne vais certainement pas m'attaquer à Ajax ! ! ! , mais :
- je vais tout de même commencer CSS
- et tenter de retrouver la ou les personnes qui m'avaient orienté vers le script avec PagMill
car le contexte de Kompozer semble bien agréable à utiliser.
Et puis il existe sans doute d'autres chemins !

Dommage que je sois tombé sur cette épine !
Sans doute à bientôt.
@ +
et merci encore pour ta participation.

reilo