Comment adapter un script

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

reilo
Gecko
Messages : 62
Inscription : 19 janv. 2009, 22:30

Comment adapter un script

Message par reilo »

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>
Macmini combo - OS X 10.4.11 & OS 9.2
MacBook OS X 10.5.8
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Re: Comment adapter un script

Message par chinon37 »

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.
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
reilo
Gecko
Messages : 62
Inscription : 19 janv. 2009, 22:30

Re: Comment adapter un script

Message par reilo »

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
Macmini combo - OS X 10.4.11 & OS 9.2
MacBook OS X 10.5.8
reilo
Gecko
Messages : 62
Inscription : 19 janv. 2009, 22:30

Re: Comment adapter un script

Message par 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
Macmini combo - OS X 10.4.11 & OS 9.2
MacBook OS X 10.5.8
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Re: Comment adapter un script

Message par chinon37 »

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
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
reilo
Gecko
Messages : 62
Inscription : 19 janv. 2009, 22:30

Re: Comment adapter un script

Message par reilo »

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
Macmini combo - OS X 10.4.11 & OS 9.2
MacBook OS X 10.5.8
reilo
Gecko
Messages : 62
Inscription : 19 janv. 2009, 22:30

Re: Comment adapter un script

Message par 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
Macmini combo - OS X 10.4.11 & OS 9.2
MacBook OS X 10.5.8
reilo
Gecko
Messages : 62
Inscription : 19 janv. 2009, 22:30

Re: Comment adapter un script

Message par 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
Macmini combo - OS X 10.4.11 & OS 9.2
MacBook OS X 10.5.8
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 8 invités