Aide sur un scrip [Résolu]

Signaler
Messages postés
8
Date d'inscription
mercredi 29 août 2007
Statut
Membre
Dernière intervention
3 octobre 2007
-
Messages postés
8
Date d'inscription
mercredi 29 août 2007
Statut
Membre
Dernière intervention
3 octobre 2007
-
J'ai recuperer un petit scrip ici qui me rend bien utile, et meme plus. Mais je but sur plusieurs gros problemes et j'arrive pas a trouver une solution. Je signal que je connait rien en programmation c'est du a sa.
Voila la plus importante pour moi c'est ce petite probleme j'ai modifier le code ou j'ai mis a la place de ligne des images tous va bien, mais quand je clique sur mon sous menu . Le 1er ce developpe, le 2eme aussi, mais le 3eme disparait.
Voila j'aimerai modifier mon petit menu dynamique pour mettre un sous sous-menu sous certain ligne.
Ensuite, j'aimerai bien mettre mes icones de ligne en images survoler, mais sa marche pas trop bien.
Si quelqu'un pouvait j'etait un petit coup oeil car je suis vraiment pomet la.
merci d'avance
                                             voici le texte html

</style></head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>


<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" >


<link rel="stylesheet" type="text/css" href="sddm.css" >
<title>JSwitch Slide Menu</title>
</head>





<!-- *********************************Start Menu****************************** -->

LE CLUB
       

<!-- -->
 

  

  

  

  

  

  

 

<!-- *********************************End Menu****************************** -->

<!-- *********************************Start Menu****************************** -->

LE KARATE
       

<!-- -->
 

  

  

  

  

  

  

  

  

  

  

  

<!-- *********************************End Menu****************************** -->

<!-- *********************************Start Menu****************************** -->

INFORMATION
       

<!-- -->
 

  

  

  

  

  

  

  

  

  

<!-- *********************************End Menu****************************** -->
<script type="text/javascript" src="xpmenuv21.js"></script>

  

</html>

                           voici le xpmenuv21.js

var menuObjArray = new Array();
menuObjArray[0] = new Array();
menuObjArray[1] = new Array();
menuObjArray[2] = new Array();
menuObjArray[3] = new Array();
menuObjArray[4] = new Array();
menuObjArray[5] = new Array();
menuObjArray[6] = new Array();
menuObjArray[7] = new Array();




var timerSlide = null;
var numMenuItem = 0;
var slideDelay = 5;
var divHeight = 21;
var moveSlidePix = 7;
var isLocked = null;
var doFading = true;




InitAll();


function InitAll()
{
 var divs = document.getElementsByTagName("DIV");
 menuStateAry = GetUserCookie("xpMenuCookv2").split(",");


 aryNum = 0;
 for(dn=0; dn < divs.length;dn++)
 {
  if(String(divs.item(dn).className).substring(0,7) == "topItem")
  { 
   mainMenuDiv = divs.item(dn).parentNode;
   menuContainerDiv= mainMenuDiv.getElementsByTagName("DIV").item(1);
   itemContainerDiv= menuContainerDiv.getElementsByTagName("DIV").item(0);
   
   
   try //to apply cookies settings
   {
    if(menuStateAry != 0)
     itemContainerDiv.style.height = parseInt(menuStateAry[aryNum]) + "px";
    
    if(!doFading)
    {
     
     if (menuContainerDiv.filters)
      menuContainerDiv.filters.alpha.opacity = 100;
     else
      menuContainerDiv.opacity = 1;
    }
     
    if(menuStateAry != 0 )
    {
     if( parseInt(menuStateAry[aryNum]) == 0)
      itemContainerDiv.style.display = 'none';
     else
      itemContainerDiv.style.display = 'inline';
    }
   }
   catch(e)
   {
    e= null; //cookie may not exist yet
   }


   Init(divs.item(dn));
   aryNum++;


  }
 } 
}


