Script sur logiciel KOMPOZER

reilo Messages postés 54 Date d'inscription   Statut Membre Dernière intervention   -  
reilo Messages postés 54 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
J’interviens sur MAC – OS X 10.4.11 ( et OS 9.2 )

Voici une question concernant l’adaptation d’un script similaire que j’utilise pour un de mes sites perso créé à partir de PageMill 3.0.
Je souhaiterais m’orienter vers le logiciel KOMPOZER afin de pouvoir m’affranchir de la non acceptation par OS X 10.5 (Léopard ) de la présence de OS 9.2 à ses côtés ! !
( PageMill fonctionne avec OS 9.2 )

J’ai commencé à créer un site test avant de tout transformer.
J'ai des difficultés pour la transposition d’un menu déroulant horizontal vers une page de Kompozer.

Ci-dessous, une copie de la source d’une page d’essai préparée sur Kompozer.
J’ai repris le script utilisé avec PageMill 3. en supprimant la partie en gras sur la copie de la ligne correspondante du script sur PageMill , puisque je ne peux pas construire de frame avec Kompozer.

onChange='window.parent.frames[1].location=eval("this.options[this.selectedIndex].value")'>

Par quel élément dois-je remplacer la partie en gras afin d’orienter la cible vers la seconde cellule d’un tableau à 2 cellules sur une page Kompozer. ( la première cellule, étroite, serait utilisée pour loger le menu déroulant horizontal, la seconde cellule aurait alors la dimension maximale sur la page pour recevoir un site ou la page recherchée )
Sans doute utopique, mais on peut rêver avant de trouver une autre solution !

