[js] FireFox, toggle visibiliy TR

[Verwijderd]

edit:
Oeps, sorry kan iemand deze naar Webdesign verplaatsen?

Als ik mbv onderstaande code een id van een TR meegeef, werkt dat in IE perfect. In FireFox werkt het wel, maar blijft de ruimte die de TR innam gewoon gebruikt. De rijen eronder schuiven dus niet omhoog. Weet iemand hoe dit op te lossen?

code:

function toggleElt(id) {
  var elt = document.getElementById(id);    
  if (!elt) return false;
  
  if (elt.style.display == "none"){
    elt.style.display = "block";
  } else {
    elt.style.display = "none"  
  }
}

[ Voor 11% gewijzigd door Verwijderd op 11-10-2005 10:07 ]

[Verwijderd]

elt.style.height = 0 ? weet niet of dit correct is maar het werkt wel (Height ?)

[CodeCaster]

Misschien de hoogte ook aanpassen?

code:

function toggleElt(id) {
  var elt = document.getElementById(id);    
  if (!elt) return false;
  
  if (elt.style.display == "none"){
    elt.style.display = "block";
  } else {
    elt.style.display = "none";
    elt.style.height = 0;
  }
}

edit:

Damn te laat

[ Voor 12% gewijzigd door CodeCaster op 11-10-2005 10:10 ]

[Verwijderd]

Hoogte op 0 zetten lijkt niet te werken

[NMe]

PW>>WG

[Verwijderd]

Verwijderd schreef op dinsdag 11 oktober 2005 @ 10:13:
Hoogte op 0 zetten lijkt niet te werken

Werkt prima bij mij. hoe ziet je code er nu uit ?

[edit]
Btw volgens mij moet je eerst de height zetten.

[ Voor 13% gewijzigd door Verwijderd op 11-10-2005 10:17 ]

[CodeCaster]

Ik lees zo enkele mogelijke oplossingen, deze al geprobeerd?

http://www.google.nl/sear...+collapse+table+row&meta=

[Verwijderd]

code:

function toggleElt(id) {
  var elt = document.getElementById(id);  
  if (!elt) return false;
  
  if (elt.style.display == "none"){
    elt.style.display = "block";    
  } else {  
    elt.style.height = 0;    
    elt.style.display = "none";       
  }
}

Ik heb van alles met volgorde en position geprobeerd. Alles zonder effect hier. (FF 1.06 btw)

[disjfa]

Verwijderd schreef op dinsdag 11 oktober 2005 @ 10:20:
Ik heb van alles met volgorde en position geprobeerd. Alles zonder effect hier. (FF 1.06 btw)

Heb je er bij toeval ook wat html bij? Height op 0 zetten of display op block zetten van een tr werken hier namelijk gewoon. Dus ik denk niet dat het je javascript is.

[Verwijderd]

CodeCaster schreef op dinsdag 11 oktober 2005 @ 10:20:
Ik lees zo enkele mogelijke oplossingen, deze al geprobeerd?

http://www.google.nl/sear...+collapse+table+row&meta=

Had al het een en ander bekeken en gezocht. Kom nu toevallig op een pagina waar iemand het volgende zegt:

code:

Try to reset the display string to""; to reshow it:

Hide: "none"
Show: ""

This should work cross-browser.

Dit werkt inderdaad. Bedankt voor de hulp allen.

[ Voor 11% gewijzigd door Verwijderd op 11-10-2005 10:23 ]

[Verwijderd]

code:

if( prevdiv.style.visibility != 'hidden' )
{   
    // Hide
    if( height_cur > 0 ) height_bck = height_cur;                           
    prevdiv.style.height = 0;
    prevdiv.style.visibility = 'hidden';
}
else
{
    // Show
    prevdiv.style.height = height_bck;
    prevdiv.style.visibility = 'visible';   
}

Zo gebruik ik het. (Net iets anders)

[mosymuis]

Misschien niet enkel de rij verbergen, maar met DOM verwijderen? Met functies als deleteRow() en appendChild() kan je zo hetzelfde bereiken. Klik.

[Verwijderd]

mosymuis schreef op dinsdag 11 oktober 2005 @ 10:37:
Misschien niet enkel de rij verbergen, maar met DOM verwijderen? Met functies als deleteRow() en appendChild() kan je zo hetzelfde bereiken. Klik.

Waarom deleten en inserten als je kunt verbergen ?

(btw probleem was al opgelost, maar meer ideen zijn altijd leuk )

[BtM909]

mosymuis schreef op dinsdag 11 oktober 2005 @ 10:37:
Misschien niet enkel de rij verbergen, maar met DOM verwijderen? Met functies als deleteRow() en appendChild() kan je zo hetzelfde bereiken. Klik.

Enige nadeel is dat je ook de inhoud kwijt bent (of je moet dat weer gaan bijhouden). In jouw voorbeeld worden ze nl. direct uit de DOM gehaald, in bovenstaande voorbeelden wordt alleen de stijl aangepast.