pfffff probleme avec un menu en js
pfffff probleme avec un menu en js - HTML/CSS - Programmation
Marsh Posté le 03-02-2006 à 11:31:55
J'ai pas vu ton site, mais je pense que ca peut etre fait en CSS sans trop de problemes.
http://css.alsacreations.com/Const [...] -au-survol
J'utilise une version modifie de ce menu sur mon blog, c'est simple a mettre en place et tu as du HTML tres propre.
---------------
It's close to midnight and something evil's lurking in the dark
Sujets relatifs:
- [MySQL] problème avec la clause IN
- [MySQL] Problème d'indexation FullText
- probléme de popup !!
- php problème de date
- petit probleme javascript
- [JAVA - Débutant] - Probleme premier programme en JAVA
- /RESOLU/ problème avec switch... lol
- Problème de sélecteur ( :hover et compagnie)
- probleme affichage image
- Opengl - Light &Normales+ [edit] probleme de math
Marsh Posté le 02-02-2006 à 10:35:44
Bonjour bonjour,
et moi c'est pas ce que je veux.....
bon :
voila j'ai un menu sur la gauche de mon site.
En théorie :quand je met la souris sur un lien, a droite de celui ci s'affiche différents liens accessible
En pratique quand je mets la souris sur un lien tout s'affiche en dessous
j'ai fais mon menu avec des liste et du js bien sur
voila la structure des listes:
<div id="flottant_gauche" class="taille">
<img src="/site_delta_v3/images/Delta1_redim.jpg" alt="Logo Delta" />
<p id="menu0" class="menu">
<a href="squelette.asp?page=accueil" title="Retour à l\'accueil" onmouseover="CacherMenus();">Accueil</a>
</p>
<p id="menu1" class="menu">
<a href="squelette.asp?page=societe" title="La société" onmouseover="MontrerMenu('ssmenu1');" onfocus="MontrerMenu('ssmenu1');">La société</a>
</p>
<ol id="ssmenu1" class="ssmenu">
<li><a href="squelette.asp?page=historique" title="Historique" >Historique</a></li>
<li><a href="squelette.asp?page=stat" title="Quelques chiffres" >Quelques chiffres</a></li>
</ol>
<p id="menu2" class="menu">
<a href="squelette.asp?page=produits" title="Nos solutions" onmouseover="MontrerMenu('ssmenu2');" onfocus="MontrerMenu('ssmenu2');">Nos produits</a>
</p>
<ol id="ssmenu2" class="ssmenu">
<li><a href="squelette.asp?page=antoine" title="Notre solution Antoine">Antoine</a></li>
<li><a href="squelette.asp?page=suivi_aff" title="Notre solution Suivie d'affaire">Le suivi d'affaire</a></li>
</ol>
</div>
je peux mettre le code js mais je ne crois pas que cela vienne de lui enfin peut etre...
mais peut etre que j'ai fais une erreur avec ma feuille de style, en fait je suis completement paumé sur ce probleme j'ai fais mon menu il y a 2 - 3 semaines et la je le reprend pour corriger les ptits defaut (et les tres gros) mais la moi y en a plus comprendre...
EDIT en fait ca vien peut etre du JS :
RE-EDIT je remet le JS indenté
var blnOk=true;
function Chargement() {
if(document.body.style.backgroundColor!="" ) {blnOk=false;}
if(document.body.style.color!="" ) {blnOk=false;}
if(document.body.style.marginTop!="" ) {blnOk=false;}
if(document.getElementById) {
with(document.getElementById("texte" ).style) {
if(position!="" ) {blnOk=false;}
if(top!="" ) { blnOk=false; }
if(left!="" ) { blnOk=false; }
if(width!="" ) { blnOk=false; }
if(height!="" ) { blnOk=false; }
if(zIndex!="" ) { blnOk=false; }
if(margin!="" ) { blnOk=false; }
if(padding!="" ) { blnOk=false; }
if(visibility!="" ) { blnOk=false; }
}
}else{ blnOk=false; }
if(blnOk) {
with(document.body.style) {
backgroundColor="#333";
color="#FFF";
marginLeft="12.2em";
}
with(document.getElementById("access" ).style) {
position="absolute";
top="8em";
left="1em";
width="10em";
margin="0";
}
with(document.getElementById("texte" ).style) {
margin="0";
padding="1em";
backgroundColor="#FFF";
color="#333";
}
for(i=0;i<=3;i++) {
with(document.getElementById("menu"+i).style) {
position="absolute";
top=(((i-1)*2)+1)+"em";
left="1em";
width="10em";
height="1.2em";
textAlign="center";
margin="0";
padding="0";
zIndex="2";
}
}
for(i=1;i<=3;i++) {
with(document.getElementById("ssmenu"+i).style) {
position="absolute";
top=(((i-1)*2)+1)+"em";
left="11.2em";
width="12em";
margin="0";
padding="0";
zIndex="3";
}
}
with(document.getElementById("copy" ).style) {
backgroundColor="#333";
color="#FFF";
}
CacherMenus();
}
}
function MontrerMenu(strMenu) {
if(blnOk) {
CacherMenus();
document.getElementById(strMenu).style.visibility="visible";
}
}
function CacherMenus() {
if(blnOk) {
for(i=1;i<=3;i++) {
with(document.getElementById("ssmenu"+i).style) {
visibility="hidden";
}
}
}
}
si quelqu'un voit le pb merci d'avance
Message édité par bedomon le 02-02-2006 à 10:44:56