Søg
Avatar billede peer Nybegynder
08. januar 2002 - 12:25 Der er 6 kommentarer og
1 løsning

dropdown med parent

Jeg har et problem med en dropdown menu.

scriptet ser sådan ud

<script>
<!--
function SkiftURL(contentURL, menuURL){
parent.menu.location.href = menuURL;
parent.page.location.href = contentURL;
parent.adresse.document.images.ruler.height=\"1\";
}

function hideDropdown(){
if (parent.page.document.all.dropdown!=null){
parent.page.document.all.dropdown.style.visibility=\'hidden\';
}
}

function showDropdown(){
if (parent.page.document.all.dropdown!=null){
parent.page.document.all.dropdown.style.visibility=\'visible\';
}
else if(parent.page.document.all.dropdown==null){
parent.page.document.all.dropdown.style.visibility=\'visible\';
}
}
-->
</script>

når jeg bevæger mig over et hovedpunkt første gang vises min menu. Men når jeg bevæger mig over hovedpunktet efter at have valgt et underpunkt kommer menuen ikke frem. Så skal jeg først klikke på et andet hovedpunkt og så kan jeg igen se dropdownmenuen for det omtalte hovedpunkt. Den siger som fejl at
parent.page.document.all.dropdown.style.visibility=\'visible\';
ikke er et objekt.

Kan nogle hjælpe?
Avatar billede ahv Nybegynder
08. januar 2002 - 12:33 #1
Jeg har en anden dropdownmenu ?
der er godt nok mget mere kode, men den er ikke så svær :o)
Avatar billede ahv Nybegynder
08. januar 2002 - 12:36 #2
Du kan da hvertifald prøve og se om den kunne bruges :o)


<html>

<head>
<style>
all.clsMenuItemNS{font: bold x-small Verdana; color: white; text-decoration: none;}
.clsMenuItemIE{text-decoration: none; font: bold xx-small Verdana; color: white; cursor: hand;}
A:hover {color: red;}
</style>
</head>

<body marginwidth=\"0\" marginheight=\"0\" leftmargin=\"0\" topmargin=\"0\">

