Parade au style.width sous FireFox ?Résolu

Question

Bonjour,
je d&#233;couvre &#224; peine toutes les possibilit&#233;s qu'offre le javascript ce qui explique mon niveau (je ne me suis pas tromp&#233; de section au moins :)).

Durant mon temps perdu j'ai cr&#233;&#233; un blog en php qui regorge de javascript. Ma derni&#232;re id&#233;e est d'ajouter un liens qui permettrais de cacher le menu. Quand on click dessu, le script li&#233; fait un style.display='none' et redimensionne le div central avec un style.width.

Voil&#224; pour l'explication. Mon probl&#232;me est que sous firefox sa ne fonctionne pas (alors que sous Opera et meme sous IE sa fonctionne parfaitement). Existerait-il donc une parade pour que cel&#224; fonctionne ?


Voici mon code:

function cacheId(divId)
{
  the_check = document.getElementById(divId).style.display;

  if(the_check)
  {
    document.getElementById(divId).style.display='';
    document.getElementById('collapse').style.display='';
    document.getElementById('explode').style.display='none';
    document.getElementById('droite').style.width='640';
  }
  else
  {
    document.getElementById(divId).style.display='none';
    document.getElementById('collapse').style.display='none';
    document.getElementById('explode').style.display='';
    document.getElementById('droite').style.width='800';
  }	
}


Merci de votre aide !!

Shibo_Sources · Accepted Answer

Bonjour,
J'ai retravaill&#233; sur le probl&#232;me cette journ&#233;e (n'ayant pas le web j'avais du temps &#224; perdre).

Le probl&#232;me portait (car r&#233;solut) uniquement sur style.width, tout le reste est fonctionelle.

J'ai oubli&#233; de vous fornir un exemple pour voir la situation: http://www.jeanmariethiebaud.com/web/filter

J'ai aussi oubli&#233; de vous expliquer 2, 3 choses:
J'avais un th&#233;me enti&#232;rement fait avec des div's mais lorseque j'ai rajouter le calendrier que j'ai cod&#233; j'ai rencontr&#233; des probl&#232;mes avec les infobulls. Seul solution: cr&#233;er un tableau de 2 cases, l'une pour le menu, l'autre pour le contenu des modules. Les cases n'avaient pas d'attribut width.

Dans mon script, droite est un div, en l'occurence c'est le div qui affiche le contenu du modules (donc la 'case' de droite). Collapse et Explode sont deux div's qui servent &#224; changer l'icone '<' en une icone '>' et invers&#233;ment en fonction de l'&#233;tat d'affichage du menu.

=> Pour r&#233;soudre le probl&#232;me:
J'ai supprim&#233; l'attribut width des div's. J'ai ensuite mis l'attribut width dans le style des balises td. Ensuite, quand on click pour cacher le menu cel&#224; change le style.width des celulles et non plus des div's. Si surprenant que cela puisse para&#238;tre, sa fonctionne . . .

Ce probl&#232;me est vraiment surprenant ...

Merci tout de m&#234;me de votre aide!

cs_bultez · Answer

Bonjour, function cacheId(divId) { if( document.getElementById(divId).style.display != "block" ) { document.getElementById(divId).style.display='block'; document.getElementById('collapse').style.display='block'; document.getElementById('explode').style.display='none'; document.getElementById('droite').style.width='640'; } else { document.getElementById(divId).style.display='none'; document.getElementById('collapse').style.display='none'; document.getElementById('explode').style.display='block'; document.getElementById('droite').style.width='800'; } } peut-être ? ( ou inline ) Cordialement. Bul. ~ Mon Site qu'il est à Moi ~

cs_bultez · Answer

j'ai mal lu ? le problème est sur style.width ? quoi que c'est comme balise "droite" ? Cordialement. Bul. ~ Mon Site qu'il est à Moi ~

Mindiell · Answer

Lorsque tu mets display = 'none'; normalement le calque n'est plus pris en compte. Ton calque central ne devrait pas avoir besoin d'être retaillé...

Parade au style.width sous FireFox ?

4 réponses

Votre réponse

Discussions similaires