En supprimant la partie en gras, le menu fonctionne avec Kompozer, MAIS la page ou le site appelé se présente sur une page indépendante et le menu horizontal est masqué ; -((((
Voir sur mon site TEST : http://pienic.free.fr
Ou bien tester sur une page vierge de Kompozer.

Merci de m’orienter afin de savoir si l’opération est réalisable !
Il semblerait qu’une solution soit possible via la technique CSS que je ne connais pas, mais qu’elle ne semble pas être acceptée par tous les navigateurs !
Suis- condamné ?
Toute autre solution sera la bien venue !

Merci de m'avoir lu jusqu'au bout !
@ +
reilo

Copie de la source de la page ' menu.html ' sur Kompozer de mon site d'essai :

<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://www.abasm.asso.fr/">ABASM </option>
<option value="https://fr.yahoo.com/">YAHOO </option>
<option value="https://portail.free.fr/">FREE </option>
<option value="https://www.118712.fr/sortir.html">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="https://portail.free.fr/">FREE </option>
<option value="https://www.118712.fr/sortir.html">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>



A voir également:

6 réponses

midnnight Messages postés 484 Date d'inscription   Statut Membre Dernière intervention   38
 
Je ne répondrais pas à tout, mais essaies de mettre ça à la place de tes tableaux, ce sera mieux et tu seras plus à l'aise pour reprendre ton template (je pense) ça te fait tout reprendre, mais bon, c'est valide.
(euh, je veux dire, colle ça(=>source) dans un nouveaux document "komposer" testes le et ajoutes tes codes textes et images dedans, il vaut mieux ne plus utiliser les tableaux pour ce type de travail)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Date de création: 22/08/2009 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>ton titre</title>
 <meta name="description" content="###" />
  <meta name="keywords" content="###" />  
 <meta name="author" content="toi" />
<meta name="generator" content="###" />

<style type="text/css">
body {
background-color: rgb(255, 255, 255); 
background-image: url(fonds/FJOmbre.gif);
alink:000099;
link:000099;
vlink:990099;
}
#container
{
width:100%;
height:644px;
border:dashed 1px darkblue;
}
#gauche
{
width:30%;
height:643px;
float:left;
border:solid 1px red;
}
#droite
{
float:top;
width:60%;
height:643px;
margin-left:31%;
border:solid 2px green;

}
</style>
</head>
<body>
<div style="width:100%;height:100%;margin-left:auto;margin-right:auto;>
<div id="container">
<div id="gauche">tralala"</div>
<div id="droite">yop !!!!</div>
</div>
</body></html>

A+++
0
reilo Messages postés 54 Date d'inscription   Statut Membre Dernière intervention   2
 
Bonjour Midnnight,

Merci pour cette proposition que je viens de mettre en place et qui fait bien apparaître 2 zones distinctes côte à côte et verticales.
- Lorsque tu auras un moment, pourrais-tu m'aider pour une présentation horizontale ?

- et tu me dépannerais bien en voulant bien m'aider à positionner une seul des liens mentionnés sur le script présenté. je tenterai de travailler sur le reste en non spécialiste que je suis !

Merci pour ce que tu pourras me proposer.

Je vais cependant voir ce que je peux faire seul ! ! !

@ +

reilo









0
midnnight Messages postés 484 Date d'inscription   Statut Membre Dernière intervention   38
 
Content d'avoir pu t'aider.
Pour la présentation "horizontale" il me faut + de détails (si les mots ne vont pas, fais moi un lien avec des tableaux, je le transcrirais avec <div>+css valide) mais normalement si tu comprends ce que j'ai écris, tu devrais pouvoir maintenant faire beaucoup de choses avec les <div></div> et le css (qu'il faudra mettre dans une feuille de style)...
Pour ton prob de liens, je suis pas sûr de tout comprendre de ce que tu veux faire et de +, malheureusement, je ne suis pas bon en javascript et je pense que c'est ça qu'il te faut.
0
reilo Messages postés 54 Date d'inscription   Statut Membre Dernière intervention   2
 
Bonjour Midnnnight

Merci pour tes infos.
Je vais cependant poursuivvre mon apprentissage avec CSS pour comprendre les div en particulier.
Je reviendrai donc sur le Forum ultérieurement et j'ai fait une copie de ce que tu as indiqué.

Ce que je souhaitais, en 2 mots :
Retrouver avec Kompozer ce que je fais actuellement avec PageMill 3 pour obtenir sur la même page :
- en haut, les menus horizontaux
- au millieu, ce que j'ai lancé comme lien : une page ou un site.

@ +

reilo





0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
midnnight Messages postés 484 Date d'inscription   Statut Membre Dernière intervention   38
 
Ok, alors voila :
<?xml version="1.0" encoding="windows-1252"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Date de création: 27/10/2009 par midnnight à 23h54 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title></title>
<style type="text/css">
#container
{
width:900px;
height:600px;
margin-left:auto;
margin-right:auto;
border:dashed 1px red;
}
#banniere
{
width;100%;
height:150px;
background-image:url(imgs/BG1.gif);
border:dashed 1px blue;
}
#menu_fixe
{
width;100%;
height:50px;
border:dashed 1px purple;
}
#mon_txt_scroll
{
margin-left:130px;
width:770px;
height:400px;
text-align:left;
padding-left:10px;
border:solid 1px yellow;
overflow-y:scroll;
}
#marge
{
position:absolute;
margin-left:1px;
text-align:left;
width:120px;
height:400px;
background-color:blue;
border:solid 2px black;
}
</style>
</head>
<body>

<div id="container">
<div id="banniere">hhh</div>
<div id="menu_fixe">Mon menu fixe</div>
<div id="marge">GAUCHE /<br />
(sous menu, infos)<br />...</div>
<div id="mon_txt_scroll">
TEXTE :<br />
<h1>Titre article</h1>
<p>Contenu.</p>
</div>
</div>

</body>
</html>
(vérifié dans IE, FF, Opéra dernières versions)
Alors, comme tu fais, pas de copié collé sans essayer de comprendre, il va falloir de toute façon que tu adaptes tes dimentions et les couleurs des bordures...(j'ai mis un "overflow-y", retires le si tu n'en veux pas dans "mon_text_scroll" et adaptes le "height" à tes besoins.
Quand ce sera ok, mets ton CSS (balises "style") dans une feuille de style que tu nommes "css.css" puis fais un lien que tu places entre "head" et "head" comme ça :
<link href="css.css" rel="stylesheet" type="text/css" /> à la place. (tu as des sites et ici même ou il y a des tutos html-css)
Consultes la validité du site (W3C) régulièrement => http://validator.w3.org/ en entrant ton adresse http dans la case.
Ce que j'ai écris vite fait n'est peut être pas parfait, alors tu peux toujours améliorer...
Passe un lien à l'occasion que l'on voit si ton travail porte ses fruits...
A+++
(ps: attention, nvu komposer n'est pas universel, testes plutôt tes templates dans IE, FF et opera, voir safari)
0
reilo Messages postés 54 Date d'inscription   Statut Membre Dernière intervention   2
 
Bonjour Midnnight

Eh bien ta nouvelle mouture se présente bien puisque j'ai réussi à loger un exemple de menu déroulant à 3 rubriques horizontales + sous /rubriques verticales ( dont une m'oriente vers des sites et une page ) dans la zone du haut que j'ai adaptée partiellement au point de vue des dimensions.

Par contre la présentation des sites arrive toujours sur la page complète.
je vais maintenant poursuivre mon étude à propos de CSS car cela sera maintenant nécessaire et certainement plus intéressant à exploiter plutôt que de faire de l'approximation par des essais successifs.
Je verrai ensuite si je peux loger un site dans la zone du bas.
( Une des zones a d'ailleurs disparu et je regarderai d'où cela vient )

Je ne manquerai pas de revenir sur le Forum après mes elucubrations ! !
En plus, il me faut actuellement traiter un Pb avec un Disque Dur Ext qui me crée des perturbations.

Merci encore pour ta patience que je vais utiliser afin de voir si cette orientation est adaptable à ce que je souhaite. ( certainement également le cas de plusieurs d'entre nous ! )

@ +

reilo
0

Discussions similaires