Geckozone

Bonjour à tous,
Je teste actuellement le logiciel < Kompozer > avant utilisation vraisemblable.

A ce propos je souhaiterais savoir comment utiliser le menu déroulant simple, en copie jointe ( image1 ) pour une fenêtre, de façon à obtenir plusieurs fenêtres horizontalement et non verticalement.

Lorsque je dépose ce menu au fur et à mesure sur la page source, les fenêtres sont présentées verticalement.

Merci pour toute orientation !
@ +
reilo
image 1 :
Vous placez le code suivant à l'endroit désiré où vous voulez afficher la liste déroulante entre les balises <body> et </body>.

<script language="JavaScript">
function fonction1(form) {
var var3=form.menuchoix.selectedIndex
if (form.menuchoix.options[var3].value != "0") {
location=form.menuchoix.options[var3].value;}
}
</script><form NAME="form1">
<select NAME="menuchoix" onChange="fonction1(this.form)" SIZE="1">
<option SELECTED VALUE="0">Rubrique 1</option>
<option VALUE="http://www.swisstools.net">Swisstools.net</option>
<option VALUE="http://fr.yahoo.com/?p=us">Yahoo!</option>
<option VALUE="http://www.av.com">Altavista</option>
</select></form>

image 2 :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Essai</title>

</head><body>
<br>

<script language="JavaScript">
function fonction1(form) {
var var3=form.menuchoix.selectedIndex
if (form.menuchoix.options[var3].value != "0") {
location=form.menuchoix.options[var3].value;}
}
</script>
<form name="form1">
<select name="menuchoix" onchange="fonction1(this.form)" size="1">

<option selected="selected" value="0"> Rubrique 1 </option>
<option value="http://www.swisstools.net">Swisstools.net</option>
<option value="http://fr.yahoo.com/?p=us">Yahoo!</option>
<option value="http://www.av.com">Altavista</option>
</select>
</form>

<br>

<script language="JavaScript">
function fonction1(form) {
var var3=form.menuchoix.selectedIndex
if (form.menuchoix.options[var3].value != "0") {
location=form.menuchoix.options[var3].value;}
}
</script>
<form name="form1">
<select name="menuchoix" onchange="fonction1(this.form)" size="1">
<option selected="selected" value="0">Rubrique 2</option>
<option value="http://www.swisstools.net">Swisstools.net</option>
<option value="http://fr.yahoo.com/?p=us">Yahoo!</option>
<option value="http://www.av.com">Altavista</option>

</select>
</form>

</body></html>

Bonjour,
Est-il vraiment nécessaire de passer par du javascript pour un menu déroulant?
Il est beaucoup plus simple de faire ça en Html et css.
Des exemples sont donnés ici (http://fabiwan.kenobi.free.fr/css/NestedLists.html#) . ceux-ci: drop-down, galad, horizontal, isoLyon devraient te convenir.

Bonjour
et merci Chinon37
pour ces infos que je vais bien sûr examiner.

Effectivement, je n'ai aucun atome crochu avec le javascript !
j'avais trouvé cette formulation sur le Net qui fonctionnait pour un menu déroulant vertical après essai, et c'est la raison qui m'a poussé à poser la question.

Merci encore Chinon37, d'autant plus que ce n'est pas la première fois que tu me dépannes ! ! !

je te tiendrai informé des résultats de mes essais !

@ + reilo

Re Bonjour Chinon37,

Me re voici car je ne dois pas faire ce qu'il faut ! ! !

J'ai bien trouvé le site que tu indiques et me suis orienté immédiatement sur la rubrique présentant les modèles :
Drop Down, Galad, horizontal,

Ce serait exactement ce que je rechercherais en fonction du modèle présenté en haut de page.

Par contre lorsque je place la partie située dans la zone grise sur la page Source entre les <body> je ne retrouve pas la présentation ! !

je n'ai pas dû faire ce qu'il fallait ! !

Merci de m'orienter car, j'ai bien l'impression que je ne suis pas loin du but recherché !
@ +

reilo

Bonjour,

Insérer le code source n'est pas suffisant. Il faut également importer la feuille de style adéquat.
Les feuilles de style sont ici:
Drop Down: http://fabiwan.kenobi.free.fr/css/menus/pDropDown.css
Galad: http://fabiwan.kenobi.free.fr/css/menus/pGalad.css
horizontal: http://fabiwan.kenobi.free.fr/css/menus/pHorizontal.css

Bonjour à tous
et en particulier Chinon37.

Ci-dessous la copie de la page de Kompozer où j'ai copié le script < galad >.
Copie à partir de < body >
Le résultat n'étant pas au rendez-vous, comme présenté sur le site proposé, quelle est l'anomalie qui pourrait expliquer cela ?

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>galad</title>
</head>
<body>
<ul class="navlist">
<li> <a href="#">Chapitre un</a>
<ul>
<li><a href="#">un :: sub A</a></li>
<li><a href="#">un :: sub B</a></li>
<li><a href="#">un :: sub C</a></li>
<li><a href="#">un :: sub D</a></li>
</ul>
</li>
<li> <a href="#">Chapitre deux</a>
<ul>
<li><a href="#">deux :: sub 1</a></li>
<li><a href="#">deux :: sub 2</a></li>
<li><a href="#">deux :: sub 3</a></li>
<li><a href="#">deux :: sub 4</a></li>
</ul>
</li>
<li> <a href="#">Chapitre trois</a>
<ul>
<li><a href="#">trois :: sub alpha</a></li>
<li><a href="#">trois :: sub beta</a></li>
<li><a href="#">trois :: sub gamma</a></li>
</ul>
</li>
<li> <a href="#">Chapitre quatre</a>
<ul>
<li><a href="#">quatre :: sub I</a></li>
<li><a href="#">quatre :: sub II</a></li>
<li><a href="#">quatre :: sub III</a></li>
<li><a href="#">quatre :: sub IV</a></li>
<li><a href="#">quatre :: sub V</a></li>
<li><a href="#">quatre :: sub VI</a></li>
</ul>
</li>
</ul>
<br>
<br>
</body>
</html>

Merci de m'orienter afin que je puisse poursuivre mes essais !
Curieux, je n'arrive pas à joindre de fichier joint !
@ +

reilo

Re Bonjour Chinon37

Je viens de m'apercevoir que je n'avais pas suivi ton dernier conseil à propos de la feuille de style.

je vais regarder cela.

Excuse moi de t'avoir relancé à ce sujet.

Je m'aperçois que c'est une vrais usine à gaz ! !

@+ reilo

Bonjour Chinon37

je m'aperçois qu'il me faut avancer davantage dans le bouquin de Kompozer avant de me poser des questions et de te les poser par voie de conséquence ! ! !
Je vais donc me mettre en position d'analyse !

Je n'ai pas réussi non plus à trouver comment stopper ce Post avant de revenir le cas échéant plus tard !

Merci encore Chinon37 pour toutes tes orientations que je mets de côté.

@ + reilo

Geckozone

Comment adapter un script

Comment adapter un script

Re: Comment adapter un script

Re: Comment adapter un script

Re: Comment adapter un script

Re: Comment adapter un script

Re: Comment adapter un script

Re: Comment adapter un script

Re: Comment adapter un script