Jeg kunne tænke mig et div vindue med yderliger inf ved db udtræk

Vil du have en ny række til at blive vist, hvis du trykker på en af titlerne eller numrene ?-)

ja vd tryk på info ikonet

f.eks.

<img src="info.gif" width="10" height="10" onclick="parentNode.parentNode.nextSibling.style.display='block';">

-- og så når du genererer koden indsætte en række efter linjen:

<tr style="display:none"><td colspan="6">Denne film er en helt fantastisk tour de force bla bla bla ...</td></tr>

-- og hvis du godt vil skjule den igen:

<img src="info.gif" width="10" height="10" onclick="st=parentNode.parentNode.nextSibling.style;st.display=(st.display!='block')?'block':'none';">

...

<tr style="display:none" onclick="this.style.display='none';"><td colspan="6">Denne film er en helt fantastisk tour de force bla bla bla ...</td></tr>

-- der kan være noget med antallet af parentNodes, men det burde du kunne finde ret nemt !-)

Hvis samme ikon skal vise og gemme teksten hvad så??

Og hvis der nu er 100 poster = 200 rækker. Hvor stor betydning har det på hastigheden.

Ovenstående kode kan du faktisk bruge på alle ikonerne (samme kode _hver_ gang !-)

Det betyder klart noget, hvis du poster meget mere kode ud, men du kan jo selv regne på det, for det bliver 100*(ca. 150 + teksten/koden), altså omkring 25k hvis du har omkring 100 tegns beskrivelse, ialt 200 kBit, som de fleste vil kunne hente på omkring eller under et sekund, browseren skal selvfølgelig bruge noget tid til at tage stilling til hvad der skal ske, så alt-i-alt vil det blive en netop mærkbar forsinkelse, hvis man har brugt siden før, men knap nok mulig at bemærke, hvis man kommer første gang !o]

<img src="info.gif" width="10" height="10" onclick="st=parentNode.parentNode.nextSibling.style;st.display=(st.display!='block')?'block':'none';">

er dette denne her linie som skal bruge til begge ting??

Jeg er lidt på herrens mark med det der navngivning og de parentNodes, kan du ikke vise det med et eks.

Du skal opbygge dine linjer i tabellen ca. sådan:

<tr>
  <td>
    355</td>
  <td>
    Filmtitel

<td>...</td><td>...</td>

  <td>
    <img src="info.gif" width="10" height="10" onclick="st=parentNode.parentNode.nextSibling.style;st.display=(st.display!='block')?'block':'none';"></td>

<td>...</td>
</tr>

<tr style="display:none;cursor:pointer;" onclick="this.style.display='none';">
  <td colspan="6">
    Denne film er en helt fantastisk tour de force bla bla bla ...</td>
</tr>

-- det skal tilføjes, at jeg ikke selv har prøvet lige den slags før nu, men jeg kender åbenbart principperne godt nok, for det virker fuldstændig uproblematisk hos mig !-)

Dog stødte jeg ind i et uventet problem i Mozilla, da den placerer en tekst-node for hvert linjeskift, så du må hellere sætte et javascript i toppen:

<script type="text/javascript">
function findNextTr(elm){
  var t = elm;
  while(t.tagName!='TR')t = t.parentNode;
  t = t.nextSibling;
  while(t.tagName!='TR')t = t.nextSibling;
  return t;
}
</script>

-- og så udforme linjerne sådan:


<table>
<tr>
  <td>
    355</td>
  <td>
    Filmtitel</td>

<td>...</td><td>...</td>

  <td>
    <img src="info.gif" width="20" height="20" onclick="st=findNextTr(this).style;st.display=(st.display!='block')?'block':'none';"></td>

<td>...</td>
</tr>

<tr style="display:none;cursor:pointer;" onclick="this.style.display='none';">
  <td colspan="6">
    Denne film er en helt fantastisk tour de force bla bla bla ...</td>
</tr>
</table>

Det prøver jeg lige

Det virker perfekt du , skriv svar

Velbekomme '-)

-- og tak for point ;~}