webForumDet fria alternativet

Länkar som länkar till bilder som länkar

JavaScript

8 svar · 269 visningar · startad av CyberPet

Medlem sedan dec. 19996 588 inlägg
Frågan#1

OK, nu blev det lite rörigt i rubriken här ovan... men jag vet inte hur jag ska förklara.

Jag försöker ändå och hoppas att något proffs har en idé.

Jag har ett frameset (det vet ni ju nu vid det här laget) och i vänsterframen har jag en knapprad med olika val till delar av sajten. Nu vill jag att man ska kunna se underlänkarna (3 av 7 knappar har 3-4 underlänkar) i huvudframen, men bara när man snurrar med musen över knappen.

Dvs jag har knapp "Info om mig" i vänsterframen, när jag sen för musen över knappen så vill jag att en bild (helst en image-map eller liknande) med några undermenyer, typ "Fakta", "CV", "Bilder" osv... ska hoppa upp i huvudframen till höger om vänstermenyn.

Detta för att spara på utrymme både på höjd och sidled. När man inte har musen ivägen så kan man se hela sidan i bakgrunden.

Jag antar att man dels måste jobba med lager, men också med någon typ av javascript.

Någon som har några idéer... är det möjligt överhuvudtaget??

------------------
/Petra
If you see someone without a smile, give them yours.

Medlem sedan juni 200010 432 inlägg
#2

Jodå, det ska väl gå :)
Genom en "mouseoverfunktion" som kopplas till en lagerfunktion i mainframe. Typ:
I den vänstra menyframen:

<a href="#" onmouseover="parent.mainFrame.lagopen('lagett');" onmouseout="parent.mainFrame.lagclose('lagett');">Länk 1</a>
<a href="#" onmouseover="parent.mainFrame.lagopen('lagtva');" onmouseout="parent.mainFrame.lagclose('lagtva');">Länk 2</a>

Och som javascript "visalager funktion" i mainframe:

<script language="JavaScript">
<!--
function lagopen(arg)
{
if(document.all){document.all[arg].style.visibility='visible';}
if(document.layers){document.layers[arg].visibility='show';}
}
function lagclose(arg)
{
if(document.all){document.all[arg].style.visibility='hidden';}
if(document.layers){document.layers[arg].visibility='hide';}
}
//-->
</script>

Och som lager:

<DIV ID="lagett" STYLE="position:absolute;top:10;left:0;visibility:hidden">...OBJEKTET...</DIV>
<DIV ID="lagtva" STYLE="position:absolute;top:10;left:0;visibility:hidden">...OBJEKTET..</DIV>

------------------
Ancilla, face mea laganum!

[Redigerat av PeW den 17 mar 2001]

Medlem sedan juni 20008 205 inlägg
#3

Gör så att det funkar i NS6 åxå!

function lagopen(arg){
	if(document.all &#0124;&#0124; document.getElementByID)
		(document.getElementByID?document.getElementByID(arg):document.all[arg]).style.visibility='visible';
	else if(document.layers)
		document.layers[arg].visibility='show';
}
function lagclose(arg){
	if(document.all &#0124;&#0124; document.getElementByID)
		(document.getElementByID?document.getElementByID(arg):document.all[arg]).style.visibility='visible';
	else if(document.layers)
		document.layers[arg].visibility='hide';
}

Så har vi lagom oläslig kod också :e

------------------
Jag är en tolerant person, men bara mot de jag gillar, så passa dig!

Medlem sedan juni 200010 432 inlägg
#4

Sen bör man kanske slänga in en fördröjning i lagersläckningen, så att man hinner förflytta musen från den ena framen till den andra.

window.setTimeout("lagclose(_lagernamnet_);",1000);

I "objektet" kan man ju slänga in flera "visalager" anrop och på så sätt slänga in en sån där popupmeny, eller whatever. Det ser ju lite olika ut i kod beroende på vad man ska ha.

------------------
Ancilla, face mea laganum!

[Redigerat av PeW den 17 mar 2001]

Medlem sedan dec. 19996 588 inlägg
#5

Wow, ni grabbar är verkligen koola! :)

Jag kom dock på att jag kanske skulle ha en annan funktion istället. Det kan ju bli lite struligt med flera frames osv så jag beslutade mig att istället ha en typ av dropdownversion av menyn... dvs när man för musen över "knappen" (eller möjligen klickar) så kommer det en ny underknappsmeny under huvudknappen (också grafik).

Kan man göra det enkelt?

Så här tänkte jag mig:

Vanlig meny: http://www.bazazz.com/stratcore/test/buttons.jpg

Meny när man klickar/mus-över: http://www.bazazz.com/stratcore/test/dropdown.jpg

Förslag mottages tacksamt! :)

------------------
/Petra
If you see someone without a smile, give them yours.

Medlem sedan juni 2000949 inlägg
#6

Detta sista du fråga om det kan du enklet göra i DW med lager ju.
Jag har för mig att du skall har dreamweaver är det inte så?
Show and Hide layers.
Fast det är ju klart du kanske inte vill göra sida i lager eller?
/
nordan

Medlem sedan dec. 19996 588 inlägg
#7

Jag använder GoLive och har inte riktigt fått kläm på det här med lager ännu. Är det CSS eller?

------------------
/Petra
If you see someone without a smile, give them yours.

Medlem sedan juni 200010 432 inlägg
#8

Jodå, men det styrs av javascript. Det finns en uppsjö med färdiga pop-ned menyer lite här och var, men grunden kan man ju ta från koden jag hade i några inlägg upp (med spangos tillägg, förstås). Skillnaden är snutten: parent.mainFrame..bla..bla..bla som får bytas ut med bara onmouseover="lagopen(argument);" och onmouseout="lagclose(argument);"... sen får man hitta på nåt bra som objekt i lagret. Typ en tabell eller nåt. Justera positionering (top & left) och voila!
Det går ju att bygga på med många lager på scriptet. DW är ju bra på att göra stilmallar och tabeller, men på att göra script är tveksamt då det oftast blir tunggrodd kod. Hur GoLive är, har jag ingen aning om... :)

------------------
Ancilla, face mea laganum!

[Redigerat av PeW den 17 mar 2001]

Medlem sedan dec. 19996 588 inlägg
#9

Oj, det låter komplicerat.... men jag gör nog ett försök och sen får vi väl se om det blir nåt... annars få ni väl hjälpa mig igen.

Tack än en gång! :)

------------------
/Petra
If you see someone without a smile, give them yours.

275 ms totalt · 4 externa anrop · v20260731065814-full.2f471f9e
131 ms — deklarationer (db)
0 ms — hämta statistik (cache)
139 ms — hämta tråd, inlägg och bilagor (db)
129 ms — ändringar (db)