Notifikationer

Markér alle som læst Log ud

jonas_net Nybegynder

06. januar 2004 - 12:01 Der er 6 kommentarer

link skal åbne i en Iframe

Hej Jeg har en javascript menu, hvor punkterne skal åbne i en IFRAME midt på siden.
Jeg kan ikke få menuen til at åbne i iframen kan i _self. Min kode er :

<html>
<head>
<link href="CascadeMenu.css" rel="stylesheet">
<script language="javascript" src="CascadeMenu.js">

</script>

<STYLE type=text/css>

a.menu{
color:white;
text-decoration:none;
font-family:arial;
font-size:10px;
font-weight:bold;

}
a:hover.menu{
text-decoration:underline;
color:black;
background:white;
}
</STYLE>

<title>Netvertiser</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body OnLoad="InitMenu()" Onclick="HideMenu(menuBar)" ID="Bdy" bgColor=aliceblue
text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#FFFFFF">

<table width="100%" border="1" bordercolor="black" cellspacing="0" cellpadding="0" height="100%" bgcolor="#FFFFFF">
<tr>
<td border="1" width="50%" bgcolor="#CCCCCC" bordercolor="#CCCCCC"> </td>
<td align="center" width="700" height="100"><img src="top_head.gif" width="800" height="100" lowsrc="" align="bottom"></td>
<td border="1" width="50%" bgcolor="#CCCCCC" bordercolor="#CCCCCC"> </td>
</tr>
<tr>
<td border="1" width="50%" bgcolor="#CCCCCC" bordercolor="#CCCCCC"> </td>
<td align="left" width="800" valign="bottom" background="" height="12">
<div align="center" valign="top">
<font color="#000000">

<DIV Id="menuBar" class="menuBar" >
<DIV Id="Bar1" class="Bar" menu="menu1">Hvem er vi</DIV>
<DIV Id="Bar2" class="Bar" menu="menu2">Nyheder</DIV>
<DIV Id="Bar3" class="Bar" menu="menu3">Netværk</DIV>
<DIV Id="Bar4" class="Bar" menu="menu4">menu</DIV>
</DIV>

<div Id="menu1" class="menu" >
<div Id="menuItem1_1" class="menuItem" menu="menu6">Bestyrelsen</div>
<div Id="menuItem1_2" class="menuItem" title="Vision" cmd="nyhed.html" target="_ifmain">Vision</div>
<div Id="menuItem1_3" class="menuItem" title="WDVL" cmd="http://www.wdvl.com">test</div>
</div>
<div Id="menu2" class="menu">
<div Id="menuItem2_1" class="menuItem">Seneste nyhedsbrev</div>
<div Id="menuItem2_2" class="menuItem">Tidligere nyhedsbreve</div>
<div Id="menuItem2_3" class="menuItem">Page #3</div>
</div>
<div Id="menu3" class="menu">
<div Id="menuItem3_1" class="menuItem" menu="menu5">Sites</div>
<div Id="menuItem3_2" class="menuItem">Relevans områder</div>
<div Id="menuItem3_3" class="menuItem">Page #3</div>
<div Id="menuItem3_4" class="menuItem">SubMenu #4</div>
</div>
<div Id="menu4" class="menu">
<div Id="menuItem4_1" class="menuItem">Page #1</div>
<div Id="menuItem4_2" class="menuItem">Page #2</div>
<div Id="menuItem4_3" class="menuItem">Page #3</div>
<div Id="menuItem4_4" class="menuItem">Page #4</div>
</div>
<div id="menu5" class="menu">
<div Id="menuItem5_1" class="menuItem">TDC Online</div>
<div Id="menuItem5_2" class="menuItem">Boomtown</div>
<div Id="menuItem5_3" class="menuItem">DayliRush</div>
<div Id="menuItem5_4" class="menuItem">Spilzonen</div>
<div Id="menuItem5_5" class="menuItem">De Gule sider</div>
<div Id="menuItem5_6" class="menuItem">Lunastorm.dk</div>
<div Id="menuItem5_7" class="menuItem">Bog & Ide</div>

</div>
<div id="menu6" class="menu">
<div Id="menuItem6_1" class="menuItem">Claus Engell</div>
<div Id="menuItem6_2" class="menuItem">Christian Peytz</div>
<div Id="menuItem6_3" class="menuItem">Peter Schäfer</div>
</div>
<div id="menu7" class="menu">
<div Id="menuItem7_1" class="menuItem">Page #1-1-1</div>
<div Id="menuItem7_2" class="menuItem">Page #1-1-2</div>
<div Id="menuItem7_3" class="menuItem">Page #1-1-3</div>
</div>
</div>
</td>
<td border="1" width="50%" bgcolor="#CCCCCC" bordercolor="#CCCCCC"> </td>
</tr>

<tr>
<td width="50%" height="345" bgcolor="#CCCCCC" bordercolor="#CCCCCC"> </td>
<td align="left" width="800" height="360%" valign="top"><iframe name="IFMAIN" frameborder="0" border="0" width="800" height="100%" src="main.html" title="MainIFrame">

</iframe></td>
<td width="50%" height="345" bgcolor="#CCCCCC" bordercolor="#CCCCCC"> </td>
</tr>
<tr>
<td width="50%" height="30" bgcolor="#CCCCCC" bordercolor="#CCCCCC"> </td>
<td width="800" height="55" bgcolor="#CCCCCC" valign="top"><iframe name="IFLOGIN" frameborder="0" border="0" width="800" height="55" src="bund.asp" title="LoginIFrame">