function Init(objDiv)
{
   
    if (isLocked)
        return;


    var mainMenuDiv, subMenuDiv, menuContainerDiv, itemContainerDiv,styleRules;


 
 for(r=0;r < document.styleSheets.length; r++)
 { 
  if( -1 != String(document.styleSheets[r].href).indexOf("sddm.css") ) 
   break;
 }
 if(!document.styleSheets[r].rules)
  styleRules = document.styleSheets[r].cssRules;
 else
  styleRules = document.styleSheets[r].rules;
  
    numMenuItem = 0;
    mainMenuDiv = objDiv.parentNode;
    subMenuDiv =  mainMenuDiv.getElementsByTagName("DIV").item(0);
   


    menuContainerDiv= mainMenuDiv.getElementsByTagName("DIV").item(1);
    itemContainerDiv= menuContainerDiv.getElementsByTagName("DIV").item(0);
   


    aLen = menuObjArray[0].length;
    for (i=0 ;i < aLen ; i++)
    {
        if (menuObjArray[0][i] == menuContainerDiv)
        {
            break;
        }
    }
   
    if (i == aLen)
    {
        menuObjArray[0][i]  = menuContainerDiv;
        menuObjArray[1][i] = itemContainerDiv;
        menuObjArray[7][i] = subMenuDiv;
        menuObjArray[7][i].onmouseover = ChangeStyle;
        menuObjArray[7][i].onmouseout = ChangeStyle;
        subMenuDiv.onclick = SetSlide;


       
  lastmenuNum = -1;
        for (b=0;b 0)
            menuObjArray[0][objIndex].style.height = menuObjArray[4][objIndex] + "px";
        else
        {
            if(doFading)
   {
    if(menuObjArray[0][objIndex].filters)
     menuObjArray[0][objIndex].filters.alpha.opacity = 0;
    else
     menuObjArray[0][objIndex].style.opacity = 0;
   }
  
  
   cName = String(menuObjArray[7][objIndex].className);
   //alert(cName);


   if (cName.substring(cName.length - 4, cName.length) == "Item")
   {
    menuObjArray[7][objIndex].className = menuObjArray[7][objIndex].className+"Close";
   }
   
   if (cName.substring(cName.length - 4, cName.length) == "Over")
   {
    menuObjArray[7][objIndex].className = cName.substring(0,cName.length - 4);
    menuObjArray[7][objIndex].className = menuObjArray[7][objIndex].className+"CloseOver";
   }
   
   if (cName.substring(cName.length - 5, cName.length) == "Close")
   {
    menuObjArray[7][objIndex].className = cName.substring(0,cName.length - 5);
    menuObjArray[7][objIndex].className = menuObjArray[7][objIndex].className+"CloseOver";
   }
   
   //cName = String(menuObjArray[7][objIndex].className);
   //alert(cName);
   
   
            menuObjArray[4][objIndex] = 0;
            menuObjArray[0][objIndex].style.height = 0 + "px";
            clearInterval(menuObjArray[5][objIndex]);
            menuObjArray[5][objIndex] = null;
            menuObjArray[6][objIndex] = false;
            isLocked = null;
            UpdateUserCookie(objIndex);
            return 0;
        }
       
        return 0;
       
    }


    if (!menuObjArray[6][objIndex])
    {
  if(doFading)
  {
   if(menuObjArray[0][objIndex].filters)
    menuObjArray[0][objIndex].filters.alpha.opacity += 100/ ( ( (menuObjArray[2][objIndex] * divHeight) / moveSlidePix) +1);
   else
   {
    opcVal = parseFloat(menuObjArray[0][objIndex].style.opacity);
    opcVal += .9/((menuObjArray[2][objIndex] * divHeight) / moveSlidePix);
    menuObjArray[0][objIndex].style.opacity = opcVal;
   }
  }
        menuObjArray[4][objIndex] +=  moveSlidePix;
        if (menuObjArray[4][objIndex] < (menuObjArray[2][objIndex] * divHeight))
            menuObjArray[0][objIndex].style.height = menuObjArray[4][objIndex] + "px";
        else
        {
   
   
   if(doFading)
   {
    if(menuObjArray[0][objIndex].filters)
     menuObjArray[0][objIndex].filters.alpha.opacity = 100;
    else
     menuObjArray[0][objIndex].style.opacity = 1;
   }
   strClassName = String(menuObjArray[7][objIndex].className);
   menuObjArray[4][objIndex] = (menuObjArray[2][objIndex] * divHeight);
   menuObjArray[0][objIndex].style.height = (menuObjArray[2][objIndex] * divHeight)+ "px";       
            menuObjArray[1][objIndex].style.display = 'inline';
            clearInterval(menuObjArray[5][objIndex]);
            menuObjArray[5][objIndex] = null;
            menuObjArray[6][objIndex] = true;
           
           
            cName = String(menuObjArray[7][objIndex].className);
   //alert(cName);
   if (cName.substring(cName.length - 4, cName.length) == "Over")
   {
    menuObjArray[7][objIndex].className = cName.substring(0,cName.length - 9);
    menuObjArray[7][objIndex].className = menuObjArray[7][objIndex].className+"Over";
   }
   
   if (cName.substring(cName.length - 5, cName.length) == "Close")
   {
    menuObjArray[7][i].className = cName.substring(0,cName.length - 5);
   }
   
   //cName = String(menuObjArray[7][objIndex].className);
   //alert(cName);
   


            isLocked = null;
             UpdateUserCookie(objIndex);
            return 0;
        }      
        return 0;
       
    }




}


