Avatar billede pitzen Nybegynder
30. oktober 2006 - 21:27 Der er 6 kommentarer og
1 løsning

Link der skifter mellem hide og show

Hey exp..

http://www.humorfreak.dk har jeg en "freak Roulette" i højre side. Jeg vil gerne have et link hvor der står "Avanceret" og når der klikkes på dette kommer der en skjult tekst frem.

Således at boxen (freak roulette) bliver større. Præcis ligesom her: http://www.eksperten.dk/spm/Generelt-IT/Andet/

når man klikker på "fritekst søgning"..

Håber i kan hjælpe! :D
Avatar billede psykochicken Nybegynder
30. oktober 2006 - 23:35 #1
noget i stil med:

<script type="text/javascript">
function vis(){
var elm = document.getElementById('mere');
elm.style.display = elm.style.display=='none'? 'block': 'none';
}
</script>
<a href="#" onclick="vis();return false">Avanceret:</a>
<div id="mere" style="display:none;">skjult tekst</div>

/psc
Avatar billede pitzen Nybegynder
30. oktober 2006 - 23:49 #2
Dit script virker.. Jeg havde bare forstillet mig noget lidt andet. Det er nok også lidt dårligt forklaret, men når klikker på linket ryger det opad og den skjulte tekst kommer frem.

Jeg havde tænkt mig at tabellen skulle blive større, altså resizes til den nye størrelse, så selve "avanceret"-linket blev på sin plads.

Prøv evt. at se hvordan det fungerer nu http://www.humorfreak.dk/index2.php
Avatar billede pitzen Nybegynder
30. oktober 2006 - 23:51 #3
<table width='100%' height='95' cellpadding='0' cellspacing='0'>
<tr>
<td height='95' valign='bottom'>
<form action='includes/rouletteshow.php' method='post' style='margin-bottom:0; padding: 0 0 3px 5px;'>
<input type='submit' name='spin' value='Spin!' class='button'>
<input type='hidden' name='spin' value='Spin!'><br>
<script type="text/javascript">
function vis(){
var elm = document.getElementById('mere');
elm.style.display = elm.style.display=='none'? 'block': 'none';
}
</script>
<a href="#" onclick="vis();return false">Mere</a>
<div id="mere" style="display:none;">
<input type='checkbox' name='type[]' value='1'> Videoer<br
<input type='checkbox' name='type[]' value='2'> Spil<br>
<input type='checkbox' name='type[]' value='3'> Billeder<br>
</div>
</form>
</td>
</tr>
</table>
Avatar billede psykochicken Nybegynder
31. oktober 2006 - 00:11 #4
ok - du kunne prøve at flytte <form>-tagget så det omslutter tabellen, lave en række mere og vise/skjule rækken:

<form action='includes/rouletteshow.php' method='post' style='margin-bottom:0; padding: 0 0 3px 5px;'>
<table width='100%' height='95' cellpadding='0' cellspacing='0' style="background:#f00;">
<tr>
<td height='95' valign='bottom'>
<input type='submit' name='spin' value='Spin!' class='button'>
<input type='hidden' name='spin' value='Spin!'><br>
<script type="text/javascript">
function vis(){
var elm = document.getElementById('mere');
elm.style.display = elm.style.display=='none'? 'block': 'none';
}
</script>
<input type="button" value="mere" onclick="vis()">
</td>
</tr>
<tr>
<td>
<div id="mere" style="display:none;">
<input type='checkbox' name='type[]' value='1'> Videoer<br>
<input type='checkbox' name='type[]' value='2'> Spil<br>
<input type='checkbox' name='type[]' value='3'> Billeder<br>
</div>
</td>
</tr>
</table>
</form>

/psc
Avatar billede pitzen Nybegynder
31. oktober 2006 - 00:26 #5
Smukt!

Jeg takker og bukker! Smid et svar!
Avatar billede psykochicken Nybegynder
31. oktober 2006 - 00:54 #6
kommer her ;o)
Avatar billede psykochicken Nybegynder
31. oktober 2006 - 15:19 #7
...og tak for point ;o)
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