</iframe></td>
<td width="50%" height="30" bgcolor="#CCCCCC" bordercolor="#CCCCCC"> </td>
</tr>
</table>
</body>
</html>

Synes godt om

webhest Nybegynder

06. januar 2004 - 12:04 #1

Hehe prøv med at ændre dine link lidt:

<a href="side.html" target="iframen">Tekst</a>

target="iframen" betyder at du skal ændre iframen, til det name din iframe har, så skifter den i iframen :)

Synes godt om

mm12010 Nybegynder

06. januar 2004 - 12:20 #2

må vi se: CascadeMenu.js

Synes godt om

jonas_net Nybegynder

06. januar 2004 - 12:30 #3

ja. den ser således ud:

function InitMenu()
{
var bar = menuBar.children

for(var i=0;i < bar.length;i++)
{
var menu=eval(bar[i].menu)
menu.style.visibility = "hidden"
bar[i].onmouseover = new Function("ShowMenu("+bar[i].id+")")
var Items = menu.children
for(var j=0; j<Items.length; j++)
{
var menuItem = eval(Items[j].id)

if(menuItem.menu != null)
{
menuItem.innerHTML += "<Span Id="+menuItem.id+"_Arrow class='Arrow'>4</Span>"
//var tmp = eval(menuItem.id+"_Arrow")
// tmp.style.pixelLeft = menu.getBoundingClientRect().Right //- tmp.offsetWidth - 15
FindSubMenu(menuItem.menu)}

if(menuItem.cmd != null)
{
menuItem.onclick = new Function("Do("+menuItem.id+")") }

menuItem.onmouseover = new Function("highlight("+Items[j].id+")")

}

}
}
function FindSubMenu(subMenu)
{
var menu=eval(subMenu)
var Items = menu.children
for(var j=0; j<Items.length; j++)
{
menu.style.visibility = "hidden"
var menuItem = eval(Items[j].id)

if(menuItem.menu!= null)
{
menuItem.innerHTML += "<Span Id="+menuItem.id+"_Arrow class='Arrow'>4</Span>"
// var tmp = eval(menuItem.id+"_Arrow")
//tmp.style.pixelLeft = 35 //menuItem.getBoundingClientRect().right - tmp.offsetWidth - 15
FindSubMenu(menuItem.menu)
}

if(menuItem.cmd != null)
{
menuItem.onclick = new Function("Do("+menuItem.id+")") }

menuItem.onmouseover = new Function("highlight("+Items[j].id+")")

}
}
function ShowMenu(obj)
{
HideMenu(menuBar)
var menu = eval(obj.menu)
var bar = eval(obj.id)
bar.className="barOver"
menu.style.visibility = "visible"
menu.style.pixelTop = obj.getBoundingClientRect().top + obj.offsetHeight + Bdy.scrollTop
menu.style.pixelLeft = obj.getBoundingClientRect().left + Bdy.scrollLeft
}

function highlight(obj)
{
var PElement = eval(obj.parentElement.id)
if(PElement.hasChildNodes() == true)
{ var Elements = PElement.children
for(var i=0;i<Elements.length;i++)
{
TE = eval(Elements[i].id)
TE.className = "menuItem"
}
}
obj.className="ItemMouseOver"
window.defaultStatus = obj.title
ShowSubMenu(obj)
}

function Do(obj)
{
var cmd = eval(obj).cmd
window.navigate(cmd)

}

function HideMenu(obj)
{
if(obj.hasChildNodes()==true)
{
var child = obj.children

for(var j =0;j<child.length;j++)
{
if (child[j].className=="barOver")
{var bar = eval(child[j].id)
bar.className="Bar"}

if(child[j].menu != null)
{
var childMenu = eval(child[j].menu)
if(childMenu.hasChildNodes()==true)
HideMenu(childMenu)

childMenu.style.visibility = "hidden"
}
}

}
}
function ShowSubMenu(obj)
{
PMenu = eval(obj.parentElement.id)
HideMenu(PMenu)
if(obj.menu != null)
{
var menu = eval(obj.menu)
menu.style.visibility = "visible"
menu.style.pixelTop = obj.getBoundingClientRect().top + Bdy.scrollTop
menu.style.pixelLeft = obj.getBoundingClientRect().right + Bdy.scrollLeft
if(menu.getBoundingClientRect().right > window.screen.availWidth )
menu.style.pixelLeft = obj.getBoundingClientRect().left - menu.offsetWidth
}
}

Synes godt om

jonas_net Nybegynder

06. januar 2004 - 12:31 #4

Jeg har sat det ind således:
<div Id="menuItem1_2" class="menuItem" title="Vision" cmd="nyhed.html" target="ifmain">Vision</div>

Synes godt om

webhest Nybegynder

06. januar 2004 - 14:15 #5

Og det virker ikke?
Hmm...prøv at skrive ifmain med stort...

Synes godt om

jonas_net Nybegynder

06. januar 2004 - 14:59 #6

jeg har droppet den menu fra før men jeg har fundet en ny. Mit problem er bare at jeg ikke kan få javascriptet til at åbne sider som ligger lokalt i IFMAIN, den kan godt åbne eksterne URL's :
Er det noget du kan hjælpe med ?

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS