CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2010 03 21 17:37:59

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

Fonctionnement d'une propriété d'un navigateur

aide sur un scrip

Poser une question dans le forum ou lancer une discussion

aide sur un scrip

dimanche 23 septembre 2007 à 11:06:27 | aide sur un scrip

christmac

7 msg

8 msg CS

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" " [ Lien ]">
<html>

<body>

<div class="navbar">

<div class="mainDiv" >
<div class="topItem" >LE CLUB </div>
<div class="dropMenu" >
<div class="subMenu" style="display:none;">
  <div align="left"><img src="logo/a_LE BUREAU1.gif"></div>
  <div align="center"><img src="logo/a_ENCADREMENT1.gif"></div>
  <div align="left"><img src="logo/a_LES SALLES1.gif"></div>
  <div align="center"><img src="logo/a_LES COURS1.gif"></div>
  <div align="left"><img src="logo/a_LES TARIFS1.gif"></div>
  <div align="center"><img src="logo/a_LES DOCUMENTS1.gif"></div>
</div>
</div>

<br>

<div class="mainDiv" >
<div class="topItem" >LE KARATE</div>
<div class="dropMenu" >
<div class="subMenu" style="display:none;">
  <div align="left"><img src="logo/a_TRADITIONNEL1.gif"></div>
  <div align="center"><img src="logo/a_COMPETITION1.gif"></div>
  <div align="left"><img src="logo/a_CONTACT1.gif"></div>
  <div align="center"><img src="logo/a_SELF-DEFENSE1.gif"></div>
  <div align="left"><img src="logo/a_LES KATAS1.gif"></div>
  <div align="center"><img src="logo/a_LES KIONS1.gif"></div>
  <div align="left"><img src="logo/a_LES GRADES1.gif"></div>
  <div align="center"><img src="logo/a_LEXIQUE1.gif"></div>
  <div align="left"><img src="logo/a_ARBITRAGE1.gif"></div>
  <div align="center"><img src="logo/a_CALENDRIER1.gif"></div>
  <div>
</div>
</div>

<br>

<div class="mainDiv" >
<div class="topItem" >INFORMATION</div>
<div class="dropMenu" >
<div class="subMenu" style="display:none;">
  <div align="left"><img src="logo/a_L'ETHIQUE1.gif"></div>
  <div align="center"><img src="logo/a_HISTORIQUE1.gif"></div>
  <div align="left"><img src="logo/a_RESULTAT1.gif"></div>
  <div align="center"><img src="logo/a_PHOTO1.gif"></div>
  <div align="left"><img src="logo/a_LIEN INTERNET1.gif"></div>
  <div align="center"><img src="logo/a_COMMENTAIRE1.gif"></div>
  <div align="left"><img src="logo/a_FORUM1.gif"></div>
  <div align="center"><img src="logo/a_LIVRE D'OR1.gif"></div>
  <div align="left"><img src="logo/a_MAIL1.gif"></div>
</div>

<script type="text/javascript" src="xpmenuv21.js"></script>
</div>

<br>
</p>
</body>
</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<itemContainerDiv.childNodes.length;b++)
        {
            if (itemContainerDiv.childNodes.item(b).tagName == "DIV")
            {
                numMenuItem ++;
                itemContainerDiv.childNodes.item(b).onmouseover= ChangeStyle;
                itemContainerDiv.childNodes.item(b).onmouseout= ChangeStyle;
                lastmenuNum = b;
            }
        }


  for(r=0;r < styleRules.length; r++)
  {
   tmpStr1 = String(styleRules[r].selectorText);
   tmpStr2 = String("." + itemContainerDiv.childNodes.item(lastmenuNum).className);
   if(tmpStr1 == tmpStr2)
   {
    if(NaN != parseInt(styleRules[r].style.height))
    {
     divHeight = parseInt(styleRules[r].style.height) + 2;
     break;
    }

   }
  }

        menuObjArray[2][i] = numMenuItem;
        menuObjArray[3][i] = mainMenuDiv;

        if (itemContainerDiv.style.display == "inline")
        {
            menuObjArray[4][i] = numMenuItem * divHeight;
            menuObjArray[0][i].style.height = numMenuItem * divHeight + "px";
            menuObjArray[6][i] = true;

            if(doFading)
   {
    if (menuObjArray[0][i].filters)
     menuObjArray[0][i].filters.alpha.opacity = 100;
    else
     menuObjArray[0][i].style.opacity = 1;
   }


        } else
        {
   menuObjArray[7][i].className = menuObjArray[7][i].className + "Close";
            menuObjArray[4][i] = 0;
            menuObjArray[0][i].style.height = 0 + "px";
            menuObjArray[6][i] = false;
            if(doFading)
   {
    if (menuObjArray[0][i].filters)
     menuObjArray[0][i].filters.alpha.opacity = 0;
    else
     menuObjArray[0][i].style.opacity = .0;
   }
        }

}//end if

    mainMenuDiv = null;
    subMenuDiv = null;
    menuContainerDiv= null;
    itemContainerDiv= null;

}

function SetSlide()
{
    if (isLocked)
        return;
    else
        isLocked = this.parentNode;
    for (i=0 ;i < menuObjArray[0].length; i++)
    {
        if (menuObjArray[3][i] == this.parentNode)
        {
            if (menuObjArray[5][i] == null)
                menuObjArray[5][i] = setInterval("RunSlide(" + i + ")", slideDelay);
            break;
        }
    }

}

