OVH Cloud OVH Cloud

Probleme de script

1 réponse
Avatar
Tiffany1410
Bonsoir,

Sur le script qui suit (menu d?roulant) je voudrais savoir si quelqu'un qui
s'y connait bien en script pouvait me dire o? est l'endroit que je cherche pour
pouvoir modifier ces param?tres = (D?calage du tableau vers la droite ou la
gauche et m?me chose pour le heut et le bas).
Merci d'avance c'est tr?s important r?pondez svp.


<SCRIPT LANGUAGE="JavaScript">
<!--Javascript fourni par-->
<!-- [Script Masters.com]-->
<!-- http://www.script-masters.com/ -->


/****************************************
*Menu dynamique vertical *
*Daniel Fabien21-05-2002 *
*http://www.script-masters.com *
*Pri?re de conserver ce message *
****************************************/


<!-----------------------Edition des caract?ristiques du menu
----------------------------->

var largeur = 120;//Largeur du menu
var gauche = 50;//nombre de pixe de la gauche de l'?cran
var top = 100;//Nombre de pixels du haut de la page
var couleur_police_cat="#000000";//Couleur du texte des categories
var couleur_police_scat="#3168E8";//Couleur du texte des sous-categories
var couleur_cat="#E0E4E4";//Couleur de fond des categories
var couleur_scat="#E0E4E4";//Couleur de fond des sous-categories


/********************************************************
*Attention : la modification des 2 variables ci-dessous *
*peut provoquer d'important bug d'affichages *
*Il est fortement conseill? de les conserver en ?tat. *
*********************************************************/
var taille = 11;//Police de caract?res
var police = "Arial";//Type de police



<!-----------------------Texte et lien des menus et sous
menus---------------------------->

var nb_elem = 6;//Nombre de categorie dans le menu

var nb_souscat = new Array(nb_elem);//Nb_souscat contient le nombre de sous
categorie pour chaque categorie

nb_souscat[0] = 1;//Nombre de sous categorie 1
nb_souscat[1] = 4;//Nombre de sous categorie 2
nb_souscat[2] = 4;//Nombre de sous categorie 3
nb_souscat[3] = 1;//Nombre de sous categorie 4
nb_souscat[4] = 1;//Nombre de sous categorie 5
nb_souscat[5] = 1;//Nombre de sous categorie 6
nb_souscat[6] = 3;//Nombre de sous categorie 7
nb_souscat[7] = 3;//Nombre de sous categorie 8
//r?peter aussi souvent qu'il y a de categorie...


var categorie = new Array(nb_elem);
var soustab = new Array;

var tab0 = new Array(nb_souscat[0]);
var tab1 = new Array(nb_souscat[1]);
var tab2 = new Array(nb_souscat[2]);
var tab3 = new Array(nb_souscat[3]);
var tab4 = new Array(nb_souscat[4]);
var tab5 = new Array(nb_souscat[5]);
var tab6 = new Array(nb_souscat[6]);
var tab7 = new Array(nb_souscat[7]);
//r?peter aussi souvent qu'il y a de categorie...


<!-------Edition PREMIERE categorie et sous categorie------------>
categorie[0] = " Home"; //Titre de la categorie

tab0[0] = " Go to the home
page|http://mapage.noos.fr/tiffany2|_parent";//Premier sous-titre|liens|cible
tab0[1] = " Tutoriaux|http://www.script-masters.com|_blank";//Second
sous-titre|liens|cible
tab0[2] = " Liens|http://www.script-masters.com|_blank";//Troisi?me
sous-titre|liens|cible


<!-------Edition SECONDE categorie et sous categorie------------>
categorie[1] = " About Usher";//Titre de la categorie

tab1[0] = " Biography|http://mapage.noos.fr/tiffany2/Biography.htm|_('','
popup','width=300,height=400,left=0,top=0,scrollbars=1')";//Premier
sous-titre|liens|cible
tab1[1] = " Profil|http://mapage.noos.fr/tiffany2/Profil.htm|_('','
popup','width=300,height=400,left=0,top=0,scrollbars=1')";//Second
sous-titre|liens|cible
tab1[2] = "
Viodeography|http://mapage.noos.fr/tiffany2/Viodeography.htm|_('','
popup','width=300,height=400,left=0,top=0,scrollbars=1')";//Troisi?me
sous-titre|liens|cible
tab1[3] = "
Discography|http://mapage.noos.fr/tiffany2/Discography|_blank";//Quatri?me
sous-titre|liens|cible

<!-------Edition TROISIEME categorie et sous categorie------------>
categorie[2] = " Medias";//Titre de la categorie

