Greska sa display: none kod firefoxa ?

Greska sa display: none kod firefoxa ? 27.06.2009. u 17:48 · pre 210 meseci #1

Treba mi pomoc oko display: none, overflow: hidden, itd. u javascripti i HTML-u.
Uradio sam ovaj kod i radi na IE, ali prilikom smanjenja visine i postavljanja display: none za <tr> u firefoxu mi ostane "slobodan prostor" izmedju <tr>-ova :)

Evo koda:

Code:

<table>
            <tr>
                <td>...neki kod...</td>
             </tr>
<tr id="info12" onmouseover="krenuo1('info12','info11')" onmouseout="izasao1('info12','info11')" style="display: none;" height="100%">
        <td align="left" valign="top">
<script language="JavaScript">
var poceo1 = 0;

function krenuo1() {
poceo1 = 1;
setTimeout("otvori1('info12','info11')",1000);
}
function izasao1() {
poceo1 = 0;
setTimeout("otvori1('info12','info11')",1000);
}

function otvori1(sc1,sc2) {
if ( poceo1 == 1 ) {
document.getElementById(sc1).style.display = "block";
if ( parseFloat(document.getElementById(sc2).style.height) < 175 ) {
document.getElementById(sc2).style.height = parseFloat(document.getElementById(sc2).style.height) + 5;
setTimeout("otvori1('info12','info11')",50);
}
}
if ( poceo1 == 0 ) {
if ( parseFloat(document.getElementById(sc2).style.height) >= 25 ) {
document.getElementById(sc2).style.height = parseFloat(document.getElementById(sc2).style.height) - 25;
setTimeout("otvori1('info12','info11')",20);
}
else
{
document.getElementById(sc2).style.height = 5;
document.getElementById(sc1).style.display = "none";
}
}
}

</script>
<div id="info11" style="overflow: hidden; height: 5px;" >
...neki kod...
</div>
</td>
</tr>
            <tr>
                <td>...neki kod...</td>
             </tr>
            <tr>
                <td>...neki kod...</td>
             </tr>
            <tr>
                <td>...neki kod...</td>
             </tr>
                         ...
</table>

Sve radi super, "otvori" se <div> ( ovi <tr> ispod se pomere na dole ) , lepo sve, i kad krene da se zatvara, ide do neke granice i onda ovi <tr> od dole sto su se pomerali na gore stanu, i ostane neki prostor... To se desi u firefoxu, a u IE radi sve lepo...

Zna li neko u cemu je problem?

Hvala...

Re: Greska sa display: none kod firefoxa ? 27.06.2009. u 19:43 · pre 210 meseci #2

Možda si ga zbunio.

Prvo, JS-u nije mesto u tabeli, pogotovo ne u onom delu koji će se sakriti (možda tu zbunjuješ FF).

Drugo, optimizuj kod. stalno ponavljanje get ElementById smara browser.
ubaci:
var sc2el = document.getElementById(sc2)
pa onda radi sa sc2el unesto da stalno pronalasiš elemente... ovo će ubrzati znatno skript.

Možda ti nisam pomogao direktno, ali ni ovi saveti nisu za bacanje.

Potpis

Moj Veb Sajt HostCentar Blog
Aleksinac Južna Srbija TimeOut

Re: Greska sa display: none kod firefoxa ? 27.06.2009. u 19:57 · pre 210 meseci #3

Prvo mi je bio izvan i nije radio, tj radio je isto kao i sad, pa sam ga ubacio unutra kako bi "video" rezultate... U svakom slucaju nije do toga...

Isti je rezultat izvan ili unutar.

Kod jos uvek nije "pusten u upotrebu" jos uvek mu treba doterivanje i ubrzavanje, i naravno ta promena... Ali hvala u svakom slucaju na predlogu...

Srodne teme