/ 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
Javascript vis/skjul
Fra : Flemming Petersen Na~


Dato : 07-03-01 03:41

Jeg har et javascript, som hhv viser og skjuler nogle elementer på
skærmen. Så vidt så godt. Nu vil jeg gerne have 'systemet' til at
virke således, at kun et af elementerne kan vises ad gangen. Altså at
det der vises slukkes når et nyt tændes.

Er der nogen her der kan knække den nød

Mvh, fpn

Herunder kommer et eksempel
-----------------------------------------------
<HTML><HEAD>
<TITLE> Vis/gem</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function vis(i){
if (document.layers)
document.layers["image"+i].visibility='show';
else
document.all["image"+i].style.visibility='visible';
}
function gem(i){
if (document.layers)
document.layers["image"+i].visibility='hide';
else
document.all["image"+i].style.visibility='hidden';
}
</SCRIPT>
</STYLE>
</HEAD>
<BODY>
<A HREF="#" onClick="vis(1)">vis1</A>
<A HREF="#" onClick="gem(1)">gem1</A>
<A HREF="#" onClick="vis(2)">vis2</A>
<A HREF="#" onClick="gem(2)">gem2</A>
<A HREF="#" onClick="vis(3)">vis3</A>
<A HREF="#" onClick="gem(3)">gem3</A>

<DIV ID="image1" style="position : absolute; left : 260px; top :50px;
visibility:hidden;">TEKST 1</DIV>
<DIV ID="image2" style="position : absolute; left : 120px; top :
110px; visibility:hidden">TEKST 2</DIV>
<DIV ID="image3" style="position : absolute; left:280; top:60;
visibility:hidden;">TEKST 3</DIV>
</BODY>
</HTML>

 
 
Kasper (07-03-2001)
Kommentar
Fra : Kasper


Dato : 07-03-01 09:13

Værsgod

Med venlig hilsen

Kasper

<HTML><HEAD>
<TITLE> Vis/gem</TITLE>
<SCRIPT LANGUAGE="JavaScript">
show = 0
function vis(i){
if (show>0) gem(show)
show = i

if (document.layers)
document.layers["image"+i].visibility='show';
else
document.all["image"+i].style.visibility='visible';
}
function gem(i){
if (document.layers)
document.layers["image"+i].visibility='hide';
else
document.all["image"+i].style.visibility='hidden';
}
</SCRIPT>
</STYLE>
</HEAD>
<BODY>
<A HREF="#" onClick="vis(1)">vis1</A>
<A HREF="#" onClick="gem(1)">gem1</A>
<A HREF="#" onClick="vis(2)">vis2</A>
<A HREF="#" onClick="gem(2)">gem2</A>
<A HREF="#" onClick="vis(3)">vis3</A>
<A HREF="#" onClick="gem(3)">gem3</A>

<DIV ID="image1" style="position : absolute; left : 260px; top :50px;
visibility:hidden;">TEKST 1</DIV>
<DIV ID="image2" style="position : absolute; left : 120px; top :
110px; visibility:hidden">TEKST 2</DIV>
<DIV ID="image3" style="position : absolute; left:280; top:60;
visibility:hidden;">TEKST 3</DIV>
</BODY>
</HTML>


Flemming Petersen Na~ (07-03-2001)
Kommentar
Fra : Flemming Petersen Na~


Dato : 07-03-01 19:13

On Wed, 07 Mar 2001 08:12:37 GMT, Kasper <kasper@huleboer.dk> wrote:

>Værsgod
>
Perfekt. Mange tak

Mvh, fpn


Jakob Andersen (07-03-2001)
Kommentar
Fra : Jakob Andersen


Dato : 07-03-01 21:30

"Kasper" <kasper@huleboer.dk> wrote
> if (document.layers)
> document.layers["image"+i].visibility='show';
> else
> document.all["image"+i].style.visibility='visible';


Hvad med browsere der opfylder standarden og vil have GetElementById("ID")

Desuden ville det nok være at foretrække med en funktion kaldet closeall().

--
Jakob Andersen
FAQ for webdesign gruppen på
<http://www.usenet.dk/oss/dk.edb.internet.webdesign>
"Det er rart at være vigtig, men det er vigtigere at være rar "



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

Månedens bedste
Årets bedste
Sidste års bedste