tab2[0] = " New Songs|http://mapage.noos.fr/tiffany2/New
songs|_popup";//Premier sous-titre|liens|cible
tab2[1] = " New Videos|http://mapage.noos.fr/tiffany2/Viodeos|_blank";//Second
sous-titre|liens|cible
tab2[2] = " Usher Music
Box|http://mapage.noos.fr/tiffany2/MusicBox|_blank";//Troisi?me
sous-titre|liens|cible
tab2[3] = "
Wallpapers|http://mapage.noos.fr/tiffany2/Wallpapers|_blank";//Quatri?me
sous-titre|liens|cible

<!-------Edition QUATRIEME categorie et sous categorie------------>
categorie[3] = " Tour"; //Titre de la categorie

tab3[0] = " Get informations|http://Tour-informations|_blank";//Premier
sous-titre|liens|cible
tab3[1] = " Php/MySQL|http://www.script-masters.com|_blank";//Second
sous-titre|liens|cible
tab3[2] = " Webmasters|http://www.script-masters.com|_blank";//Troisi?me
sous-titre|liens|cible

<!-------Edition CINQUIEME categorie et sous categorie------------>
categorie[4] = " Store"; //Titre de la categorie

tab4[0] = " Go to the store
page|http://mapage.noos.fr/tiffany2/Store|_blank";//Premier
sous-titre|liens|cible

<!-------Edition SIXIEME categorie et sous categorie-------------->
categorie[5] = " Lyrics"; //Titre de la categorie

tab5[0] = " Get lyrics|http://mapage.noos.fr/tiffany2/Lyrics|_blank";


soustab[0] = tab0;
soustab[1] = tab1;
soustab[2] = tab2;
soustab[3] = tab3;
soustab[4] = tab4;
soustab[5] = tab5;
soustab[6] = tab6;
soustab[7] = tab7;
//r?peter aussi souvent qu'il y a de categorie...



<!------------------------------------Fonctions---------------------------------
----------->
<!------------------------------NE PLUS RIEN
MODIFIER-------------------------------------->

var conf = -1;
function Init(){
var hauteur = top;
for(i=1;i<=nb_elem;i++){
document.getElementById("menu"+i+"").style.top = hauteur;
hauteur = hauteur + 17;
}
}

function voir(z){
if(conf==z){
document.getElementById("sousmenu"+z+"").style.visibility = 'hidden';
Init();
conf=conf+nb_elem;
}else{
conf=z;

//Calcul de la hauteur dont doit se baisser le menu
haut=0;
var haut = 15*nb_souscat[z-1]+z*18+top;


//On retracte tous les ?l?ments
for(i=1;i<=nb_elem;i++){
document.getElementById("sousmenu"+i+"").style.visibility =
'hidden';
}

//on les remets tous ? leur place
Init();

//on cale le sous menu sous la categorie
document.getElementById("sousmenu"+z+"").style.top = 16;
dec = haut;

//On peut alors baisser tous les autre menus
for(i=z+1;i<=nb_elem;i++){

document.getElementById("menu"+i+"").style.top = dec;
dec=dec+18;
}

//Enfin, on rend le menu visible
document.getElementById("sousmenu"+z+"").style.height =
15*nb_souscat[z-1];
document.getElementById("sousmenu"+z+"").style.visibility = 'visible';

}

}

