Avatar billede neo-fisk Nybegynder
10. februar 2008 - 12:26 Der er 11 kommentarer og
1 løsning

Hjælp til klik folde ud menu/tabel

Hej

Jeg søger hjælp til at lave en "menu", eller det er faktisk en tabel der der består af 4 celler, og i den sidste celle vil jeg gerne have såden at der var et "+" man kunne trykke på, så der åbner der en ny række lige neden under, som så har colspan="4" hvor man så kan lave en beskrivelse af den ting man nu trykkede "+" ved.. når man har trykket på "+" skal det selvfølgelig skifte til et "-"...

det skal måske lige sige at alt hvad der står i tabellerne skal kunne hentes fra en database :)

indtil videre har jeg:

<html>
<head>
<title>Untitled</title>
</head>

<body>
<table border="1">
<tr>
<td>Test</td>
<td>Test</td>
<td>Test</td>
<td></td>
</tr>
<tr>
<td>Test</td>
<td>Test</td>
<td>Test</td>
<td><div onclick="if(document.getElementById('vismig').style.display=='none')
{document.getElementById('vismig').style.display='block';this.innerHTML='-';}
else{document.getElementById('vismig').style.display='none';this.innerHTML='+';};">+</div>
<div id="vismig" style="display:none;">her kan du skrive</div></td>
</tr>

</body>
</html>

håber nogen kan hjælpe mig, og tak på forhånd...

ps. siden skal helst ikke reloade da listen kan blive meget lang...
Avatar billede Slettet bruger
10. februar 2008 - 14:49 #1
Jeg er ikke helt sikker på hvad du mener, men prøv lige at se om det er sådan - her
http://www.test.ibry.dk/venstremenu.htm
Avatar billede neo-fisk Nybegynder
10. februar 2008 - 15:25 #2
nej ikke helt det :/ det skal være ca. såden her:

overskrift1    overskrift2    overskrift3
Bla Bla        Bla bla        bla bla    +


når man så trykker på + skal der komme en stor celle neden under ca. såden her:


overskrift1    overskrift2    overskrift3
Bla Bla        Bla bla        bla bla    -
tekst tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst tekst

noget ala det :) tror du det er noget du kan ordne?
Avatar billede neo-fisk Nybegynder
10. februar 2008 - 15:26 #3
overskrifterne og de der Bla bla står under hinanden.. hvis du stadig ikke forstår kan jeg lige prøver og se om jeg kan tegne det...
Avatar billede Slettet bruger
10. februar 2008 - 15:41 #4
Jo nu tror jeg, jeg forstår det - men hvis det er alle links (overskrift1    overskrift2    overskrift3) der skal komme frem når du trykker på +, så har jen ingen ide til hvordan det laves.

Beklager
Avatar billede neo-fisk Nybegynder
10. februar 2008 - 17:54 #5
nej det er ikke links.. bare tekst der bliver hentet fra en database...
Avatar billede neo-fisk Nybegynder
10. februar 2008 - 17:58 #6
kan lave det om så du bedre forstår måske...
lad os sige det er en mp3 liste

Titel          Genre          Tid
Basshunter        Dance          3:32    +
safrio Duo        rythm          4:53    +

nu trykker jeg så på det ene +

Titel          Genre          Tid
Basshunter        Dance          3:32    -
tekst tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst tekst
safrio Duo        rythm          4:53    +


på den måde, bare sat op i tabeller
Avatar billede Slettet bruger
10. februar 2008 - 23:19 #7
Kan du bruge dette og så udbygge det til din database, det kan jeg ikke

<html>
<head>
<title>Folde  ud-ind</title>

<script type="text/javascript">
var show = new Array();
show[1] = false;
show[2] = false;
show[3] = false;

    function change(nr) {
        show[nr]=!show[nr];
        document.getElementById("d" + nr + "b").style.display = (show[nr])?'block':'none';
    }
</script>
</head>
<body>
<table border="1">
<tr>
<td><div onClick="change(1);" id="d1a"><img src="ikon.gif">Overskrift 1<br>
<div id="d1b" style="display:none;">Dette er så her der skal være en tekst<br/>første foldeud boks</div></td>
<td><div onClick="change(2);" id="d2a"><img src="ikon.gif">Overskrift 2<br>
<div id="d2b" style="display:none;">eller indsætte et link<br/>anden foldeud boks</div></td>
<td><div onClick="change(3);" id="d3a"><img src="ikon.gif">Overskrift 3<br>
<div id="d3b" style="display:none;">eller noget andet kode <br/>tredie foldeud boks<</div></td>
<td></td>
</tr>
</body>
</html>
Avatar billede neo-fisk Nybegynder
11. februar 2008 - 19:36 #8
nej desværre... den gør det samme som den jeg har i forvejen.. altså når man klikker på + så kan man godt sige at "target" er en anden række men én stor celle...
Avatar billede roenving Novice
12. februar 2008 - 17:32 #9
Prøv at kigge på molvins udgave: http://www.v4d5.net/sexedetabeller.php !-)
Avatar billede neo-fisk Nybegynder
17. februar 2008 - 13:08 #10
hmm jeg er ikke den skarpeste kniv i skuffen til javasript så hvordan indsætter jeg denne linie i asp:

onclick="toggletr(document.getElementById('raekke_id'));return true;

her er mit asp kode hvor den skal sættes ind i tr :) nogen der kan hjælpe med det?

Response.Write "<tr  bgcolor='#" & varColour & "' ><td>" & rs("Titel") & "</td><td>" & rs("Genre") &  "</td><td>" & hour(rs("tid")) & ":" & Minute(rs("tid")) & ":" & right(rs("tid"),2) & "</td></tr><br>"
Avatar billede neo-fisk Nybegynder
16. maj 2009 - 22:46 #11
læg et svar som tak for jers forsøg
Avatar billede Slettet bruger
16. maj 2009 - 23:07 #12
:-) det var lige her, jeg forsøgte !!
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