Trenger tips til å lage meny drop down

[EvilCat]

Hei.

 

Trenger å få tips/ hjelp til hvordan man lager meny drop down slik:

 

 

Sub1

- tekst

- undertekst

- tekst

- undertekst

- tekst

 

Sub2

- tekst

- undertekst

 

Sub3

- tekst

 

 

Se linken Rycon AS

Slik har jeg satt opp, men får ikke til å vise tekst så undertekst :S

 

Har googlet rundt men finner ikke tilsvarende. Trenger til et prosjekt.

Håper no av dere kan hjelpe meg

 

 

Takker forhånd

Endret 15. november 2006 av EvilCat

[834HF42F242]

<ul>
 <li>Sub1</li>
 <ul>
   <li>- tekst</li>
   <li>- undertekst</li>
   <li>- tekst</li>
   <li>- undertekst</li>
   <li>- tekst</li>
 </ul>
 <li>Sub2</li>
 <ul>
   <li>- tekst</li>
   <li>- undertekst</li>
 </ul>
 <li>Sub3</li>
 <ul>
   <li>- tekst</li>
 </ul>
</ul>

 

Edit: Du kan bruke java for å få ekspander/minimer-funksjon. Her finner du masse rart

Endret 15. november 2006 av neitakk

[EvilCat]

<ul>
  <li>Sub1</li>
  <ul>
    <li>- tekst</li>
    <li>- undertekst</li>
    <li>- tekst</li>
    <li>- undertekst</li>
    <li>- tekst</li>
  </ul>
  <li>Sub2</li>
  <ul>
    <li>- tekst</li>
    <li>- undertekst</li>
  </ul>
  <li>Sub3</li>
  <ul>
    <li>- tekst</li>
  </ul>
</ul>

 

Edit: Du kan bruke java for å få ekspander/minimer-funksjon. Her finner du masse rart

7288621[/snapback]

Hei neitakk

 

 

Slik jeg ser det er det riktig, men jeg tenker mer på slik at det ikke viser seg tekst og undertekst. Altså når man trykker på sub1 så flytter det seg ned tillegg tekst, trykker man på tekst så flytter det seg ned til undertekst. Håper du skjønner hva jeg mener. Vet du hvordan få det til slik jeg mener?

 

 

Takk for hjelpen

[Lovskogen]

Suckfish dropdowns

[834HF42F242]

Man må ty til java ja... Synd folk bruker nettlesere som ikke støtter alle de flotte mulighetene nye CSS-bibliotek gir.

[EvilCat]

Man må ty til java ja... Synd folk bruker nettlesere som ikke støtter alle de flotte mulighetene nye CSS-bibliotek gir.

7289054[/snapback]

 

Sant nok det, men det burde finnes en løsning på dette. Slik jeg har kommet fram til nå, satte opp en javascript. Begynner å nære meg, mens er forsatt problemet der :S

 

 

Dette er html!
<script type="text/javascript">

/***********************************************
* Switch Menu script- by Martial B of [url="http://getElementById.com/"]http://getElementById.com/[/url]
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit [url="http://www.dynamicdrive.com/"]http://www.dynamicdrive.com/[/url] for full source code
***********************************************/

var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only

if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
	if(el.style.display != "block"){ //DynamicDrive.com change
		for (var i=0; i<ar.length; i++){
			if (ar[i].className=="submenu") //DynamicDrive.com change
			ar[i].style.display = "none";
		}
		el.style.display = "block";
	}else{
		el.style.display = "none";
	}
}
}

function get_cookie(Name) { 
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { 
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}

function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate

</script>
</head>

<body>
<div id="masterdiv"> 
     <pre><span class="style1 style1"><div class="style6" onclick="SwitchMenu('sub1')"><span class="style1 style1">•</span>    Attførings avdeling</div><span class="submenu" id="sub1"><span class="style1 style1">•</span><a href="?main=ab">Tiltak</a><br><span class="style1 style1">•</span><a href="?main=aps">APS</a><br><span class="style1 style1">•</span><a href="revised.htm">Text</a><br><span class="style1 style1">•</span><a href="morezone/">Text</a></span><div class="style6" onclick="SwitchMenu('sub2')"><span class="style1 style1">•</span>    Prosjekt avdeling</div><span class="submenu" id="sub2"><span class="style1 style1">•</span><a href="notice.htm">Text</a><br><span class="style1 style1">•</span><a href="faqs.htm">Text</a><br><span class="style1 style1">•</span><a href="help.htm">Text</a></span><div class="style6" onclick="SwitchMenu('sub3')"><span class="style1 style1">•</span>    Produksjon avdeling</div><span class="submenu" id="sub3"><span class="style1 style1">•</span><a href="http://www.codingforums.com">Text</a></span><div class="style6" onclick="SwitchMenu('sub4')"><span class="style1 style1">•</span>    Tolke avdeling</div><span class="submenu" id="sub4"><span class="style1 style1">•</span><a href="http://www.javascriptkit.com">Text</a><br><span class="style1 style1">•</span><a href="http://www.freewarejava.com">Text</a><br><span class="style1 style1">•</span><a href="http://www.cooltext.com">Text</a><br><span class="style1 style1">•</span><a href="http://www.google.com">Text</a></span></pre>
   </div>
</html>
</body

Dette er CSS!
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}

 

Ønsker gjerne å sette inn en tekst til som undertekst eksempel slik:

 

Attføringsavdeling

> Tiltak

>> AB

Prosjektavdeling

> P1

>> Tekst

 

Slik tenkte jeg å ha, men finner ikke veien til hvor jeg må legge inn kode her

Så jeg regner med at man må lage en sub2 tillegg på samme måte som sub1. Eller hva er riktig?

[834HF42F242]

Jeg tror du mye lettere ville fått dette til hvis du definerer menyen med lister. Ser ikke helt poenget med <pre> heller... :S

[EvilCat]

Jeg tror du mye lettere ville fått dette til hvis du definerer menyen med lister. Ser ikke helt poenget med <pre> heller... :S

7289219[/snapback]

 

Jeg skal prøve meg fram litt til, skulle det dukke opp problem så skal jeg poste det igjen. Men takk for tips hvertfall.

[834HF42F242]

Har du dynamiske menyer? Hvis ikke, er det sikkert noen som gidder sette opp en skikkelig kode til deg. Jeg har ikke hode til det nå.

[EvilCat]

Har du dynamiske menyer? Hvis ikke, er det sikkert noen som gidder sette opp en skikkelig kode til deg. Jeg har ikke hode til det nå.

7289346[/snapback]

 

Har desverre ikke dynamisk menyer, men kun javascript som er ferdig laget. Går igjennom koder og ser om jeg får til det jeg ønsker. Men det krever nok tid og er ikke så tolmodig jeg Hehe Blir det problem så er det bare å poste det og få hjelp