Aide sur un scrip

Question

Sujet Précédent Sujet Suivant

Aide sur un scrip

[Résolu]

Signaler

cs_christmac

Messages postés: 8
Date d'inscription: mercredi 29 août 2007
Statut: Membre
Dernière intervention: 3 octobre 2007

- 23 sept. 2007 à 11:06
cs_christmac

Messages postés: 8
Date d'inscription: mercredi 29 août 2007
Statut: Membre
Dernière intervention: 3 octobre 2007

- 25 sept. 2007 à 23:28

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>



LE CLUB




















LE KARATE






























INFORMATION























<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;
}

A voir également:

Aide sur un scrip
Ereur dans le scrip ✓ - Forum - VBA Office (Excel, Word ...)
Scrip ip automatique ✓ - Forum - VB.NET
Scrip image aléatoire ✓ - Forum - PHP
Need Help To Scrip ✓ - Forum - IRC

2 réponses

Réponse 2 / 2

cs_christmac

Messages postés: 8
Date d'inscription: mercredi 29 août 2007
Statut: Membre
Dernière intervention: 3 octobre 2007

25 sept. 2007 à 23:28

merci de ton aide

cordialement

Répondre Posez votre question

BunoCS · Accepted Answer · 2007-09-25T19:40:39+0200

Réponse 1 / 2

BunoCS

Messages postés: 15142
Date d'inscription: lundi 11 juillet 2005
Statut: Modérateur
Dernière intervention: 27 septembre 2021

99
25 sept. 2007 à 19:40

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

Votre réponse