Relativ meny med css/javascript

WibergMedlem sedan juni 20003 169 inlägg

Trådstart9 dec. 2000 16:27#1

Hur gör man för att när man klicka på t.ex. en text så skall ett lager bli synligt precis under texten. Man kan ju placera ut lagret med koordinater men då blir det inte rätt i alla upplösningar. Kan man göra så att det visas med relativa koordinater från texten som man skall klicka på???

M@rtinMedlem sedan dec. 19992 085 inlägg

9 dec. 2000 20:46#2

Jag antar att det är nåt sånt här du menar.....

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript1.2">
var START="<LAYER BGCOLOR='lightyellow' STYLE='border:1px solid black; font-size:12px'>";
var SLUT="</LAYER>";
function visaTips(e,objRef,text) {
	if (document.all)
		objRef.title=text;
	else {
		var tipsSkikt=document.layers.tips;
		tipsSkikt.document.write(START + text + SLUT);
		tipsSkikt.document.close();
		tipsSkikt.left=e.pageX+10;
		tipsSkikt.top=e.pageY+5;
		tipsSkikt.visibility="visible";
	}
}
function gomTips() {
	if (document.layers) 
		document.layers.tips.visibility="hidden"
}
</SCRIPT>
<DIV ID="tips" STYLE="position:absolute; visibility:hidden"></DIV>
</HEAD>
<BODY>
<P><A HREF="http://www.aftonbladet.se"
	onMouseover="visaTips(event,this,'Aftonbladet med de senaste nyheterna.')"
	onMouseout="gomTips()">Aftonbladet</A>
<P><A HREF="http://www.expressen.se"
	onMouseOver="visaTips(event,this,'Expressen med de nyaste nyheterna.')"
	onMouseOut="gomTips()">Expressen</A>
</BODY>
</HTML>

Det här scriptet fixar så att man ser alt text i NS oxå men det går nog att använda till det du vill oxå...

Jag orkade inte skriva själv utan jag kopierade scriptet från boken "Dynamisk HTML" av Petter Åström. Bra bok för övrigt.