Avatar billede miss-g Seniormester
29. oktober 2004 - 15:20 Der er 9 kommentarer og
1 løsning

Hvordan laves dette?

Har lavet et visuelt ekspempel:
http://www.nicolin.dk/navne/index.htm

Hivs man klikker på ´Navn 1´ lukker man cellen nedenunder. Klikker man igen på ´Navn 1´ åbner man cellen igen.

Hvordan gøres det i praksis? Og hvordan får man alle billede celler til at lukke via select boksen og omvendt?
-------------------------------------------------------------
Forklar lige så jeg kan forstå - har ikke det store forstand på koder *S*
Avatar billede roenving Novice
29. oktober 2004 - 15:33 #1
F.eks.

<script type="text/javascript">
function show(val){
  var i = 0;
  while(document.getElementById('tr'+i)){
    document.getElementById('tr'+i).style.display = val;
    i++;
  }
}
</script>

<select onchange="if(this.selectedIndex>0)show(this.value)">
  <option>--Vælg--</option>
  <option value='block'>Vis alle</option>
  <option value='none'>Gem alle</option>
</select>

-- og så f.eks.

<tr>
  <td>
    <a href="#" onclick="st=document.getElementById('tr0').style;st.display=(st.display!='block')?'block':'none';"></td>
</tr>
<tr id="tr0" style="display:block;">
  <td>Billede</td>
</tr>

-- og spørg bare, måske når jeg først tilbage på søndag, men jeg vil gerne forklare, hvis du skal have noget at vide !-)
Avatar billede pham Nybegynder
29. oktober 2004 - 15:35 #2
prøv at kig lidt på dette link:
http://www.karlnelson.net/nestedlists/

Med venlig hilsen
Anders Hansen
Avatar billede miss-g Seniormester
11. november 2004 - 13:19 #3
Roenving - det virker fint i Explorer, men igen kniber det i Netscape.

....?
Avatar billede miss-g Seniormester
20. november 2004 - 21:38 #4
Nogen som også kan få den til at virke i Netscape (ellers lukker jeg).
Avatar billede olebole Juniormester
20. november 2004 - 22:00 #5
<ole>

Der manglede et enkelt lighedstegn i linien:
  <a href="#" onclick="st=document.getElementById('tr0').style;st.display=(st.display!='block')?'block':'none';"></td>
som skal se sådan ud:
  <a href="#" onclick="st=document.getElementById('tr0').style;st.display=(st.display!=='block')?'block':'none';"></td>


<script type="text/javascript">
function show(val){
  var i = 0;
  while(document.getElementById('tr'+i)){
    document.getElementById('tr'+i).style.display = val;
    i++;
  }
}
</script>

<select onchange="if(this.selectedIndex>0)show(this.value)">
  <option>--Vælg--</option>
  <option value='block'>Vis alle</option>
  <option value='none'>Gem alle</option>
</select>


<tr>
  <td>
    <a href="#" onclick="st=document.getElementById('tr0').style;st.display=(st.display!=='block')?'block':'none';">TEST</td>
</tr>
<tr id="tr0" style="display:block;">
  <td>Billede</td>
</tr>

/mvh
</bole>
Avatar billede miss-g Seniormester
21. november 2004 - 16:41 #6
Tak olebole - skal nok tjekke koden snarest - har lidt travlt pt.
Avatar billede olebole Juniormester
21. november 2004 - 17:25 #7
Selvtak ... ja, det ved jeg jo  ;o)
Avatar billede miss-g Seniormester
16. december 2004 - 12:45 #8
Hvordan kan jeg som udgangspunkt have den collapsed (lukket)?
Avatar billede miss-g Seniormester
16. december 2004 - 12:53 #9
Virker forresten stadig ikke optimalt i Netscape.

For hver gang jeg lukker cellen, bliver cellen højere og højere....
Avatar billede miss-g Seniormester
03. januar 2005 - 14:00 #10
Fik ikke svar på Netscape og hvordan den som uddgangspunkt er lukket....

:-(
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester