Några frågor....lager m.m.

3 svar · 242 visningar · startad av Harback 3 sep. 2001

HarbackMedlem sedan juni 2001206 inlägg

Trådstart3 sep. 2001 16:24#1

Hejsan, har några frågor jag gärna skulle vilja ha svar på.

1. Går det att få att en iframe i ett lager följer med z-indexet på lagret? Alltså att ett annat lager kan ligga över iframen?

2. Går att göra en OnClick på ett lager som gör att all text i lagret ändrar färg? Typ. this.style.textcolor?

3. Finns det något kommando som är tvärtemot OnClick? Alltså om man klickar utanför lagret eller nåt?

ZreoXMedlem sedan juli 200159 inlägg

4 sep. 2001 08:28#2

Hej,

svar ja. DU kan ha en Iframe i ett lager och det ska enligt W3C även följa Z-index.
Detta fungerar smärtfritt i explorer men Mozilla/N6 har problem med detta idag.
Jepp... Inga problem.
Du kan ju sätta att javascript ska lyssna på ex mus knapparnas "event" och sedan kolla om ditt lager ligger inom dessa gränser.
Gör det inte det så har du ju din lösning där.
Men annars finns det väll inte en så lätt lösning nej.

HarbackMedlem sedan juni 2001206 inlägg

4 sep. 2001 08:36#3

1. Nej, jag får det inte att fungera med att iframen hänger på z-indexet. Fattar inte varför!?

2. Du kan inte visa hur man ska skriva? Jag får det inte att fungera.

3. Har du nåt exempel?

JojoxxMedlem sedan juni 20004 308 inlägg

4 sep. 2001 10:46#4

Detta exempel fungerar bra när jag testar det i IE 5.5, men som ZreoX säger så kan det säkert renderas olika (fel) i andra webbläsare, och detta är inte så mycket att göra något åt, mer än att svära.

<div id="foo" style="position:absolute;top:100px;left:100px;width:200px;height:200px;background-color:blue;">
</div>
<div id="foo" style="position:absolute;top:200px;left:200px;width:200px;height:200px;">
<iframe src="http://www.yahoo.com" width="200" height="200"></iframe>
</div>
<div id="foo" style="position:absolute;top:300px;left:300px;width:200px;height:200px;background-color:green;">
</div>

<script language="JavaScript">
function changeStyle(Id,Property,Value){
	if (document.all){
		eval('document.all[Id].style.'+Property+'="'+Value+'"');
	} else if (document.layers){
		eval('document.layers[Id].'+Property+'="'+Value+'"');
	} else if (document.getElementById){
		eval('document.getElementById(Id).style.'+Property+'="'+Value+'"');
	}
}
</script>

<div id="foo" style="position:absolute;top:10px;left:20px;">
<a href="#" onClick="changeStyle('foo','color','green');">Ändra färg</a>
Tjohoo
</div>

<body onClick="if(!onLayer){ alert('Out'); }; onLayer=null;" onLoad="onLayer=null;">
<div style="position:absolute;top:10px;left:10px;width:200px;height:200px;background-color:blue;" onClick="onLayer=1; alert('In');">Click me!</div>
</body>