function affiche(){

//feuille de style
document.write('<style>');
document.write('div.menu{visibility:visible; border-width: 1px;
border-style: solid; border-color: #E0E4E4;background-color: '+couleur_cat+'}');
document.write('div.sousmenu{position:absolute; left:-1; height:20;
visibility:hidden; width:'+ largeur +'; border-width: 1px; border-style: solid;
border-color: #E0E4E4;background-color: '+couleur_scat+'}');
document.write('a.menu{font-family: '+ police +'; color:
'+couleur_police_cat+'; font-size: '+taille+'px; font-weight:bold;
text-decoration: none;}');
document.write('a.smenu{font-family: '+ police +'; color:
'+couleur_police_scat+'; font-size: '+taille+'px; font-weight:bold;
text-decoration: none;}');
document.write('</style>');
document.write('<div>');

for(i=0;i<nb_elem;i++){
boucle = nb_souscat;


document.write('<div id="menu'+(i+1)+'" style="position:absolute;
left:'+ gauche +'px; width:'+ largeur +'px;" class="menu">');
document.write('<a href="#" class="menu"
onClick="javascript:voir('+(i+1)+')">'+categorie+'</a>');

document.write('<div width="'+ largeur +'" id="sousmenu'+(i+1)+'"
class="sousmenu">');


for(z=0;z<boucle;z++){
elem=soustab[z].split("|");
document.write('<div height="15"><a href="'+elem[1]+'"
target="'+elem[2]+'" class="smenu">'+elem[0]+'</a></div>');
}


document.write('</div>');
document.write('</div>');

}

document.write('</div>');

document.onLoad=Init();
}
</script>

1 réponse

Avatar
Leroy Sylvain
Euh..... je crois que tu aurais peu au moins lire un peu le script avant
de poser ta question....

Regarde les valeurs "largeur", "gauche" et "top". Elles sont commentées !!

Tiffany1410 a écrit:
Bonsoir,

Sur le script qui suit (menu d?roulant) je voudrais savoir si quelqu'un qui
s'y connait bien en script pouvait me dire o? est l'endroit que je cherche pour
pouvoir modifier ces param?tres = (D?calage du tableau vers la droite ou la
gauche et m?me chose pour le heut et le bas).
Merci d'avance c'est tr?s important r?pondez svp.


<SCRIPT LANGUAGE="JavaScript">
<!--Javascript fourni par-->
<!-- [Script Masters.com]-->
<!-- http://www.script-masters.com/ -->


/****************************************
*Menu dynamique vertical *
*Daniel Fabien21-05-2002 *
*http://www.script-masters.com *
*Pri?re de conserver ce message *
****************************************/


<!-----------------------Edition des caract?ristiques du menu
----------------------------->

var largeur = 120;//Largeur du menu
var gauche = 50;//nombre de pixels de la gauche de l'?cran
var top = 100;//Nombre de pixels du haut de la page
var couleur_police_cat="#000000";//Couleur du texte des categories
var couleur_police_scat="#3168E8";//Couleur du texte des sous-categories
var couleur_cat="#E0E4E4";//Couleur de fond des categories
var couleur_scat="#E0E4E4";//Couleur de fond des sous-categories


/********************************************************
*Attention : la modification des 2 variables ci-dessous *
*peut provoquer d'important bug d'affichages *
*Il est fortement conseill? de les conserver en ?tat. *
*********************************************************/
var taille = 11;//Police de caract?res
var police = "Arial";//Type de police



<!-----------------------Texte et lien des menus et sous
menus---------------------------->

var nb_elem = 6;//Nombre de categorie dans le menu

var nb_souscat = new Array(nb_elem);//Nb_souscat contient le nombre de sous
categorie pour chaque categorie

nb_souscat[0] = 1;//Nombre de sous categorie 1
nb_souscat[1] = 4;//Nombre de sous categorie 2
nb_souscat[2] = 4;//Nombre de sous categorie 3
nb_souscat[3] = 1;//Nombre de sous categorie 4
nb_souscat[4] = 1;//Nombre de sous categorie 5
nb_souscat[5] = 1;//Nombre de sous categorie 6
nb_souscat[6] = 3;//Nombre de sous categorie 7
nb_souscat[7] = 3;//Nombre de sous categorie 8
//r?peter aussi souvent qu'il y a de categorie...


var categorie = new Array(nb_elem);
var soustab = new Array;

var tab0 = new Array(nb_souscat[0]);
var tab1 = new Array(nb_souscat[1]);
var tab2 = new Array(nb_souscat[2]);
var tab3 = new Array(nb_souscat[3]);
var tab4 = new Array(nb_souscat[4]);
var tab5 = new Array(nb_souscat[5]);
var tab6 = new Array(nb_souscat[6]);
var tab7 = new Array(nb_souscat[7]);
//r?peter aussi souvent qu'il y a de categorie...


<!-------Edition PREMIERE categorie et sous categorie------------>
categorie[0] = " Home"; //Titre de la categorie

tab0[0] = " Go to the home
page|http://mapage.noos.fr/tiffany2|_parent";//Premier sous-titre|liens|cible
tab0[1] = " Tutoriaux|http://www.script-masters.com|_blank";//Second
sous-titre|liens|cible
tab0[2] = " Liens|http://www.script-masters.com|_blank";//Troisi?me
sous-titre|liens|cible


<!-------Edition SECONDE categorie et sous categorie------------>
categorie[1] = " About Usher";//Titre de la categorie

tab1[0] = " Biography|http://mapage.noos.fr/tiffany2/Biography.htm|_('','
popup','width00,,left=0,top=0,scrollbars=1')";//Premier
sous-titre|liens|cible
tab1[1] = " Profil|http://mapage.noos.fr/tiffany2/Profil.htm|_('','
popup','width00,,left=0,top=0,scrollbars=1')";//Second
sous-titre|liens|cible
tab1[2] = "
Viodeography|http://mapage.noos.fr/tiffany2/Viodeography.htm|_('','
popup','width00,,left=0,top=0,scrollbars=1')";//Troisi?me
sous-titre|liens|cible
tab1[3] = "
Discography|http://mapage.noos.fr/tiffany2/Discography|_blank";//Quatri?me
sous-titre|liens|cible

<!-------Edition TROISIEME categorie et sous categorie------------>
categorie[2] = " Medias";//Titre de la categorie

tab2[0] = " New Songs|http://mapage.noos.fr/tiffany2/New
songs|_popup";//Premier sous-titre|liens|cible
tab2[1] = " New Videos|http://mapage.noos.fr/tiffany2/Viodeos|_blank";//Second
sous-titre|liens|cible
tab2[2] = " Usher Music
Box|http://mapage.noos.fr/tiffany2/MusicBox|_blank";//Troisi?me
sous-titre|liens|cible
tab2[3] = "
Wallpapers|http://mapage.noos.fr/tiffany2/Wallpapers|_blank";//Quatri?me
sous-titre|liens|cible

<!-------Edition QUATRIEME categorie et sous categorie------------>
categorie[3] = " Tour"; //Titre de la categorie

tab3[0] = " Get informations|http://Tour-informations|_blank";//Premier
sous-titre|liens|cible
tab3[1] = " Php/MySQL|http://www.script-masters.com|_blank";//Second
sous-titre|liens|cible
tab3[2] = " Webmasters|http://www.script-masters.com|_blank";//Troisi?me
sous-titre|liens|cible

<!-------Edition CINQUIEME categorie et sous categorie------------>
categorie[4] = " Store"; //Titre de la categorie

tab4[0] = " Go to the store
page|http://mapage.noos.fr/tiffany2/Store|_blank";//Premier
sous-titre|liens|cible

<!-------Edition SIXIEME categorie et sous categorie-------------->
categorie[5] = " Lyrics"; //Titre de la categorie

tab5[0] = " Get lyrics|http://mapage.noos.fr/tiffany2/Lyrics|_blank";


soustab[0] = tab0;
soustab[1] = tab1;
soustab[2] = tab2;
soustab[3] = tab3;
soustab[4] = tab4;
soustab[5] = tab5;
soustab[6] = tab6;
soustab[7] = tab7;
//r?peter aussi souvent qu'il y a de categorie...



<!------------------------------------Fonctions---------------------------------
----------->
<!------------------------------NE PLUS RIEN
MODIFIER-------------------------------------->

var conf = -1;
function Init(){
var hauteur = top;
for(i=1;i<=nb_elem;i++){
document.getElementById("menu"+i+"").style.top = hauteur;
hauteur = hauteur + 17;
}
}

function voir(z){
if(conf==z){
document.getElementById("sousmenu"+z+"").style.visibility = 'hidden';
Init();
conf=conf+nb_elem;
}else{
conf=z;

//Calcul de la hauteur dont doit se baisser le menu
haut=0;
var haut = 15*nb_souscat[z-1]+z*18+top;


//On retracte tous les ?l?ments
for(i=1;i<=nb_elem;i++){
document.getElementById("sousmenu"+i+"").style.visibility =
'hidden';
}

//on les remets tous ? leur place
Init();

//on cale le sous menu sous la categorie
document.getElementById("sousmenu"+z+"").style.top = 16;
dec = haut;

//On peut alors baisser tous les autre menus
for(i=z+1;i<=nb_elem;i++){

document.getElementById("menu"+i+"").style.top = dec;
decÞc+18;
}

//Enfin, on rend le menu visible
document.getElementById("sousmenu"+z+"").style.height =
15*nb_souscat[z-1];
document.getElementById("sousmenu"+z+"").style.visibility = 'visible';

}

}

function affiche(){

//feuille de style
document.write('<style>');
document.write('div.menu{visibility:visible; border-width: 1px;
border-style: solid; border-color: #E0E4E4;background-color: '+couleur_cat+'}');
document.write('div.sousmenu{position:absolute; left:-1; height:20;
visibility:hidden; width:'+ largeur +'; border-width: 1px; border-style: solid;
border-color: #E0E4E4;background-color: '+couleur_scat+'}');
document.write('a.menu{font-family: '+ police +'; color:
'+couleur_police_cat+'; font-size: '+taille+'px; font-weight:bold;
text-decoration: none;}');
document.write('a.smenu{font-family: '+ police +'; color:
'+couleur_police_scat+'; font-size: '+taille+'px; font-weight:bold;
text-decoration: none;}');
document.write('</style>');
document.write('<div>');

for(i=0;i<nb_elem;i++){
boucle = nb_souscat;


document.write('<div id="menu'+(i+1)+'" style="position:absolute;
left:'+ gauche +'px; width:'+ largeur +'px;" class="menu">');
document.write('<a href="#" class="menu"
onClick="javascript:voir('+(i+1)+')">'+categorie+'</a>');

document.write('<div width="'+ largeur +'" id="sousmenu'+(i+1)+'"
class="sousmenu">');


for(z=0;z<boucle;z++){
elem=soustab[z].split("|");
document.write('<div height="15"><a href="'+elem[1]+'"
target="'+elem[2]+'" class="smenu">'+elem[0]+'</a></div>');
}


document.write('</div>');
document.write('</div>');

}

document.write('</div>');

document.onLoad=Init();
}
</script>