/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Erstat checkbox med plus/minus-ikon
Fra : Jesper


Dato : 13-12-03 23:03

Jeg har i dag en checkbox der benyttes til vælge om en tekst skal vises
eller ej. Dette vil jer gerne erstatte med to små ikoner. Eksempelvis et "
plus" til at vise teksten og et "minus" til at skjule teksten igen. På samme
måde som i filhåndtering i windows.

Er der nogle der har et forslag til hvordan det kan udføres ??

På forhånd tak
Jesper

Kode
---------------
<input name="FeltBesked" type="checkbox"
onClick="document.getElementById('Besked').style.display =
this.checked?'block':'none';" />

<div id="Besked" style="display:none" ;>
Så står der noget !!
bla. bla. bla
</div>



 
 
Lasse Reichstein Nie~ (14-12-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 14-12-03 00:13

"Jesper" <jk@no_spam_it.dk> writes:

> Jeg har i dag en checkbox der benyttes til vælge om en tekst skal vises
> eller ej. Dette vil jer gerne erstatte med to små ikoner. Eksempelvis et "
> plus" til at vise teksten og et "minus" til at skjule teksten igen. På samme
> måde som i filhåndtering i windows.
>
> Er der nogle der har et forslag til hvordan det kan udføres ??

Prøv:
---
<script type="text/javascript">
var beskedVisible = false;
function toggleBesked() {
beskedVisible = !beskedVisible;
document.getElementById("Besked").style.display =
beskedVisible?"visible":"hidden";
document.getElementById("BeskedToggleImage").src =
beskedVisible?"minus.png":"plus.png";
}
</script>

<img src="plus.png" id="BeskedToggleImage" onclick="toggleBesked()">
---
> <div id="Besked" style="display:none" ;>
> Så står der noget !!
> bla. bla. bla
> </div>

Ikke testet.
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Jesper (14-12-2003)
Kommentar
Fra : Jesper


Dato : 14-12-03 14:02

SUPER, nu virker det.
Der var en lille fejl i linie 8. Der skal stå =
beskedVisible?"block":"none"; og ikke beskedVisible?"visible":"hidden";

Tak.
Jesper

<html>
<head>
<title>No title</title>
<script type="text/javascript">
var beskedVisible = false;
function toggleBesked() {
beskedVisible = !beskedVisible;
document.getElementById("Besked").style.display =
beskedVisible?"block":"none";
document.getElementById("BeskedToggleImage").src =
beskedVisible?"minus.gif":"plus.gif";
}
</script>
<meta name="generator" content="Namo WebEditor v5.0(Trial)">
</head>
<body>
<img src="plus.gif" id="BeskedToggleImage" onclick="toggleBesked()">
<div id="Besked" style="display:none" ;>
Så står der noget !!
</div>
</body>
</html>


"Lasse Reichstein Nielsen" <lrn@hotpop.com> skrev i en meddelelse
news:r7z8uxad.fsf@hotpop.com...
> "Jesper" <jk@no_spam_it.dk> writes:
>
> > Jeg har i dag en checkbox der benyttes til vælge om en tekst skal vises
> > eller ej. Dette vil jer gerne erstatte med to små ikoner. Eksempelvis et
"
> > plus" til at vise teksten og et "minus" til at skjule teksten igen. På
samme
> > måde som i filhåndtering i windows.
> >
> > Er der nogle der har et forslag til hvordan det kan udføres ??
>
> Prøv:
> ---
> <script type="text/javascript">
> var beskedVisible = false;
> function toggleBesked() {
> beskedVisible = !beskedVisible;
> document.getElementById("Besked").style.display =
> beskedVisible?"visible":"hidden";
> document.getElementById("BeskedToggleImage").src =
> beskedVisible?"minus.png":"plus.png";
> }
> </script>
>
> <img src="plus.png" id="BeskedToggleImage" onclick="toggleBesked()">
> ---
> > <div id="Besked" style="display:none" ;>
> > Så står der noget !!
> > bla. bla. bla
> > </div>
>
> Ikke testet.
> /L
> --
> Lasse Reichstein Nielsen - lrn@hotpop.com
> DHTML Death Colors:
<URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
> 'Faith without judgement merely degrades the spirit divine.'



Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408926
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste