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>
<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...