lagerhantering

3 svar · 248 visningar · startad av webbmannen 12 juli 2001

webbmannenMedlem sedan dec. 1999826 inlägg

Frågan12 juli 2001 21:55#1

Jag hittar inget skrivet ( som jag fattar iaf ;) ) om hur man löser mitt problem.

Jag har ett antal textlänkar som vid onmouseover tar fram ett lager med ytterligare textlänkar.

När jag går från den ena huvudlänken till den andra så har jag löst det så att det ena lagret stängs när den andra öppnas, men hur gör jag så att det sist öppnade lagret stängs när man går bort med musen från både huvudlänken och lagret man öppnat?

Den här kodbitarna används just nu:

<Script Language="JavaScript">
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

function show(id) {
if (ns4) document.layers[id].visibility = "show"
else if (ie4) document.all[id].style.visibility = "visible"
}

function hide(id) {
if (ns4) document.layers[id].visibility = "hide"
else if (ie4) document.all[id].style.visibility = "hidden"
}
</script>

<Style type="text/css">
#shopping { position: absolute; z-index: 0; top: 125px; left: 17%; width: 150px; height: 55px; visibility: hidden;}
</Style>

<a href="#" onMouseOver="show('shopping');hide('konsultering');">Shopping</a>

/webb

------------------
PPS = Programmering På Svenska

[Redigerat av webbmannen den 12 jul 2001]

CokeLightMedlem sedan juni 2000504 inlägg

15 juli 2001 16:00#2

Hej Webbmannen,

Kanske inte världens bästa lösning, men jag provade så här..

Lägg till "hideAll()"

function hideAll()
{
	document.all.shopping.style.visibility = "hidden"
	document.all.konsultering.style.visibility = "hidden"
}

och sen på dina länkar...

<a href="#" 
	onMouseOver="show('konsultering');hide('shopping');"
	onMouseOut="hideAll()">Konsultering</a>

.. vet inte om det var det som du menade, men hoppas det hjälpte något :)

------------------
"Between stimulus and response is a pause wherein our ability to choose lies".

webbmannenMedlem sedan dec. 1999826 inlägg

15 juli 2001 17:32#3

Hej CokeLight,

Ditt förslag gör att man aldrig kommer åt länkarna i det lager som onmouseover tar fram eftersom hideall() omedelbart stänger lagret då musen lämnar länken :l

Jag har en halvdan lösning just nu som förutsätter att användaren väljer att dra musen nedåt om denne lämnar lagret utan att klicka på en länk. Har där satt en onmouseout på en bild som ligger längst ner i lagret.

Det borde gå att göra detta smidigare tycker jag :(

/webb

------------------
PPS = Programmering På Svenska

CokeLightMedlem sedan juni 2000504 inlägg

15 juli 2001 19:29#4

ehm.. läste ditt inlägg lite för snabbt första gången :) Det är alltså ett nytt lager med sub-länkar eller nåt som ska komma fram och döljas om man inte väljer nåt..?

Kanske nåt sånt då eller..?

<div id="shopping" 
	onMouseOver="javascript:show('shopping');"
	onMouseOut="javascript:hide('shopping');">
<a href="#">shop1</a>
<br>
<a href="#">shop2</a>
</div>

------------------
"Between stimulus and response is a pause wherein our ability to choose lies".