Menu pour un site...

#1 (**permalink**) 31/01/2008, 16h07

Bonjour,

J'utilise depuis un moment un menu en javascript sur mes sites, mais il
ne me satisfait pas tout à fait à cause de rares problème de longueurs
de texte...
Voir sur :
http://www.b-t-s.ovh.org

J'aimerais pouvoir soit l'améliorer soit trouver un autre menu (mais un
truc simple, j'en ai trouvé plein en CSS en xhtml, etc... mais j'y pige
rien)...

D'avance merci

Mes amitiés

DAny

#2 (**permalink**) 31/01/2008, 17h50

Il se trouve que NDS a formulé :
> Bonjour,

> J'utilise depuis un moment un menu en javascript sur mes sites, mais il ne me
> satisfait pas tout à fait à cause de rares problème de longueurs de texte...
> Voir sur :
> http://www.b-t-s.ovh.org

> J'aimerais pouvoir soit l'améliorer soit trouver un autre menu (mais un truc
> simple, j'en ai trouvé plein en CSS en xhtml, etc... mais j'y pige rien)...

> D'avance merci

> Mes amitiés

> DAny

bonsoir,
effectivement, c'est peu maleable pour les titres des menus un peu
longs.
faites "peter" tout le code source de votre page, ou on peut le
télécharger pour jeter un oeil dessus.
bonne soirée.

bp

#3 (**permalink**) 31/01/2008, 17h57

Voici toute la page index!

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Mozilla/4.7 [fr] (WinNT; I) [Netscape]">
<meta name="Author" content="Sauer Daniel">
<meta name="Classification" content="Association cultuelle,
Bouddhisme tibétain">
<meta name="KeyWords" content="Sauer Daniel,sauer,Bouddhisme
Tibetain
Strasbourg,strasbourg,weyersheim,Rime,Rimey,Rimay, bouddhisme,bouddha,bouddhiste,tibet,tibetain,dalai
lama,karmapa,orgyen trinlé dorjé,trinle,dorje,drilbu,vajra,tantra,kalou,
rinpotché,rinpotche,rimpotché,rimpotche,rompoché,r impoche,bokar,bokar
rinpotché,kalou rinpotché,lama,lama
tsultrim,guelek,strasbourg,tara,tchenrézi,tchenrez i,tchenrezig,shiné,shine,sangyé,sangyé,menla,amith aba,lodjong,kagyupa,kagyu,tilopa,naropa,marpa,mila repa,milarépa,gampopa,shangpa,kagyupa,darjeeling,s onada,kham,spirituel,spirituelle,yogi,vajra,vajray ana,tantra,tantrayana,mahayana,mantra,rumteck,sikk im,gyaltsab">
<title>Bouddhisme Tibétain à Strasbourg</title>

<script LANGUAGE="JavaScript">

