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

Ce site au démarrage

begin process at 2012 02 12 17:53:01

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

99 msg

3166 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

Problème avec IE 6 et 7 (Erreur d'exécution inconnue) [ par ov3rdoze ] Bonjour à tous J'essaye désespérement de résoudre ce problème. Le script doit si possible envoyer le formulaire via XMLHttpRequest, ou sinon valider Dropdownlist et ajax [ par kalabichou ] Bonjour à tous, Actuellement j'essaye de faire fonctionner 4 dropdownlist dans un environnement j2ee sous eclipse. En utilisant ajax j'envoie mes par name des input non reconnus dans les fonctions javascript [ par listranger68 ] Bonjour, j'ai créé un formulaire avec des champs dont le nombre est variable de type TEXTAREA ou checkbox (types ci-dessus). [i]echo"$nm_resultat[$i] formulaire verification [ par oraile ] Bonjour à tous, J'ai un formulaire à verifier pour le moment tout se passe bien si les champs ne sont pas remplis ou pas remplis correctement l'envoi responseText ne renvoi rien [ par Orel88 ] Bonjour, J'étais en train de faire un bout de code ajax pour incrémenter une base de donnée lors d'un clic d'utilisateur mais mon responseText ne ren Javascript ave Mozila [ par sdbounana ] Bonjour tous le monde, J'ai des problèmes avec la compatibilité de mon site avec les autres navigateurs: Il fonctionne uniquement en Internet Explorer Definition taille iframe [ par SHEPHERD1988 ] [code=js]expandtab:function(tabref){ var relattrvalue=tabref.getAttribute("rel") //Get "rev" attr as a string of IDs in the format ",john,george,t JavaScript - Erreur = Null [ par SpaceHam ] Je veux faire en JavaScript une page de création bien simple. J'ai un message d'erreur qui m'affiche comme quoi on attend un objet qui serais à Null. Charger un css suivant une url? [ par kuatsu ] Bonjour, Je suis entrain de chercher un moyen pour afficher tel ou tel fichier css durant le chargement de la page suivant l'url à laquelle nous somm script fonctionnant sous Firefox mais pas sous IE6 [ par Kaiser Sauzer ] Bonjour, j'ai une page de formulaire qui fait appelle à 2 script. - le premier me fait apparaître un champs supplémentaire selon le résultat d'un sele

Livres en rapport

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

Nos sponsors

Derniers Blogs

SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc

[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier

[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet

TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice

MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE ! par Vko

Forum

AIDE SUR UN SCRIPT?? par xavpac

[CPAINT ERROR] INVALID HTTP RESPONSE CODE '0 ' par warsez

[DEMANDE] ALGORITHME DJIKSTRA MéTRO/RER PARISIEN par dindin22

BANDEAU DéFILANT MOOTOOLS.JS ET HISTORIQUE DE NAVIGATION par cocolafleche

RE : RéCUPéRER LA VALEUR D'UNE VARIABLE PHP POUR L'UTILISER EN JAVASCRIPT par stealone

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Passerelle Pericles sur site Joomla 17
Budget : 499€
Infogerance Serveur Debian Linux
Budget : 2 400€
Developpeur applications iphone - ipad - android
Budget : 800€

Logiciels

Tribler (2012)
TRIBLER (2012)

Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des...

Cliquez pour télécharger Tribler
OneSwarm (2012)
ONESWARM (2012)

Le peer-to-peer qui protège votre vie privée, c'est OneSwarm. Ce logiciel de peer-to-peer crypté...

Cliquez pour télécharger OneSwarm
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)

PONAMEDIA TV DEVIENS HELLLOOO FLASH LA TV SUR VOTRE ORDINATEUR. Toute une plateforme Multi...

Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO
Academy System (17.2.1.0)
ACADEMY SYSTEM (17.2.1.0)

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

Cliquez pour télécharger Academy System
Easy-Planning (1.0.0.1)
EASY-PLANNING (1.0.0.1)

Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ...

Cliquez pour télécharger Easy-Planning