function ChangeStyle()
{
    className = String(this.className);
  
    if (className.substring(className.length - 4, className.length) == "Over")
        this.className = className.substring(0,className.length - 4);
    else
        this.className = this.className + "Over";
   //  alert(this.className);
}

                                             et enfin le fichier CSS

.navbar
{



.mainDiv
{
  width:250px;
}


.topItem
{
 font: bold 16px tahoma,verdana,sans-serif;
 letter-spacing: 0;
 background: url("arrow-up-title.jpg") no-repeat 0 0;
 background-position:center center;
 background-repeat:no-repeat;
 border: none;
 width: 185px;
 height: 30px;
 color: #FF0000;
 cursor:pointer;
 text-indent:10px;
 text-align: center;
 vertical-align: bottom;
}


.topItemOver
{
  text-indent:10px;
  font: bold 16px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-up-title-on.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 30px;
  width: 185px;
  color: #FF0000;
  cursor:pointer;
}


.topItemClose
{
  text-indent:10px;
  font: bold 16px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-down-title.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 30px;
  width: 185px;
  color: #FF0000;
  cursor:pointer;
}




.topItemCloseOver
{
  text-indent:10px;
  font: bold 16px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-down-title-on.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 30px;
  width: 185px;
  color: #FF0000;
  cursor:pointer;
}


 


.dropMenu
{
  font: bold 14px Georgia, Times New Roman, Times, serif; 
  background-color: #000000;
  color: #000;
  border: 1px solid #FFFFFF;
  border-width: 0 0px 0px 0px;
  filter:alpha(opacity=100);
  padding-top:5px;
  padding-bottom:5px;
}


.subMenu
{
   display:block;
}


.subItem
{
   margin-left:10px;
   margin-top:2px;
   height:18px;
   font: 11px Georgia, Times New Roman, Times, serif; 
   text-decoration:none;
   color: #215dc6;
  
}


.subItem a
{
   margin-left:23px;
   font: 11px Georgia, Times New Roman, Times, serif;   
   text-decoration:none;
   color: #215dc6;
}


.subItemOver
{
   margin-left:10px;
   margin-top:2px;
   font: 11px Georgia, Times New Roman, Times, serif;  
   height:18px;
   color: #428eff;
}


.subItemOver  a
{
   margin-left:23px;
   font: 11px tahoma,verdana,sans-serif;
   cursor:pointer; 
   color: #428eff;
   text-decoration:underline;
   cursor:pointer;
}




.drop
{
   border-left:1px solid black;
   border-right:1px solid black; 
}

2 réponses

Messages postés
14955
Date d'inscription
lundi 11 juillet 2005
Statut
Modérateur
Dernière intervention
27 janvier 2021
93
Salut,
Je vois 2 petits soucis dans la page HTML
- tout ce qu'il y a avant la balise doctype est à enlever (on va dire qu'il y a eu un problème de copier/coller)
- à la fin de la partie "le karaté" (et juste avant la partie "Inforamtion"), il y a une balise div en trop. Enlèves-la et hop!

En espérant avoir résolu ton problème...

Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...
Le site de mon mariage
Messages postés
8
Date d'inscription
mercredi 29 août 2007
Statut
Membre
Dernière intervention
3 octobre 2007

merci de ton aide

cordialement