<script language=\"JavaScript\">
if (document.all) {n=0;ie=1;fShow=\"visible\";fHide=\"hidden\";}
if (document.layers) {n=1;ie=0;fShow=\"show\"; fHide=\"hide\";}

window.onerror=new Function(\"return true\")
////////////////////////////////////////////////////////////////////////////
// Function Menu() //
////////////////////////////////////////////////////////////////////////////
rightX = 0;
function Menu()
{
this.bgColor = \"#3399cc\";
if (ie) this.menuFont = \"bold xx-small Verdana\";
if (n) this.menuFont = \"bold x-small Verdana\";
// this.fontColor = \"white\";

this.addItem = addItem;
this.addSubItem = addSubItem;
this.showMenu = showMenu;
this.mainPaneBorder = 1;
this.subMenuPaneBorder = 1;

this.subMenuPaneWidth = 150;

lastMenu = null;

rightY = 0;
leftY = 0;
leftX = 0;

HTMLstr = \"\";
HTMLstr += \"<!-- MENU PANE DECLARATION BEGINS -->\\n\";
HTMLstr += \"\\n\";
if (ie) HTMLstr += \"<div id=\'MainTable\' style=\'position:relative\'>\\n\";
// if (n) HTMLstr += \"<layer name=\'MainTable\'>\\n\";
HTMLstr += \"<table width=\'100%\' bgcolor=\'\"+this.bgColor+\"\' border=\'\"+this.mainPaneBorder+\"\'>\\n\";
HTMLstr += \"<tr>\";
if (n) HTMLstr += \"<td>&nbsp;\";
HTMLstr += \"<!-- MAIN MENU STARTS -->\\n\";
HTMLstr += \"<!-- MAIN_MENU -->\\n\";
HTMLstr += \"<!-- MAIN MENU ENDS -->\\n\";
if (n) HTMLstr += \"</td>\";
HTMLstr += \"</tr>\\n\";
HTMLstr += \"</table>\\n\";
HTMLstr += \"\\n\";
HTMLstr += \"<!-- SUB MENU STARTS -->\\n\";
HTMLstr += \"<!-- SUB_MENU -->\\n\";
HTMLstr += \"<!-- SUB MENU ENDS -->\\n\";
HTMLstr += \"\\n\";
if (ie) HTMLstr+= \"</div>\\n\";
// if (n) HTMLstr+= \"</layer>\\n\";
HTMLstr += \"<!-- MENU PANE DECALARATION ENDS -->\\n\";
}

function addItem(idItem, text, hint, location, altLocation)
{
var Lookup = \"<!-- ITEM \"+idItem+\" -->\";
if (HTMLstr.indexOf(Lookup) != -1)
{
alert(idParent + \" already exist\");
return;
}
var MENUitem = \"\";
MENUitem += \"\\n<!-- ITEM \"+idItem+\" -->\\n\";
if (n)
{
MENUitem += \"<ilayer name=\"+idItem+\">\";
MENUitem += \"<a href=\'.\' class=clsMenuItemNS onmouseover=\\\"displaySubMenu(\'\"+idItem+\"\')\\\" onclick=\\\"return false;\\\">\";
MENUitem += \"|&nbsp;\";
MENUitem += text;
MENUitem += \"</a>\";
MENUitem += \"</ilayer>\";
}
if (ie)
{
MENUitem += \"<td>\\n\";
MENUitem += \"<div id=\'\"+idItem+\"\' style=\'position:relative; font: \"+this.menuFont+\";\'>\\n\";
MENUitem += \"<a \";
MENUitem += \"class=clsMenuItemIE \";
// MENUitem += \"style=\'text-decoration: none; font: \"+this.menuFont+\"; color: \"+this.fontColor+\"; cursor: hand;\' \";
if (hint != null)
MENUitem += \"title=\'\"+hint+\"\' \";
if (location != null)
{
MENUitem += \"href=\'\"+location+\"\' \";
MENUitem += \"onmouseover=\\\"hideAll()\\\" \";
}
else
{
if (altLocation != null)
MENUitem += \"href=\'\"+altLocation+\"\' \";
else
MENUitem += \"href=\'.\' \";
MENUitem += \"onmouseover=\\\"displaySubMenu(\'\"+idItem+\"\')\\\" \";
MENUitem += \"onclick=\\\"return false;\\\" \"
}
MENUitem += \">\";
MENUitem += \"|&nbsp;\\n\";
MENUitem += text;
MENUitem += \"</a>\\n\";
MENUitem += \"</div>\\n\";
MENUitem += \"</td>\\n\";
}
MENUitem += \"<!-- END OF ITEM \"+idItem+\" -->\\n\\n\";
MENUitem += \"<!-- MAIN_MENU -->\\n\";

HTMLstr = HTMLstr.replace(\"<!-- MAIN_MENU -->\\n\", MENUitem);
}

function addSubItem(idParent, text, hint, location)
{
var MENUitem = \"\";
Lookup = \"<!-- ITEM \"+idParent+\" -->\";
if (HTMLstr.indexOf(Lookup) == -1)
{
alert(idParent + \" not found\");
return;
}
Lookup = \"<!-- NEXT ITEM OF SUB MENU \"+ idParent +\" -->\";
if (HTMLstr.indexOf(Lookup) == -1)
{
if (n)
{
MENUitem += \"\\n\";
MENUitem += \"<layer id=\'\"+idParent+\"submenu\' visibility=hide bgcolor=\'\"+this.bgColor+\"\'>\\n\";
MENUitem += \"<table border=\'\"+this.subMenuPaneBorder+\"\' bgcolor=\'\"+this.bgColor+\"\' width=\"+this.subMenuPaneWidth+\">\\n\";
MENUitem += \"<!-- NEXT ITEM OF SUB MENU \"+ idParent +\" -->\\n\";
MENUitem += \"</table>\\n\";
MENUitem += \"</layer>\\n\";
MENUitem += \"\\n\";
}
if (ie)
{
MENUitem += \"\\n\";
MENUitem += \"<div id=\'\"+idParent+\"submenu\' style=\'position:absolute; visibility: hidden; width: \"+this.subMenuPaneWidth+\"; font: \"+this.menuFont+\"; top: -300;\'>\\n\";
MENUitem += \"<table border=\'\"+this.subMenuPaneBorder+\"\' bgcolor=\'\"+this.bgColor+\"\' width=\"+this.subMenuPaneWidth+\">\\n\";
MENUitem += \"<!-- NEXT ITEM OF SUB MENU \"+ idParent +\" -->\\n\";
MENUitem += \"</table>\\n\";
MENUitem += \"</div>\\n\";
MENUitem += \"\\n\";
}
MENUitem += \"<!-- SUB_MENU -->\\n\";
HTMLstr = HTMLstr.replace(\"<!-- SUB_MENU -->\\n\", MENUitem);
}

Lookup = \"<!-- NEXT ITEM OF SUB MENU \"+ idParent +\" -->\\n\";
if (n) MENUitem = \"<tr><td><a class=clsMenuItemNS title=\'\"+hint+\"\' href=\'\"+location+\"\'>\"+text+\"</a><br></td></tr>\\n\";
if (ie) MENUitem = \"<tr><td><a class=clsMenuItemIE title=\'\"+hint+\"\' href=\'\"+location+\"\'>\"+text+\"</a><br></td></tr>\\n\";
MENUitem += Lookup;
HTMLstr = HTMLstr.replace(Lookup, MENUitem);

}

function showMenu()
{
document.writeln(HTMLstr);
}

function displaySubMenu(idMainMenu)
{
var menu;
var submenu;
if (n)
{
submenu = document.layers[idMainMenu+\"submenu\"];
if (lastMenu != null && lastMenu != submenu) hideAll();
submenu.left = document.layers[idMainMenu].pageX;
submenu.top = document.layers[idMainMenu].pageY + 25;
submenu.visibility = fShow;

leftX = document.layers[idMainMenu+\"submenu\"].left;
rightX = leftX + document.layers[idMainMenu+\"submenu\"].clip.width;
leftY = document.layers[idMainMenu+\"submenu\"].top+
document.layers[idMainMenu+\"submenu\"].clip.height;
rightY = leftY;
} else if (ie) {
menu = eval(idMainMenu);
submenu = eval(idMainMenu+\"submenu.style\");
submenu.left = calculateSumOffset(menu, \'offsetLeft\');
// submenu.top = calculateSumOffset(menu, \'offsetTop\') + 30;
submenu.top = menu.style.top+23;
submenu.visibility = fShow;
if (lastMenu != null && lastMenu != submenu) hideAll();

leftX = document.all[idMainMenu+\"submenu\"].style.posLeft;
rightX = leftX + document.all[idMainMenu+\"submenu\"].offsetWidth;

leftY = document.all[idMainMenu+\"submenu\"].style.posTop+
document.all[idMainMenu+\"submenu\"].offsetHeight;
rightY = leftY;
}
lastMenu = submenu;
}

function hideAll()
{
if (lastMenu != null) {lastMenu.visibility = fHide;lastMenu.left = 0;}
}

function calculateSumOffset(idItem, offsetName)
{
var totalOffset = 0;
var item = eval(\'idItem\');
do
{
totalOffset += eval(\'item.\'+offsetName);
item = eval(\'item.offsetParent\');
} while (item != null);
return totalOffset;
}

function updateIt(e)
{
if (ie)
{
var x = window.event.clientX;
var y = window.event.clientY;

if (x > rightX || x < leftX) hideAll();
else if (y > rightY) hideAll();
}
if (n)
{
var x = e.pageX;
var y = e.pageY;

if (x > rightX || x < leftX) hideAll();
else if (y > rightY) hideAll();
}
}

if (document.all)
{
document.body.onclick=hideAll;
document.body.onscroll=hideAll;
document.body.onmousemove=updateIt;
}
if (document.layers)
{
document.onmousedown=hideAll;
window.captureEvents(Event.MOUSEMOVE);
window.onmousemove=updateIt;
}
</script>
<script language=\"JavaScript\">

function showToolbar()
{
// AddItem(id, text, hint, location, alternativeLocation);
// AddSubItem(idParent, text, hint, location);

menu = new Menu();
menu.addItem(\"menu1id\", \"Menu 1\", \"Menu 1\", null, null);
menu.addItem(\"menu2id\", \"Menu 2\", \"Menu 2\", null, null);
menu.addItem(\"menu3id\", \"Menu 3\", \"Menu 3\", null, null);
menu.addItem(\"menu4id\", \"Menu 4\", \"Menu 4\", null, null);
menu.addItem(\"menu5id\", \"Menu 5\", \"Menu 5\", null, null);

menu.addSubItem(\"menu1id\", \"Menu 1 Punkt 1\", \"Menu 1 Punkt 1\", \"http://www.ahv.f2s.com/\");
menu.addSubItem(\"menu1id\", \"Menu 1 Punkt 2\", \"Menu 1 Punkt 2\", \"http://www.ahv.f2s.com/\");
menu.addSubItem(\"menu1id\", \"Menu 1 Punkt 3\", \"Menu 1 Punkt 3\", \"http://www.ahv.f2s.com/\");

menu.addSubItem(\"menu2id\", \"Menu 1 Punkt 1\", \"Menu 2 Punkt 1\", \"http://www.ahv.f2s.com/\");
menu.addSubItem(\"menu2id\", \"Menu 1 Punkt 2\", \"Menu 2 Punkt 2\", \"http://www.ahv.f2s.com/\");
menu.addSubItem(\"menu2id\", \"Menu 1 Punkt 3\", \"Menu 2 Punkt 3\", \"http://www.ahv.f2s.com/\");

menu.addSubItem(\"menu3id\", \"Menu 1 Punkt 1\", \"Menu 3 Punkt 1\", \"http://www.ahv.f2s.com/\");
menu.addSubItem(\"menu3id\", \"Menu 1 Punkt 2\", \"Menu 3 Punkt 2\", \"http://www.ahv.f2s.com/\");
menu.addSubItem(\"menu3id\", \"Menu 1 Punkt 3\", \"Menu 3 Punkt 3\", \"http://www.ahv.f2s.com/\");

menu.addSubItem(\"menu4id\", \"Menu 4 Punkt 1\", \"Menu 4 Punkt 1\", \"http://www.ahv.f2s.com/\");
menu.addSubItem(\"menu4id\", \"Menu 4 Punkt 2\", \"Menu 4 Punkt 2\", \"http://www.ahv.f2s.com/\");
menu.addSubItem(\"menu4id\", \"Menu 4 Punkt 3\", \"Menu 4 Punkt 3\", \"http://www.ahv.f2s.com/\");

menu.addSubItem(\"menu5id\", \"Menu 5 Punkt 1\", \"Menu 5 Punkt 1\", \"http://www.ahv.f2s.com/\");
menu.addSubItem(\"menu5id\", \"Menu 5 Punkt 2\", \"Menu 5 Punkt 2\", \"http://www.ahv.f2s.com/\");
menu.addSubItem(\"menu5id\", \"Menu 5 Punkt 3\", \"Menu 5 Punkt 3\", \"http://www.ahv.f2s.com/\");

menu.showMenu();
}

</script>
<script language=\"JavaScript\">
showToolbar();
</script>
<script language=\"JavaScript\">
function UpdateIt(){
if (document.all){
document.all[\"MainTable\"].style.top = document.body.scrollTop;
setTimeout(\"UpdateIt()\", 200);
}
}
UpdateIt();
</script>

</body>
</html>
Avatar billede peer Nybegynder
08. januar 2002 - 12:37 #3
Ellers tak, jeg skal nemmelig have den her til at fungere.
Avatar billede ahv Nybegynder
08. januar 2002 - 12:39 #4
kunne man få lov at se hele koden til den menu ?
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 12:43 #5
Jeg ved ikke om det kan hjælpe at bruge
parent.page.document.getElementById(\"dropdown\").style.visibility = \'visible\';
Avatar billede nikolajdu Nybegynder
08. januar 2002 - 13:05 #6
Det hedder:

document.all[\'dropdown\'].style.visibility = \'visible\'; // Alle 4+ versioner af IE

document.getElementById(\"dropdown\").style.visibility = \'visible\'; // Netscape 6.x og IE 5+

document.layers[\'dropdown\'].style.visibility = \'visible\'; // KUN Netscape 4
Avatar billede peer Nybegynder
08. januar 2002 - 14:29 #7
lukker
Avatar billede 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.

Loading billede Opret Preview
Kategori
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 21/08/202610:41
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:43 Nomad Tracking Car Af fleknes i Apps til Android
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
White papers
Flere white papers »