<table> udfoldning

taget fra www.w3schools.com :

<html>
<head>

<script type=\"text/javascript\">
function insRow()
{
var x=myTable.insertRow(2)
var y=x.insertCell(0)
y.innerText=\"NEW MIDDLE CELL\"
}

</script>

</head>
<body>

<table id=\"myTable\" border=\"1\">
<tr>
<td>My table cell</td>
</tr>
<tr>
<td>My second table cell</td>
</tr>
<tr>
<td>My third table cell</td>
</tr>
<tr>
<td>My fourth table cell</td>
</tr>
</table>

<form>
<input type=\"button\" onclick=\"insRow()\" value=\"Insert row\">
</form>

</body>
</html>

på samme måde kan du slette en række vha:

myTable.deleteRow(rowIdx);

tknusen>> det virker jo fortræffeligt men jeg skal kunne fjerne dem igen ellers virker idéen ligesom ikke (ergo jeg søger en form for foldeud og ind ting)

ok der var jeg for langsom *GG* Jeg vil lige arbejde på det

<ole>
Det kan du gøre på mange måder. Prøv at checke disse metoder...ikke midst createElement, insertRow og insertCell:
  http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods.asp
/mvh
</bole>

Ehhhhh......hvad skal du lave? Nu har du talt om to forskellige ting: At folde nogle skjulte elementer ud og at indsætte nogle elementer. Hvad skal du mon bruge?
/mvh

Ole jeg vil folde skjulte <tr><td>´s ud... Har du da en nemmere hurtig løsning? Jeg har arbejdet lidt med et foldeudsystem der bruger <li> osv. men den holder ikke hvis jeg har brug for følgende:

  navn__ måned_  total 
O  ansat1 måned1  456 
O  ansat2 måned2  123 

når man så trykker på O´knappen folder hele måneden ud (skjulte <tr><td>´s)

vi er jo nogen der går højt op i at pisset står lige og over hinanden *stort smil*

Længe leve os perfektionistiske kodeho´der

Jeg har lavet sådan et system - en slags 2-nivaeus menu system.

Der er jeg afhængig af at have alle data i klienten. Derfor har jeg 3 \"klasser\" - en menu, en header og en leaf klasse. Menu og header klassen indeholder en vektor til at gemme henholdsvis headers og leafs i. Header og leaf klassen har metoder til at folde ind/ud.

I bodyen er der et <div> tag der bliver brugt til at indeholde og placere menuen.

hmmm istedet for at direkte indsætte nye <tr>´s er det så ikke muligt at lægge dem som hidden? ligesom i layer?

for et godt udkast til en sådan form for \"hidden tablerows\" vil jeg gladeligt smide 100 point :-)

Jeg kan prøve at sende koden til dig (og andre interesserede).

Det er lavet til en specifik applikation (en link-collection) - men det kan der jo bare laves om på.

oki jehor@tdc.dk :o) Venter spændt

<tr style=\"visibility:block\">
  <td onclick=\"document.getElementById(\'ib\').style=\'block\'\">ghgbh</td>
</tr>
< id=\"ib\" tr style=\"visibility:none\">
  <td>zxbhbg</td>
</tr>

/mvh

Sådan noget vrøvl...sådan:

<tr style=\"display:block\">
  <td onclick=\"document.getElementById(\'ib\').style.display=\'block\'\">ghgbh</td>
</tr>
< id=\"ib\" tr style=\"display:none\">
  <td>zxbhbg</td>
</tr>

ole du har drukket for meget kaffe ser jeg på dine tasteflejl *GGG*

*ROTFLMAO*  Næhhhhh....180 grader forkert! Jeg har endnu ikke fået nok!  =oD

<tr style=\"display:block\">
  <td onclick=\"document.getElementById(\'ib\').style.display=\'block\'\">ghgbh</td>
</tr>
<tr id=\"ib\" style=\"display:none\">
  <td>zxbhbg</td>
</tr>

\"Sådan\", sagde manden for anden gang!  :)

jeps har testet det og det er sq dejligt nemt men kan jeg ikke smide en class ind istedet for id så jeg slipper for at loope igennem alle de id´s der skal vises?

Fidusen ved \'display\' fremfor \'visibility\' er, at \'display:none\' ikke bare gør et element usynligt....det sørger for elementet \'forsvinder\'. Elementet optager ingen plads, før det gøres synligt med \'display:block\'  ;o)

Hvis det er mange, der skal skjules/vises på én gang, kan du vel godt lægge det i en \'class\' og manipulere class\'en...jeg har ikke prøvet, men det er sikkert muligt.
Hvis du giver dine rows nogle fornuftige id\'er med fortløbende tal i, burde det dog ikke være et problem at bladre dem igennem...(?)
/mvh

Prøv evt. at se på det link, jeg skrev højere oppe. Der er også noget om at manipulere et style-sheet  =)

horsmark >> Jeg har sendt 2 filer til dig. js filen indeholder menu-handleren - htm-filen viser hvordan du bruger menu-handleren.

hmmm hvordan henviser man liiige til en class ligesom id i getElementById(\'ib\')