---
title: "iframe sabbar Dropdownmeny"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/133114-iframe-sabbar-dropdownmeny"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "tiki4"
published: "2005-08-22T14:15:32.000Z"
updated: "2005-08-22T15:30:57.000Z"
replies: 5
views: 209
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/133114-iframe-sabbar-dropdownmeny"
---

# iframe sabbar Dropdownmeny

## #1 — tiki4, 2005-08-22T14:15Z

Hej
Jag har en horisontell dropdownmeny i en cell (tabell).
cellen under vill jag ska byta utsende beroende på vad jag väljer i menyn.
Detta hade jag tänkt gjort med hjälp av "iframe" men då kajkar menyn ur.
( om jag tittar i Safari!)
Tar jag bort "iframe" funkar menyn som den ska igen.

Hjälp mig snälla och ursäkta nybörjarspråket.

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

## #2 — Peter S, 2005-08-22T14:18Z

Hej och välkommen till wF!

Posta gärna exempelkod som visar problemet, så underlättar det för andra som vill hjälpa dig.

Denna tråd passar bättre i JavaScript-/DHTML-forumet. Jag rapporterar tråden till någon moderator.

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

## #3 — tiki4, 2005-08-22T14:29Z

Koden!!!

\<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"\>
\<html\>
\<head\>
\<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"\>
\<title\>Index\</title\>
\</head\>

\<body\>
\<table align="center" width="720" height="505" border="1" cellpadding="0" cellspacing="0"\>
  \<tr\>
    \<th height="20" scope="col"\>&nbsp;\</th\>
  \</tr\>
  \<tr\>
    \<th height="100" scope="row" background=""\>&nbsp;\</th\>
  \</tr\>
  \<tr\>
    \<th height="20" scope="row"\>
	\<div\>\<div\>\<div style="display:none;"\>\<ul id="imenus0" style="width:720px"\>
\<li  style="width:144px;"\>\<a href="#" target=""\>Bilder\</a\>

	\<div\>\<ul style="width:144px;top:4px;left:0px;"\>\<div style=""\>
	\<li \>\<a href="semesterkortdanmark.htm" target="iframe"\>Bilder\</a\>\</li\>
	\<li \>\<a href="sample_link.html" target="\_new"\>Bilder\</a\>\</li\>
	\<li \>\<a href="sample_link.html" target="\_new"\>Bilder\</a\>\</li\>
	\<li \>\<a href="sample_link.html" target="\_new"\>Bilder\</a\>\</li\>
	\<li \>\<a href="sample_link.html" target="\_new"\>Bilder\</a\>\</li\>
	\<li \>\<a href="sample_link.html" target="\_new"\>Bilder\</a\>\</li\>
	\<li \>\<a href="#" target="\_new"\>Bilder\</a\>

\<div style="clear:left;"\>\</div\>\</ul\>\</div\>\</div\>\</div\>

\<script language="JavaScript"\>

function imenus_data0(){

	this.enable_visual_design_mode = false

	this.main_is_horizontal = true
	this.menu_showhide_delay = 50

	this.main_expand_image = "bilder/menypil.gif"
	this.main_expand_image_hover = "bilder/menypilsub.gif"
	this.main_expand_image_width = "7"
	this.main_expand_image_height = "5"
	this.main_expand_image_offx = "0"
	this.main_expand_image_offy = "5"

	this.sub_expand_image = "bilder/menypilsub.gif"
	this.sub_expand_image_hover = "bilder/menypilsub.gif"
	this.sub_expand_image_width = "5"
	this.sub_expand_image_height = "7"
	this.sub_expand_image_offx = "0"
	this.sub_expand_image_offy = "3"

	this.main_container_styles = "padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; "
	this.main_item_styles = "color:#333333; text-align:left; font-family:Arial; font-size:12px; font-weight:normal; text-decoration:none; padding-top:2px; padding-right:8px; padding-bottom:2px; padding-left:8px; border-style:solid; border-color:#dddddd; border-width:0px; "
	this.main_item_hover_styles = "background-color:#efefef; text-decoration:underline; "
	this.main_item_active_styles = "background-color:#efefef; "

	this.subs_container_styles = "background-color:#efefef; border-style:solid; border-color:#cccccc; border-width:1px; padding-top:5px; padding-right:5px; padding-bottom:5px; padding-left:5px; "
	this.subs_item_styles = "color:#555555; text-align:left; font-size:11px; font-weight:normal; text-decoration:none; padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; border-style:none; border-color:#000000; border-width:1px; "
	this.subs_item_hover_styles = "color:#000000; text-decoration:underline; "
	this.subs_item_active_styles = "background-color:#ffffff; "

}

\</script\>
	
	
	\</th\>
  \</tr\>
  \<tr\>
    \<th height="400"\>\<iframe name="iframe" frameborder="0" topmargin="0" marginwidth="0" marginheight="0" framespacing="0" width="720" height="400"\> 
	\</iframe\>\</th\>
  \</tr\>
\</table\>

\<script language="JavaScript" src="imenus.js"\>\</script\>
\</body\>
\</html\>

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

## #4 — Peter S, 2005-08-22T14:35Z

Tänk på att använda kodtaggarna (&#91;kod\]kod här&#91;/kod\]) när du postar kod.

Det verkar saknas en fil *imenus.js*. Du kan bifoga den i ett inlägg.

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

## #5 — tiki4, 2005-08-22T14:52Z

Här kommer .js filen.

Bilagor:

- [imenus.js](https://www.webforum.nu/a/7373.js)

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

## #6 — Jojoxx, 2005-08-22T15:30Z

(Tråden flyttat från script-arkivet)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/133114-iframe-sabbar-dropdownmeny
