18041 sujets
Questions générales et questions de débutants
le java script est celui de tuto
le voici
voici le code du menu
et le css
merci de votre aide
le voici
<?php echo' <script type="text/javascript" src="'.$rep.'jquery-1.2.1.js"></script>'; ?>
<script type="text/javascript">
$(document).ready( function () {
// On cache les sous-menus
// sauf celui qui porte la classe "open_at_load" :
$("ul.subMenu:not('.open_at_load')").hide();
// On selectionne tous les items de liste portant la classe "toggleSubMenu"
// et on remplace l'element span qu'ils contiennent par un lien :
$("li.toggleSubMenu span").each( function () {
// On stocke le contenu du span :
var TexteSpan = $(this).text();
$(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '</a>') ;
} ) ;
// On modifie l'evenement "click" sur les liens dans les items de liste
// qui portent la classe "toggleSubMenu" :
$("li.toggleSubMenu > a").click( function () {
// Si le sous-menu etait deja ouvert, on le referme :
if ($(this).next("ul.subMenu:visible").length != 0)
{
$(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
}
// Si le sous-menu est cache, on ferme les autres et on l'affiche :
else {
$("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
$(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open") } );
}
// On empêche le navigateur de suivre le lien :
return false;
});
} ) ;
</script>
voici le code du menu
<div id="menu3" style="position:absolute; width:116px; height:59px; z-index:5; left: 10px; top:80px; ">
<ul id="navigation">
<ul class="subMenu"><li><a href="../mail.php" title="">Mail</a></li><li><a href="../majIndex.php" title="">Mise à jour Repertoire</a></li></ul></li> <li class="toggleSubMenu"><span>Naissance</span>
<ul class="subMenu open_at_load">
<li><a href="../naissance/index.php" title="Jour de Naissance">28/01/2009</a></li>
<li><a href="../jour1/index.php" title="aller au 29/01/2009">29/01/2009</a></li>
<li><a href="../jour2/index.php" title="aller au 30/01/2009">30/01/2009</a></li>
<li><a href="../jour3/index.php" title="aller au 31/01/2009">31/01/2009</a></li>
<li><a href="../jour4/index.php" title="aller au 01/02/2009">01/02/2009</a></li>
<li><a href="../jour5/index.php" title="aller au 02/02/2009">02/02/2009</a></li>
</ul>
</li>
<li><a href="../semaine2/index.php" title="semaine 2">Semaine 2</a></li>
<li><a href="../semaine3/index.php" title="semaine 3">Semaine 3</a></li>
<li><a href="../semaine4/index.php" title="Semaine 4">Semaine 4</a></li>
<li><a href="../1mois/index.php" title="1 Mois">1 Mois</a></li>
<li><a href="../2mois/index.php" title="2 Mois">2 Mois</a></li>
</ul>
<a href="../deconnexion_process.php" title="deconnexion">Deconnexion</a></div>et le css
body{
color: #d7114e;
font-family: Verdana, sans-serif;
font-size: 14px;
margin-right: auto;
margin-left: auto;
margin-top: 16px;
background-color: #f8dcea;
}
#navigation {
margin: 0;
padding: 0;
list-style: none:
background: #000;
color: #fff;
width: 200px;
font: 1.2em "Trebuchet MS", sans-serif;
}
#navigation a, #navigation span {
display: block;
padding: 4px 10px;
color: #fff;
text-decoration: none;
background: #000 url(menu-item.png) left bottom no-repeat;
}
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
background-image: url(menu-item-deroule.png);
}
#navigation .open a, #navigation .open span {
background-image: url(menu-item-enroule.png);
}
#navigation a:hover, #navigation a:focus, #navigation a:active {
text-decoration: underline;
}
#navigation .subMenu {
font-size: .8em;
background: #e57aa8 url(subMenu.png) 0 0 repeat-x;
font-size: .9em;
margin: 0;
padding: 0;
border-bottom: 1px solid #666;
}
#navigation ul.subMenu a {
background: none;
padding: 3px 20px;
}
#album_header_div {
margin-bottom: 12px;
text-align: center;
font-family: "Trebuchet MS";
font-size: 24px;
font-weight: bold;
}
#album_header_comments_div {
margin-bottom: 12px;
text-align: center;
font-family: "Trebuchet MS";
font-size: 18px;
left: 350px;
width: 800px;
}
#back_to_home {
text-align: center;
margin-bottom: 12px;
}
#iwebalbum {
}
.iwebalbum_table {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.iwebalbum_photobox_table {
width:140px;
height:140px;
margin-right: 6px;
margin-bottom: 12px;
margin-left: 6px;
background-color: #FFFFFF;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
}
a:link, a:visited {
text-decoration: underline;
color: #d7114e;
}
a:hover {
text-decoration: none;
}
.photobox { border: 1px solid #FFFFFF;}
a:link .photobox {
border-top-color: #FFFFFF;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
a:visited .photobox { border-color: #aaaaaa;}
a:hover .photobox { border-color: #ffffff;}
#pages {
width: 1000px;
text-align: center;
}
#pages span{
padding: 4px;
}
#pages span a{
padding: 4px;
}
#pages span a:hover{
background-color: #e57aa8;
color: #FFFFFF;
padding: 4px;
}
#generator {
text-align: right;
clear: both;
margin-top: 40px;
padding-right: 20px;
padding-bottom: 6px;
font-size: 10px;
}
#slideshow {
z-index:5;
left: 600px;
top: 10px;
width:200px;
position:absolute;
}
merci de votre aide
), ça risque d'être difficile, ou du moins pénible, de reconstituer la page pour pouvoir tester par nous-même.
Bonjour,
à cette adresse http://charlesly.free.fr/lisa/ je vois un superbe design qui donne vachement envie d'en savoir plus
mais à cette adresse vu que j'ai mis les mots de passes donnés ... je vois une page blanche :
et j'ai firefox (version 3 je crois ...)
http://charlesly.free.fr/lisa/login_process.php ...
Après une dizaines d'essais et plein de messages d'erreur 404 ou autres plus tard , je vois bien le superbe site (waouw bravo félicitations elle est à croquer et bravo à vous !)
je verrais si malgré mon plantage pc j'ai bien encore ie6 et je te dirais,
désolée de ne pouvoir faire mieux
à cette adresse http://charlesly.free.fr/lisa/ je vois un superbe design qui donne vachement envie d'en savoir plus
mais à cette adresse vu que j'ai mis les mots de passes donnés ... je vois une page blanche :
et j'ai firefox (version 3 je crois ...)
http://charlesly.free.fr/lisa/login_process.php ...
Après une dizaines d'essais et plein de messages d'erreur 404 ou autres plus tard , je vois bien le superbe site (waouw bravo félicitations elle est à croquer et bravo à vous !)
je verrais si malgré mon plantage pc j'ai bien encore ie6 et je te dirais,
désolée de ne pouvoir faire mieux
Salut,
eh bien chez moi cela "fonctionne" sur IE6 (je parle du JavaScript).
Tu as simplement un espacement trop important des items de liste. La solution est expliquée dans le dernier chapitre de cet article.
Modifié par Heyoan (05 May 2009 - 15:35)
eh bien chez moi cela "fonctionne" sur IE6 (je parle du JavaScript).
Tu as simplement un espacement trop important des items de liste. La solution est expliquée dans le dernier chapitre de cet article.
Modifié par Heyoan (05 May 2009 - 15:35)
sur un ie 6.0.2900.2180 SP2
le javascript ne fonctionne pas
dans la partie admin et naissance on ne peut pas voir les sous menus ?
j'ai mis une page testMenu.html ou j ai mis tous le code du menu sur la meme page
effectivement je n'ai plus d'espace, mais je java script ne fonctionne pas ?
merci de votre aide
le javascript ne fonctionne pas
dans la partie admin et naissance on ne peut pas voir les sous menus ?
j'ai mis une page testMenu.html ou j ai mis tous le code du menu sur la meme page
effectivement je n'ai plus d'espace, mais je java script ne fonctionne pas ?
merci de votre aide
charlesly a écrit :Non : tu peux passer ton sujet en [Résolu] en éditant ton premier post et en modifiant le titre.
on peut fermer le sujet