---
title: "Länkar som länkar till bilder som länkar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/17528-länkar-som-länkar-till-bilder-som-länkar"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "CyberPet"
published: "2001-03-16T21:08:00.000Z"
updated: "2001-03-17T22:01:00.000Z"
replies: 8
views: 271
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/17528-länkar-som-länkar-till-bilder-som-länkar"
---

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

## #1 — CyberPet, 2001-03-16T21:08Z

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??

Permalänk: https://www.webforum.nu/p/17528

## #2 — PeW, 2001-03-17T10:31Z

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>
```

Permalänk: https://www.webforum.nu/p/332315

## #3 — spango, 2001-03-17T11:23Z

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

Permalänk: https://www.webforum.nu/p/332316

## #4 — PeW, 2001-03-17T11:58Z

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.

Permalänk: https://www.webforum.nu/p/332317

## #5 — CyberPet, 2001-03-17T18:40Z

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! :)

Permalänk: https://www.webforum.nu/p/332318

## #6 — nordan, 2001-03-17T20:05Z

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

Permalänk: https://www.webforum.nu/p/332319

## #7 — CyberPet, 2001-03-17T20:38Z

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

Permalänk: https://www.webforum.nu/p/332320

## #8 — PeW, 2001-03-17T21:28Z

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...  :)

Permalänk: https://www.webforum.nu/p/332321

## #9 — CyberPet, 2001-03-17T22:01Z

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! :)

Permalänk: https://www.webforum.nu/p/332322

---

Tråden på webben: https://www.webforum.nu/amne/javascript/17528-länkar-som-länkar-till-bilder-som-länkar
