/ 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
Lukke skjult tekst.
Fra : Knud Gert Ellentoft


Dato : 14-05-04 18:42

Hvordan kan man lave, så uanset hvilken overskrift man har
klikket på, så skjules den skjulte tekst der vises?

http://home13.inet.tele.dk/smedpark/test/skjul.htm
--
Knud

 
 
Lasse Reichstein Nie~ (14-05-2004)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 14-05-04 19:43

Knud Gert Ellentoft <ellentoft@mail.tele.invalid> writes:

> Hvordan kan man lave, så uanset hvilken overskrift man har
> klikket på, så skjules den skjulte tekst der vises?
>
> http://home13.inet.tele.dk/smedpark/test/skjul.htm

En klassiker :)
Det nemmeste er at huske hvilken der bliver vist lige nu:

---
<script type="text/javascript">
var current = null;
function visskjul(id) {
var elm = document.getElementById(id);
if (elm.style.display=="block") {
elm.style.display = "none";
current = null;
} else {
elm.style.display = "block";
if (current != null) {
current.style.display = "none";
}
current = elm;
}
}
</script>
---

--
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.'

Knud Gert Ellentoft (14-05-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 14-05-04 20:43

Lasse Reichstein Nielsen <lrn@hotpop.com> skrev :

>En klassiker :)

Takker.
--
Knud

Jens Peter Karlsen (14-05-2004)
Kommentar
Fra : Jens Peter Karlsen


Dato : 14-05-04 20:17

Her er en løsning der viser og skjuler teksten uanset hvilken
overskrift der klikkes på.

<script type="text/JavaScript">
function visskjul(id1, id2, id3) {
var elm = document.getElementById(id1);
elm.style.display = (elm.style.display=="block")? "none" :
"block";
var elm = document.getElementById(id2);
elm.style.display = (elm.style.display=="block")? "none" :
"block";
var elm = document.getElementById(id3);
elm.style.display = (elm.style.display=="block")? "none" :
"block";
}
</script>
</head>
<body>
<h1>Ved klik på en overskrift vises en skjult tekst<br> lukkes igen
ved at klikke på samme overskrift</h1>
<div onclick="visskjul('kge', 'kg', 'k')"><h2>Overskrift 1</h2>
<span id="kge" style="display:none">
Skjult tekst 1</span>
</div>
<div onclick="visskjul('kg', 'kge', 'k')"><h2>Overskrift 2</h2>
<span id="kg" style="display:none">
Skjult tekst 2</span>
</div>
<div onclick="visskjul('k', 'kge', 'kg')"><h2>Overskrift 3</h2>
<span id="k" style="display:none">
Skjult tekst 3</span>
</div>

Hvis du udbygger den med nogle if...else skulle det være nogenlunde
nemt at ændre det så kun den skjulte tekst under den overskrift der
klikkes på vises mens anden "skjult tekst" skjules.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.

On Fri, 14 May 2004 19:41:41 +0200, Knud Gert Ellentoft
<ellentoft@mail.tele.invalid> wrote:

>Hvordan kan man lave, så uanset hvilken overskrift man har
>klikket på, så skjules den skjulte tekst der vises?
>
>http://home13.inet.tele.dk/smedpark/test/skjul.htm


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