"Peter Skjelbo, eaid.dk" <peter@SKALFJERNESeaid.dk> wrote in message
news:3f111c34$0$32488$edfadb0f@dread16.news.tele.dk...
> ----- Original Message -----
> From: "Jimmy" <nyhedsgruppe@get2net.dk>
> Newsgroups: dk.edb.internet.webdesign.clientside
> Sent: Sunday, July 13, 2003 9:09 AM
> Subject: Re: Vise at browseren arbejder...
> > Nu er jeg med.
> > Ja, så skal du naturligvis have noget JS.
> > Du kan stadig lave det med gif, hvis du blot har et hidden layer og
først
> > loader det og giffen, når folk klikker.
> >
> > Hvis det er en acceptabel løsning kan jeg nok finde et stykke kode i
> bunken.
>
> Det lyder som en løsning jeg godt kan bruge
Tak
Se den modficerede og forenkelde kode nederst.
Koden er taget fra:
http://www.paddybreen.co.uk/portfolio/dhtml/showhide.htm#
Fundet vha.
http://www.google.com/search?q=showing+hiding+layers
Du skal have en
onclick="MM_showHideLayers('Layer1','','show')"
i din form-knap.
Muligvis også noget mere JS, da det kan være IE nu tror den *kun* skal vise
layeret og ikke længere submitte formen.
Mvh
Jimmy
<html>
<head>
<script language="JavaScript">
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if
((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style;
v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="450" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#" onclick="MM_showHideLayers('Layer1','','show')">Show
layer 1</a></td>
<td><a href="#"
onclick="MM_showHideLayers('Layer1','','show');MM_showHideLayers('Layer1',''
,'hide')">Hide layer 1</a></td>
</tr>
</table>
<div id="Layer1"
style="position:absolute;
width:150px;
height:150px;
z-index:1;
left: 10px;
top: 120px;
background-color: #336699;
layer-background-color: #336699;
border: 1px none #000000;
visibility: hidden">
<img src="animate.gif">
</div>
</body>
</html>