---
title: "Problem med dropdown..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/165713-problem-med-dropdown"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Quid"
published: "2007-10-22T14:00:18.000Z"
updated: "2007-10-22T14:33:48.000Z"
replies: 3
views: 430
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/html-css/165713-problem-med-dropdown"
---

# Problem med dropdown...

## #1 — Quid, 2007-10-22T14:00Z

Jag ska ha en dropdown-meny på en webbsida, men jag får det inte till det.

Jag hittade en som hette suckertree:
<http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/>

Den funkar bra på deras exempelsida, men när jag gör en egen som händer inget:
<http://member.webforum.nu/666/dropdown.html>

Jag har bara klistrat in deras kod på en tom sida. Vad har jag missat?

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

## #2 — colione, 2007-10-22T14:03Z

Det ligger en massa html-taggar inbakade i javascriptet i bl.a getElmentById och getElementsByTagName. Dessa ska bort.

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

## #3 — Quid, 2007-10-22T14:28Z

Varför är dom med ifrån början då? Verkar ju konstigt :)

Då ska alltså:

```
<SCRIPT TYPE="text/javascript">

//SuckerTree Horizontal Menu (Sept 14th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["treemenu1"] //Enter id(s) of SuckerTree UL menus, separated by commas

function buildsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul"<img src="http://208.75.149.97/images/smileys/wink.gif" width="19" height="19" alt="wink" border="0" />
    for (var t=0; t<ultags.length; t++){
		if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
			ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
			ultags[t].parentNode.getElementsByTagName("a"<img src="http://208.75.149.97/images/smileys/wink.gif" width="19" height="19" alt="wink" border="0" />[0].className="mainfoldericon"
		}
		else{ //else if this is a sub level menu (ul)
		  ultags[t].style.left=ultags[t-1].getElementsByTagName("a"<img src="http://208.75.149.97/images/smileys/wink.gif" width="19" height="19" alt="wink" border="0" />[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    	ultags[t].parentNode.getElementsByTagName("a"<img src="http://208.75.149.97/images/smileys/wink.gif" width="19" height="19" alt="wink" border="0" />[0].className="subfoldericon"
		}
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul"<img src="http://208.75.149.97/images/smileys/wink.gif" width="19" height="19" alt="wink" border="0" />[0].style.visibility="visible"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul"<img src="http://208.75.149.97/images/smileys/wink.gif" width="19" height="19" alt="wink" border="0" />[0].style.visibility="hidden"
    }
    }
  }
}

if (window.addEventListener)
window.addEventListener("load", buildsubmenus_horizontal, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus_horizontal)

</SCRIPT>
```

Bli:

```
<SCRIPT TYPE="text/javascript">

//SuckerTree Horizontal Menu (Sept 14th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["treemenu1"] //Enter id(s) of SuckerTree UL menus, separated by commas

function buildsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul"
    for (var t=0; t<ultags.length; t++){
		if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
			ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
			ultags[t].parentNode.getElementsByTagName("a"[0].className="mainfoldericon"
		}
		else{ //else if this is a sub level menu (ul)
		  ultags[t].style.left=ultags[t-1].getElementsByTagName("a"[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    	ultags[t].parentNode.getElementsByTagName("a"[0].className="subfoldericon"
		}
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul"[0].style.visibility="visible"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul"[0].style.visibility="hidden"
    }
    }
  }
}

if (window.addEventListener)
window.addEventListener("load", buildsubmenus_horizontal, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus_horizontal)

</SCRIPT>
```

Eller? Jag e inte så hemma på javascript, men det känns fel...

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

## #4 — Quid, 2007-10-22T14:33Z

Jaha, nu fattar jag, det är alltså något smily-grejs som har gått in och ersatt vissa tecken. Det var ju lite lurigt :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/165713-problem-med-dropdown