function UpdateUserCookie(aryIndex)
{
    date = new Date();
    date.setTime(date.getTime() + (1000 * 40 * 40 * 44 * 40));
    document.cookie = "xpMenuCookv2" + "=" + escape(menuObjArray[4].toString()) + "; expires=" + date.toGMTString();

}

function GetUserCookie(crumbName)
{
    colCookie = document.cookie.split("; ");

    for (a=0; a < colCookie.length; a++)
    {
        colCrumb = colCookie[a].split("=");
        if(colCrumb[0] == crumbName)
            return unescape(colCrumb[1]);
    }

return "";

}

function RunSlide(objIndex)
{

    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
    menuObjArray[0][objIndex].style.opacity -= .9/(((menuObjArray[2][objIndex] * divHeight) / moveSlidePix)+1);
  }
        menuObjArray[1][objIndex].style.display = 'none';
        menuObjArray[4][objIndex] -= moveSlidePix;
        if (menuObjArray[4][objIndex] > 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;
}

mardi 25 septembre 2007 à 19:40:39 | Re : aide sur un scrip

buno

42 msg

1743 msg CS

Réponse acceptée !
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

mardi 25 septembre 2007 à 23:28:26 | Re : aide sur un scrip

christmac

7 msg

8 msg CS

merci de ton aide

cordialement

Cette discussion est classée dans : classname, if, menuobjarray, objindex, cname

Répondre à ce message

Sujets en rapport avec ce message

className la ligne de code mystère [ par sapakus ] Bonjour, Au tout début d'un fichier .js trés trés long réalisé par un chevronné professionnel de la programmation web, j'ai trouvé cette ligne de comm probleme de défillement dans un tableau [ par minicooper ] Bonjour, J'ai un petit problème que je ne comprend pas. J'aimerais que la ligne selectionné de mon tableau se déplace de haut en bas ou vice versa lo menu cliquable, probleme [ par chabichowed ] Bonjour a tous.Sur ma page internet, je cherche a faire un menu ou lorrsque l on clique sur un de ses elements, les sous menu apparaissent, mais dans Problème idiot : cacher/afficher un div [ par mfaraday ] Bonsoir,Je suis pas sur de poster au bon endroit (comme toujours) et je laisse aux admins la liberté de déplacer le post.Bref... passons aux choses sé Menu [ par flopad ] Bonjour tout le monde!J'ai un menu auquel je souhaite ajouter des rubriques, le problème est que lorsque j'ouvre toutes les rubriques en même temps, c Probleme d'affichage d'image [ par tely33 ] Bonjour a tous, J'ai un petit probleme d'affichage de photo. Voici deux liens pour illustrer mon probleme : - http://s145608600.onlinehome.fr/menu.ph synchroniser une requete ajax asynchrone [ par AlexN ] Bonjour,Je cherche à synchroniser une requete ajax asynchrone. Et je prend une grosse suée.Je fais appel de manière cyclique à une requete ajax en mod probleme de chaine [ par dritz100 ] bonjours a tousje vous salut voila j'ai um probleme avec cette petite partie de code javascript qui est pour controler un ''textarea'' afin que la Pb avec un script info bulle [ par ard123 ] Bonjour, J'ai mis en place un script infos bulle (téléchargé sur http://www.toutjavascript.com/main/index.php3), ca marche nickel (texte ou image). Je Player multi format sécuriter java & php [ par c2bomb ] bonjour a tous,je cherche a afficher mon player,dans une fenetre style popup,mais hélas je suis vraiment nulle en javascript...si quelq'un peut m'aide

Livres en rapport

Tous les livres pour Classname, If, Menuobjarray, Objindex, Cname

Nos sponsors

Derniers Blogs

ZUNE : NOUVELLE VERSION DU ZUNE SOFTWARE - V 4.2 par ROMELARD Fabrice

NOUVEAU SYSTèME D'AIDE POUR VISUAL STUDIO 2010 : POUR CEUX QUI N'APPRéCIENT PAS TROP L'ABSENCE D'INDEX... par coq

L'INTERFACE NATURELLE DE WINDOWS PHONE 7 SERIES par odewit

COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE? par Matthieu MEZIL

SQL SERVER : QUERY NOTIFICATION OU COMMENT êTRE NOTIFIé DE MODIFICATIONS DE DONNéES CôTé APPLICATION (SQLDEPENDENCY) par christian

Forum

RE : LECTEUR VIDEO FLASH + JAVASCRIPT par stonedbike

SUPPRESSION BANDEAU LECTEUR VIDEO par philou8

RE : PRELOAD IMAGES ET SWF D'UN SITE ENTIER par pegase31

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Logiciels

Academy System (10.9.4.0)
ACADEMY SYSTEM (10.9.4.0)

Logiciel de gestion des établissements. - élèves/étudiants (inscription, dossier, absence...) -...

Cliquez pour télécharger Academy System
Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)
XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)

Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise...

Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate
Xilisoft DVD Ripper Ultimate (5.0.64.0304)
XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)

Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ...

Cliquez pour télécharger Xilisoft DVD Ripper Ultimate
Axalot, logiciel de sauvegarde de données en ligne (1.10.108.1)
AXALOT, LOGICIEL DE SAUVEGARDE DE DONNéES EN LIGNE (1.10.108.1)

Perdre tout le contenu de votre disque dur, vous imaginez ? Vos photos, vos musiques, votre compt...

Cliquez pour télécharger Axalot, logiciel de sauvegarde de données en ligne
Rigs of Rods (63.3)
RIGS OF RODS (63.3)

c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo...

Cliquez pour télécharger Rigs of Rods