Autor Zpráva
P_T_
Profil
#1 · Zasláno: 18. 6. 2010, 12:31:17
Odpovědět Citovat
Prosím o pomoc, mám následující kód, který rozbaluje a sbaluje dva DIVy ( jeden je o 48px větší ). Ve FF to funguje, ale v IE se neprovede podmínka na řádku 25 a 30. Menu se sbaluje, ale nedokončí se. Ukázku bohužel nemůžu zaslat, protože to mám na localu. 

function ZmenaZobrazeni(){
  var Min = 0, Krok = 20, Max = 295, Cas = 10, t;
  var obj_2 = document.getElementById('div-a');
  var obj_3 = document.getElementById('div-b');
  clearInterval(t);
  if(obj_2.style.display == "none") {   // dolů
    obj_2.style.height = "0px";
    obj_3.style.height = "0px";
    obj_2.style.display = "block";
    obj_3.style.display = "block"; 
    t = setInterval(dolu, Cas); 
  } else {                              // nahoru
    t = setInterval(nahoru, Cas);
  }
  function dolu(){    // rolování menu dolu
    obj_2.style.height = (Min+=Krok) + "px";
    obj_3.style.height = (Min-48) + "px";
    if(Min >= Max) {
      clearInterval(t); 
      obj_2.style.height = Max + "px";
      obj_3.style.height = (Max-48) + "px";
    }  
  }
  function nahoru(){  // rolování menu nahoru   
    if( Max <= Min ) {    // pokud je menu nahoře, tak se nastaví display none
      clearInterval(t); 
      obj_2.style.display = "none";
      obj_3.style.display = "none"; 
    } 
    if (Max <= 48) { obj_3.style.height = "0px"; }
    obj_2.style.height = (Max-=Krok) + "px";
    obj_3.style.height = (Max-48) + "px";
  }
}


Předem děkuji všem alespoň o nasměrování ;-)
Chamurappi
Profil
#2 · Zasláno: 18. 6. 2010, 12:55:47 · Upravil/a: Chamurappi
Odpovědět Citovat
Reaguji na P_T:
V kódu nevidím nic, co by mohlo být příčinou nekompatibility. Buď něco přehlížím, nebo je chyba způsobená něčím mimo tento kód, nebo jsi špatně posoudil její projevy. Jakou máš verzi Exploreru? Co ostatní prohlížeče?

„Ukázku bohužel nemůžu zaslat, protože to mám na localu.“
Nemůžeš ji někam hodit?

Edit: Teď mě napadlo — má ten element obj_3 nastavený styl overflow: hidden?
P_T_
Profil
#3 · Zasláno: 18. 6. 2010, 13:13:36
Odpovědět Citovat
Chamurappi:
Díky za odpověď, Zkoušel jsem to v IE6 a IE8 - oba se chovají stejně. FF 3.6 - OK.
oba elementy (obj_2 , obj_3) mají overflow: hidden.
Zkusím to někam dát.
Časová prodleva: 1 měsíc
P_T_
Profil
#4 · Zasláno: 27. 7. 2010, 08:08:56
Odpovědět Citovat
Po delší době jsem se vrátil k výše popsanému problému. Jelikož se mi nepodařilo zatím problém vyřešit, obracím se na zdejší odborníky ;-)
Ukázka je ZDE. Zkoušel jsem to v FF, Opera, Safari, Chrome a IE. Ve všech prohlížečích to funguje kromě IE ( různé verze ).
Předem díky za nasměrování.
P_T_
Profil
#5 · Zasláno: 27. 7. 2010, 14:10:31
Odpovědět Citovat
Vyřešeno.
v IE vadilo záporné ...style.height.
Časová prodleva: 14 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0