Oprettet tir. d. 28. august 2012 kl. 21:08:58
Vis/skjul tekst med checkboks - gerne animeret
Jeg har brug for for 10 checkbokse med muligheder i en form at få vist noget supplerende tekst til hver af de markerede checkbokse. Dvs. når man afkrydser et felt skal der komme noget tekst til syne på linjen lige under og resten af siden skubbes ned. Denne visning må meget gerne være animeret men er ikke noget krav.Jeg har foreløbig denne kode, men bliver noget ufiks hvis der skal være en funktion til hver checkboks - der må kunne laves en parameter til at samle det hele i en funktion:
<html>
<head>
<script>
function fnchecked(blnchecked)
{
if(blnchecked)
{
document.getElementById("divcheck").style.display = "";
}
else
{
document.getElementById("divcheck").style.display = "none";
}
}
function fnchecked1(blnchecked1)
{
if(blnchecked1)
{
document.getElementById("divcheck1").style.display = "";
}
else
{
document.getElementById("divcheck1").style.display = "none";
}
}
</script>
</head>
<body>
<input type="checkbox" name="fldcheckbox" id="fldcheckbox" onclick="fnchecked(this.checked);"/>
Test1
<div id="divcheck" style="display:none;">
Uddybende tekst for Test1
</div>
<br/>
<input type="checkbox" name="fldcheckbox1" id="fldcheckbox1" onclick="fnchecked1(this.checked);"/>
Test2
<div id="divcheck1" style="display:none;">
Uddybende tekst for Test2
</div>
</body>
</html>
Skrevet ons. d. 29. august 2012 kl. 07:27:12| #1
Nåh, tilbage til dit spørgsmål, hvilket kunne gøres således
<script type="text/javascript">
function fnchecked(obj, elmID) {
var display = obj.checked ? 'block' : 'none';
document.getElementById(elmID).style.display = display;
}
</script>
<input type="checkbox" name="fldcheckbox" id="fldcheckbox" onclick="fnchecked(this, 'divcheck')" />
Skrevet tir. d. 04. september 2012 kl. 20:08:36| #2
Skrevet ons. d. 05. september 2012 kl. 17:12:49| #3
Log ind
Seneste spørgsmål
Flere lightbox's fra samme script.
Åben link i nyt vindue.
Current menuitem
Seneste guides
Seneste nyheder
Tips & Tricks fra PC World
Fem smarte funktioner i din Mac som du sikkert ikke kender
Her har du fem muligheder for at tweake din Mac på en fed måde.
Anmeldelser fra PC World
Test: Samsung Galaxy S4 er et hit - trods gøglertricks
Kan Samsung beholde førertrøjen i det store Android-race? Galaxy S4 er smækfyldt med innovative funktioner, men også med en del gøgl. Er det for meget? Få vores dom over Samsungs nye topmodel.
Seneste blogindlæg
Tvangslukke spørgsmål: Hvad er den bedste løsning?
Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...
Nyheder fra PC World
Ny opfindelse: Oplad din mobil på 20 sekunder
Måske er det snart slut med at lade mobilen op hver aften. Med ny opfindelse kan telefonen få fuld energi på sølle 20 sekunder.
Nyheder fra Computerworld
Galleri: De 10 vildeste datacentre i verden
I en gammel kirke, i et oppusteligt telt, på nedlagte militæranlæg eller midt i ørkenen. Der er ingen grænser for, hvor man kan banke et datacenter op. Her er de 10 sejeste anlæg i verden. I...
Udgiver · © 2013 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger