Sujet Précédent Sujet Suivant

Menu déroulant inopérant sous FF

bowtech Messages postés 4 Date d'inscription dimanche 2 mars 2008 Statut Membre Dernière intervention 19 juin 2008 - 19 juin 2008 à 11:41
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 - 20 juin 2008 à 17:29
Bonjour à tous

Tout d'abord, bravo pour votre site de qualité. C'est toujours un plaisir de parcourir les pages.
Je suis relativement novice dans la programmation html, et j'ai un soucis de compatibilité entre ie et ff.
Sur mon site (http://arc76.fr/), j'utilise un menu déroulant vertical fourni par un site "spécialié"
Il fonctionne très bien sous ie, mais ne se déroule pas sous ff.
Auriez-vous une piste pour m'aider à résoudre ce problème ?
voici mon code dans mon fichier menuscript.js :

---------------------------------------------------
/*** SET BUTTON'S FOLDER HERE ***/
var buttonFolder = "buttons/";


/*** SET BUTTONS' FILENAMES HERE ***/
upSources = new Array("button1up.png","button2up.png","button3up.png","button4up.png","button5up.png","button6up.png","button7up.png");


overSources = new Array("button1over.png","button2over.png","button3over.png","button4over.png","button5over.png","button6over.png","button7over.png");


// SUB MENUS DECLARATION, YOU DONT NEED TO EDIT THIS
subInfo = new Array();
subInfo[1] = new Array();
subInfo[2] = new Array();
subInfo[3] = new Array();
subInfo[4] = new Array();
subInfo[5] = new Array();
subInfo[6] = new Array();
subInfo[7] = new Array();




//*** SET SUB MENUS TEXT LINKS AND TARGETS HERE ***//


subInfo[2][1] = new Array("Présentation","cd-presentation.htm","");
subInfo[2][2] = new Array("Composition","cd-membres.htm","");
subInfo[2][3] = new Array("Commissions","cd-commissions.htm","");


subInfo[3][1] = new Array("La F.F.T.A.","info-ffta.htm","");
subInfo[3][2] = new Array("Les infos du CD","info-news_cd.htm","");
subInfo[3][3] = new Array("Les Forums","info-forums.htm","");
subInfo[3][4] = new Array("Liens utiles","info-liens.htm","");


subInfo[4][1] = new Array("Les clubs","pratiquer-clubs.htm","");
subInfo[4][2] = new Array("Les stages","pratiquer-stages.htm","");
subInfo[4][3] = new Array("Les catégories","pratiquer-ages.htm","");


subInfo[5][1] = new Array("Championnat Départemental Salle","compet-championnats.htm","");
subInfo[5][2] = new Array("Championnat de Ligue par Equipes ","class-ch-ligue-inter-dept.htm","");
subInfo[5][3] = new Array("Règlement du Challenge du Département","trophee-reglement.htm","");
subInfo[5][4] = new Array("Classement du Challenge du Département","trophee-classement.htm","");


subInfo[6][1] = new Array("Salle","cal_salle.htm","");
subInfo[6][2] = new Array("Extérieur","cal_exterieur.htm","");
subInfo[6][3] = new Array("Parcours","cal_parcours.htm","");
subInfo[6][4] = new Array("Arbitrage","cal_arbitrage.htm","");


subInfo[7][1] = new Array("3 D","records-3d.htm","");
subInfo[7][2] = new Array("Fita","records-fita.htm","");
subInfo[7][3] = new Array("Salle","records-salle.htm","");
subInfo[7][4] = new Array("Nature","records-nature.htm","");
subInfo[7][5] = new Array("Fédéral","records-federal.htm","");
subInfo[7][6] = new Array("Beursault","records-beursault.htm","");
subInfo[7][7] = new Array("Campagne","records-campagne.htm","");


//*** SET SUB MENU POSITION ( RELATIVE TO BUTTON ) ***//
var xSubOffset = 0;
var ySubOffset = 22;


 


//*** NO MORE SETTINGS BEYOND THIS POINT ***//
var overSub = false;
var delay = 200;
totalButtons = upSources.length;


// GENERATE SUB MENUS
for ( x=0; x<totalButtons; x++) {
 // SET EMPTY DIV FOR BUTTONS WITHOUT SUBMENU
 if ( subInfo[x+1].length < 1 ) {
  document.write('
');
 // SET DIV FOR BUTTONS WITH SUBMENU
 } else {
  document.write('
\\\'submenu' + (x+1) + '\\\')\',delay);');
  document.write('setOutImg(\'' + (x+1) + '\',\'\');">');




  document.write('');
  for ( k=0; k<subInfo[x+1].length-1; k++ ) {
   document.write('<li>');
   document.write('[' + subInfo[x+1][k+1][1] + ' ');
   document.write( subInfo[x+1][k+1][0] + ']');
   document.write('</li>');
  }
  document.write('');
 }
 document.write('
');
}


 


 


//*** MAIN BUTTONS FUNCTIONS ***//
// PRELOAD MAIN MENU BUTTON IMAGES
function preload() {
 for ( x=0; x<totalButtons; x++ ) {
  buttonUp = new Image();
  buttonUp.src = buttonFolder + upSources[x];
  buttonOver = new Image();
  buttonOver.src = buttonFolder + overSources[x];
 }
}


// SET MOUSEOVER BUTTON
function setOverImg(But, ID) {
 document.getElementById('button' + But + ID).src = buttonFolder + overSources[But-1];
}


// SET MOUSEOUT BUTTON
function setOutImg(But, ID) {
 document.getElementById('button' + But + ID).src = buttonFolder + upSources[But-1];
}


 


//*** SUB MENU FUNCTIONS ***//
// GET ELEMENT ID MULTI BROWSER
function getElement(id) {
 return document.getElementById ? document.getElementById(id) : document.all ? document.all(id) : null;
}


// GET X COORDINATE
function getRealLeft(id) {
 var el = getElement(id);
 if (el) {
  xPos = el.offsetLeft;
  tempEl = el.offsetParent;
  while (tempEl != null) {
   xPos += tempEl.offsetLeft;
   tempEl = tempEl.offsetParent;
  }
  return xPos;
 }
}


// GET Y COORDINATE
function getRealTop(id) {
 var el = getElement(id);
 if (el) {
  yPos = el.offsetTop;
  tempEl = el.offsetParent;
  while (tempEl != null) {
   yPos += tempEl.offsetTop;
   tempEl = tempEl.offsetParent;
  }
  return yPos;
 }
}


// MOVE OBJECT TO COORDINATE
function moveObjectTo(objectID,x,y) {
 var el = getElement(objectID);
 el.style.left = x;
 el.style.top = y;
}


// MOVE SUBMENU TO CORRESPONDING BUTTON
function showSubMenu(subID, buttonID) {
 hideAllSubMenus();
 butX = getRealLeft(buttonID);
 butY = getRealTop(buttonID);
 moveObjectTo(subID,butX+xSubOffset, butY+ySubOffset);
}


// HIDE ALL SUB MENUS
function hideAllSubMenus() {
 for ( x=0; x<totalButtons; x++) {
  moveObjectTo("submenu" + (x+1) + "",-500, -500 );
 }
}


// HIDE ONE SUB MENU
function hideSubMenu(subID) {
 if ( overSub == false ) {
  moveObjectTo(subID,-500, -500);
 }
}


 


//preload();


--------------------------------------------
Merci d'avance

Un petit nouveau

9 réponses

Réponse 1 / 9
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
19 juin 2008 à 11:58
Bonjour,

_ t'as pas choisi le plus simple comme menu !
   un tel menu peut se faire uniquement avec du html et du css

_ malgré tout, des erreurs css
   regarde la console d'erreurs, ça vient peut-être de là...

<hr />                Cordialement            Bul         [mon Site]     [M'écrire]
0
Réponse 2 / 9
bowtech Messages postés 4 Date d'inscription dimanche 2 mars 2008 Statut Membre Dernière intervention 19 juin 2008
19 juin 2008 à 12:30
dans la console d'erreur, il semble qu'il y ait un pb avec les positionnements left et top :


Avertissement : Erreur d'analyse de la valeur pour la propriété « top ».  Déclaration abandonnée.
Fichier source : http://arc76.fr/accueil.htm
Ligne : 0

Avertissement : Erreur d'analyse de la valeur pour la propriété « left ».  Déclaration abandonnée.
Fichier source : http://arc76.fr/accueil.htm
Ligne : 0

Il y a une instruction spécifique à mettre ?
0
Réponse 3 / 9
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
19 juin 2008 à 12:52
je n'ai pas été plus loin ( avec FF ) que ces erreurs ( une foultitude ! )
et... peut-être d'autres ? je n'ai pas vérifié !
mais ça veut dire que ce qui est mis en top et left n'est pas conforme
à ce qu'attend FireFox ( et d'autres ! ) ,  soit en dur dans le css, soit
en ajout avec javascript
si ça, c'est résolu, je ne "garantis" ;o)  pas que ça fonctionnera !
ni même que c'est ça qui fait "planter".
mais avant de faire quoi qe ce soit, il ne faudrait plus d'erreurs.
je ne tiens pas décortiquer le menu que tu utilises... il est bien trop lourd.

<hr />                Cordialement            Bul         [mon Site]     [M'écrire]
0
Réponse 4 / 9
bowtech Messages postés 4 Date d'inscription dimanche 2 mars 2008 Statut Membre Dernière intervention 19 juin 2008
19 juin 2008 à 15:48
Etant donné que je ne connais pas grand chose au css, j'ai du me rabattre sur ce que je trouvais.
Cela dit, il fonctionne très bien... avec ie
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 9
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
19 juin 2008 à 18:36
Bonjour,
attendu que les unités pour les attributs
left, top etc... peuvent être des pt, mm, cm, em...ou px il est nécéssaire de
préciser l'unité que tu souhaites.
IExplorerIE par défaut semble affecter des px et FireFox ne
sachant pas ne fait pas...
donc
// MOVE OBJECT TO COORDINATE

function moveObjectTo(objectID,x,y) {
  var el =
getElement(objectID);
  el.style.left = x +"px" ;
  el.style.top = y +"px";
}
;O)
0
Réponse 6 / 9
bowtech Messages postés 4 Date d'inscription dimanche 2 mars 2008 Statut Membre Dernière intervention 19 juin 2008
19 juin 2008 à 21:27
GEANT !!!

Un grand merci pour le tuyau
0
Réponse 7 / 9
nickadele Messages postés 1251 Date d'inscription mercredi 7 août 2002 Statut Modérateur Dernière intervention 10 avril 2013
20 juin 2008 à 14:31
PetoleTeam,

cet oubli du +"xp", ça devient classique comme erreur !

Nickadele
0
Réponse 8 / 9
nickadele Messages postés 1251 Date d'inscription mercredi 7 août 2002 Statut Modérateur Dernière intervention 10 avril 2013
20 juin 2008 à 14:31
px et non xp !
0
Réponse 9 / 9
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
20 juin 2008 à 17:29
Bonjour,
Tout à faitt mon bon nickadele, je parle de l'erreur devenue classique,
bien sûr...
;O)
0

Discussions similaires

menu en c
sebz10 -
decricri62 -

4 réponses
comment créer un sous menu
msi79 -
msi79 -

8 réponses
creer un menu deroulant dynamique avec "noms dynamiques"
cs_visman -
Bul3 -

3 réponses
Liste déroulante et récupération du contenu dans un input
Utilisateur anonyme -
rekaia_3459 -

28 réponses
Récupérer variable d'un menu déroulant.
DarkSchneider -
cba -

5 réponses
Rejoignez-nous