| templates block pour menu déroulant |
Titre du sujet : templates block pour menu déroulant
par ninjodo sur 09/10/2005 21:16:37
Re-bonjour,
Désolé d'être aussi présent en ce moment, mais mon ordinateur est un gigantesque champ de bataille.
Cette fois j'essaie de faire un menu dynamique (CSS + JS).
Quand je le fais sur une page html ou que je fais "prévisualiser", c'est impeccable.
Quand je le mets dans le block menu principal, j'ai bien le menu, mais les sous-catégories ne s'affiche pas.
Voici mon code :
[i]<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="http://www.sitedefi.com/modules/menudefi/example2.css" />
<script type="text/javascript" src="../ie5.js"></script>
<script type="text/javascript" src="http://www.sitedefi.com/modules/menud ... "></script>
<style type="text/css">
html, body { height: 100%; }
body { margin: 0; padding: 0; background: #ffffff; }
#bar {
background: #F0F0F0;
border: 1px solid;
border-color: #ffffff #ACA899 #ACA899 #ffffff;
padding: 3px;
cursor: default;
}
table td { vertical-align: top; }
p { font-family: georgia, tahoma, verdana; font-size: 11px; margin: 2em; }
</style>
</head>
<body>
<script type="text/javscript">
/* preload images */
var arrow1 = new Image(4, 7);
arrow1.src = "images/arrow1.gif";
var arrow2 = new Image(4, 7);
arrow2.src = "images/arrow2.gif";
</script>
<table cellspacing="0" cellpadding="0" height="100%"><tr><td id="bar">
<table cellspacing="0" cellpadding="0" id="menu1" class="XulMenu">
<tr>
<td>
<a class="button" href="http://www.sitedefi.com">Page d'accueil</a>
<a class="button" href="javascript:void(0)">L'association</a>
<div class="section">
<a class="item" href="http://www.sitedefi.com/modules/smart ... .php?faqid=1">Qui sommes-nous ?</a>
<a class="item" href="http://www.sitedefi.com/modules/smart ... hp?faqid=3">Notre esprit</a>
<a class="item" href="http://www.sitedefi.com/modules/smart ... .php?faqid=2">Nos objectifs</a>
</div>
<a class="button" href="javascript:void(0)">Cinéma</a>
<div class="section">
<a class="item" href="javascript:void(0)">Critiques de films</a>
<a class="item" href="javascript:void(0)">Etudes et rapports</a>
<a class="item" href="javascript:void(0)">Texte doctrinaux</a>
</div>
<a class="button" href="javascript:void(0)">Littérature</a>
<div class="section">
<a class="item" href="javascript:void(0)">Créations</a>
<a class="item" href="javascript:void(0)">Etudes</a>
<a class="item" href="javascript:void(0)">Critiques de livres</a>
</div>
<a class="button" href="javascript:void(0)">La semaine religieuse</a>
<div class="section">
<a class="item" href="http://www.sitedefi.com/modules/news0 ... topic=5">Actualités</a>
<a class="item" href="http://www.sitedefi.com/modules/news0 ... orytopic=3">Suppléments</a>
<a class="item" href="http://www.sitedefi.com/modules/news0 ... t;>Documents</a>
</div>
<a class="button" href="javascript:void(0)">Argumentaires</a>
<div class="section">
<a class="item" href="http://www.sitedefi.com/modules/news/ ... ot;>Articles</a>
<a class="item" href="http://www.sitedefi.com/modules/news/ ... ot;>Dossiers</a>
</div>
<a class="button" href="javascript:void(0)">Dessins</a>
<div class="section">
<a class="item" href="http://www.sitedefi.com/modules/myalb ... php?cid=2">Ancien Testament</a>
<a class="item" href="http://www.sitedefi.com/modules/myalb ... t;>Evangiles</a>
<a class="item" href="http://www.sitedefi.com/modules/myalb ... p?cid=5">Histoire de l'Eglise</a>
<a class="item" href="http://www.sitedefi.com/modules/myalb ... t;>Paraboles</a>
<a class="item" href="http://www.sitedefi.com/modules/myalb ... quot;>Saints</a>
<a class="item" href="http://www.sitedefi.com/modules/myalb ... ot;>Symboles</a>
<a class="item" href="http://www.sitedefi.com/modules/myalb ... at.php?cid=3">Vie chrétienne</a>
</div>
<a class="button" href="javascript:void(0)">Liens</a>
<div class="section">
<a class="item" href="http://www.sitedefi.com/modules/mylin ... d=2">Associations et organismes</a>
<a class="item" href="http://www.sitedefi.com/modules/mylin ... .php?cid=6">Congrégations et paroisses</a>
<a class="item" href="http://www.sitedefi.com/modules/mylin ... .php?cid=4">Sites commerciaux</a>
<a class="item" href="http://www.sitedefi.com/modules/mylin ... .php?cid=5">Sites de particuliers</a>
</div>
<a class="button" href="javascript:void(0)">Téléchargements</a>
<div class="section">
<a class="item" href="http://www.sitedefi.com/modules/mydow ... t;>Documents</a>
<a class="item" href="http://www.sitedefi.com/modules/mydow ... t;>Logiciels</a>
</div>
</td>
</tr>
</table>
</td>
</tr></table>
<script type="text/javascript">
var menu1 = new XulMenu("menu1");
menu1.type = "vertical";
menu1.position.level1.left = 2;
menu1.arrow1 = "images/arrow1.gif";
menu1.arrow2 = "images/arrow2.gif";
menu1.init();
</script>
</body>[i]
Quelqu'un sait comment faire ?
Merci
Raph
|
|