var menu=new
CreerMenu("##000000","##660000","##000099","bouddh a.gif","vajra.gif","roue.gif","vide18.gif","trait_ vert.gif","trait_coud.gif","trait_droit.gif",22,"r ight");
//CreerMenu(ColorRubF,ColorRubO,ColorLien,imgFile,im gF,imgO,imgVide,imgVertic,imgCoud,imgDroit,hauteur ,nomFrame)
menu.AddFolder("B.T.S.",0,"Y");
menu.AddFile("Accueil",1,"droite.html");
menu.AddFolder("B-T-S?",1,"N","bts/bts.html");
menu.AddFile("Pourquoi?",2,"bts/pourquoi.html");
menu.AddFile("Ce que je peux faire",2,"bts/quoi.html");
menu.AddFile("Combien?",2,"bts/combien.html");
menu.AddFile("Le rêve - en projet",2,"bts/reve.html");
menu.AddFolder("Le Programme",1,"N","programme/programme.html");
menu.AddFile("Pratiques journalières",2,"programme/pratiques.html");
menu.AddFile("Les enseignements",2,"programme/enseignements.html");
menu.AddFile("Divers",2,"programme/divers.html");
menu.AddFolder("Ce que je pense de...",1,"N","pense/pense.html");
menu.AddFile("... P2P",3,"pense/p2p.html");
menu.AddFile("... Politique",3,"pense/politique.html");
menu.AddFile("... Tibet",3,"pense/tibet.html");
menu.AddFile("... chanteurs engagés",3,"pense/chanteurs.html");
menu.AddFolder("Le Tibet",1,"N","religions/tibet.html");
menu.AddFile("Un glossaire",2,"explications/glossaire.html");
menu.AddFolder("La Faune",2,"N","faune/faune.html");
menu.AddFile("L'antilope tibétaine",3,"faune/massacre-antilope.html");
menu.AddFolder("La Flore",2,"N","flore/flore.html");
menu.AddFile("Les forêts...",3,"flore/foret-yunnan.html");
menu.AddFolder("Les
symboles",2,"N","explications/symboles/symboles.html");
menu.AddFile("Le drapeau Tibétain",3,"explications/symboles/drapeau.html");
menu.AddFile("La roue de la vie",3,"explications/symboles/roue-vie.html");
menu.AddFolder("Les bouddhismes",2,"N","droite.html");
menu.AddFile("Le Bön",3,"religions/bon/histoire-bon.html");
menu.AddFolder("La santé naturelles",1,"N","sante/sante.html");
menu.AddFile("Chlorure de Magnesium",3,"sante/produits/chlorure.html");
menu.AddFile("Utilisation du CM",3,"sante/produits/u-chlorure.html");
menu.AddFile("Le choux",3,"sante/produits/choux.html");
menu.AddFile("Le sucre",3,"sante/produits/sucre.html");
menu.AddFolder("Les
enseignements",1,"N","enseignements/enseignements.html");
menu.AddFolder("Divers",2,"N","enseignements/divers/divers.html");
menu.AddFile("Noël",3,"enseignements/divers/noel.html");
menu.AddFolder("Les
animaux",2,"N","enseignements/animaux/animaux.html");
menu.AddFile("Les chiens",3,"enseignements/animaux/chiens.html");
menu.AddFolder("Soins
palliatifs",2,"N","palliatifs/palliatifs.html");
menu.AddFile("Récitation Po'Wa",3,"palliatifs/powa.htm");
menu.AddFile("Sutra du Coeur",3,"palliatifs/sutra-coeur.html");
menu.AddFolder("S.E.L interne",1,"N","sel/sel.html");
menu.AddFile("Nadine et Daniel",2,"sel/nds/nds.html");
menu.AddFile("Vous tenir informés",1,"liste/liste.html");
menu.AddFile("Plan d'accès",1,"liste/plan.html");
menu.AddFile("Nous écrire",1,"mailto:bts***cani-zen.com");

function disp(txt) { parent.frames[0].document.write(txt) }
function
CreerMenu(ColorRubF,ColorRubO,ColorLien,imgFile,im gF,imgO,imgVide,imgVertic,imgCoud,imgDroit,hauteur ,nomFrame)
{
this.colorRubF=ColorRubF
this.colorRubO=ColorRubO
this.colorLien=ColorLien
this.imgFile=imgFile;
this.imgF=imgF;
this.imgO=imgO;
this.imgVide=imgVide;
this.imgVertic=imgVertic;
this.imgCoud=imgCoud;
this.imgDroit=imgDroit;
this.hauteur=hauteur;
this.nomFrame=nomFrame;

this.nb_obj=0;

this.AddFolder=AddFol;
this.AddFile=AddFil;
this.Aff=AffMenu;
}
function AddFil(txt,deep,act) {
var obj = new Object;
obj.txt=txt;
obj.deep=deep;
obj.type="file";
obj.act=act;
obj.last=false;
this[this.nb_obj]=obj;
this.nb_obj++;
}
function AddFol(txt,deep,open,page) {
var obj = new Object;
obj.txt=txt;
obj.deep=deep;
obj.open=open;
obj.type="folder";
obj.last=false;
obj.page="";
if ((page!=null)&&(page!='undefined')) {obj.page=page;}
this[this.nb_obj]=obj;
this.nb_obj++;
}
function IsLast() {
for (var nb=1;nb<menu.nb_obj;nb++) {
var last=true;
for (var i=nb+1;i<menu.nb_obj;i++) {
if (menu[i].deep<menu[nb].deep) {i=menu.nb_obj;}
else if (menu[i].deep==menu[nb].deep) {last=false; i=menu.nb_obj;}
}

menu[nb].last=last;
}
}
function Space(indice) {
var deep_indice=menu[indice].deep;
if (indice!=0) {
if (menu[indice].last) {var aff="<IMG SRC='"+menu.imgCoud+"'
height='20' BORDER=0 ALT='' ALIGN='top' vspace=0>";}
else {var aff="<IMG SRC='"+menu.imgVertic+"' height='20' BORDER=0
ALT='' ALIGN='top' vspace=0>";}
for (var i=indice;i>0;i--) {
if (menu[i].deep==deep_indice-1) {
deep_indice--;
if (menu[i].last) {aff="<IMG SRC='"+menu.imgVide+"' height='20'
BORDER=0 ALT='' ALIGN='top' vspace=0>"+aff;}
else {aff="<IMG SRC='"+menu.imgDroit+"' height='20' BORDER=0 ALT=''
ALIGN='top' vspace=0>"+aff;}
if (deep_indice==1) {i=0;}
}
}
disp(aff);
}
}

function AffImg(img) {
disp("<IMG SRC='"+img+"' height='20' BORDER=0 ALT='' ALIGN='top'
vspace=0>");
}
function IsOpen(men,i) {
var deep_i=men[i].deep;
var open="Y";
for (var j=i-1;j>=0;j--) {
if (men[j].deep<deep_i) {open=men[j].open;j=-1}
}
return open;
}
function AffMenu() {
var img="";
var obj="";
var col="";

disp(" ");
for (var i=0;i<this.nb_obj;i++) {
var obj=this[i];
if (obj.type=="folder") {
if (IsOpen(this,i)=="Y") {
Space(i);
if (obj.open=="Y") {AffImg(this.imgO); col=this.colorRubO;}
if (obj.open=="N") {AffImg(this.imgF); col=this.colorRubF;}
disp("<A href='javascript:Clic("+i+")'>");
disp(obj.txt+"</A> ");
}
}
if (obj.type=="file") {
if (IsOpen(this,i)=="Y") {
Space(i);
AffImg(this.imgFile);
disp("<A target='right' href='"+obj.act+"'>"+obj.txt+"</A> ");
}
}
}
disp("");
}
IsLast();

</script>
<frameset cols="210,*">
<frame name="left" src="gauche.html" marginwidth=10 marginheight=10
frameborder=1>
<frame name="right" src="droite.html" marginwidth=10 marginheight=10
frameborder=0>
</frameset>
</head>
<body>
<center>
<img style="width: 68px; height: 97px;" alt=""
nosave="" src="images/anim-mani.gif">
</center>

 
</body>
</html>

#4 (**permalink**) 02/02/2008, 10h34

"NDS" <sauer.daniel***free.fr> a écrit dans le message de news:
47a1f226$0$9024$426a74cc***news.free.fr
> Bonjour,
>
> J'utilise depuis un moment un menu en javascript sur mes sites, mais
> il ne me satisfait pas tout à fait à cause de rares problème de
> longueurs de texte...
> Voir sur :
> http://www.b-t-s.ovh.org
>
Juste un mot : c'est joli, trop même, car le fond empêche la lecture du
texte. Comme celui-ci a de l'importance un fond plus homogène serait
préférable. Immodestement voir ce que je fais pour mes pages texteuses.
--
====================================
William Marie
Attention antiSpam remplacer trapellun.invalid
par free.fr
Web : http://wmarie.free.fr
http://www.pandemonium.dnsalias.org (site expérimental)
====================================

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email
Modes d'affichage
Mode linéaire Choisir le mode hybride Choisir le mode arborescent

Discussions similaires
Discussion	Auteur	Forum	Réponses	Dernier message
Menu pour site	NDS	Newsgroup fr.comp.lang.javascript	6	05/02/2008 19h56
Menu pour un site?	NDS	Newsgroup fr.comp.infosystemes.www.auteurs	0	31/01/2008 17h58
Menu d'un site internet...	NDS	Newsgroup fr.comp.infosystemes.www.pages-perso	1	31/01/2008 16h43
comment crÃƒÂ©er un menu dÃƒÂ©rounat pour un site web avec publisher ?	Sam	Newsgroup microsoft.public.fr.publisher	6	22/12/2007 13h31
[MOSS2007] Pbl avec le menu "Actions du site"	Mikhael	Newsgroup microsoft.public.fr.sharepoint	3	12/12/2007 07h28

Discussions similaires