PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Suche Menüs wie auf DSN



Hardy
02.12.2009, 13:31
Hallo,
wo finde ich ein Menü wie dieses auch hier auf DSN verwendet wird? Also so das man die einzelnen elemente zuklappen und aufklappen kann.

Lokutos
02.12.2009, 13:36
schau mal auf
http://www.losethek.com/
vorbei da kannst du dir das nötige aus dem quelltext kopieren.

MFG Lokutos

Hardy
02.12.2009, 13:49
Mir geht es nicht um die farbe oder die form sondern um die funktion das man die menüs auf und zuklappen kann, das man menüs die man nicht benötigt wegblenden kann.

Lokutos
02.12.2009, 13:52
Mir geht es nicht um die farbe oder die form sondern um die funktion das man die menüs auf und zuklappen kann, das man menüs die man nicht benötigt wegblenden kann.

und genau das findest du da :suspicious:


<script type="text/javascript">

/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ 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(off set, end))
}
}
return returnvalue;
}

function onloadfunction(){
if (persistmenu=="no"){
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>



<div class="mainDiv">
<div class="topItem">+&nbsp;Linkliste&nbsp;+</div>
<div style="height: 28px; opacity: 1;" class="dropMenu"><!-- -->
<div class="subMenu" style="display: inline; height: 28px;">
<div class="subItem"><img src="images/pfeil.gif" alt="" border="0">&nbsp;<a href="?content=/linkliste/uebersicht&amp;ref=0">Linkliste</a></div>
<div class="subItem"><img src="images/pfeil.gif" alt="" border="0">&nbsp;<a href="?content=/linkliste/userlinks&amp;ref=0">Seite eintragen</a></div>
</div>
</div>
</div>

didith1207
02.12.2009, 14:17
villeicht hilft dir das :

http://www.dynamicdrive.com/dynamicindex1/switchmenu.htm

ohh da hab ich wohl zu lange meine dvd´s durchsucht ist ja das selbe :(

edit:
hier die Ajax version:
http://www.getelementbyid.com/scripts/index.aspx?CodeID=40

hier die normale:
http://www.getelementbyid.com/scripts/index.aspx?CodeID=34

Hardy
02.12.2009, 15:34
http://www.dynamicdrive.com/dynamicindex1/switchmenu.htm
[/URL]

danke für den link...auf der seite habe ich das [url]http://www.dynamicdrive.com/dynamicindex1/switchmenu2.htm (http://www.getelementbyid.com/scripts/index.aspx?CodeID=34) gefunde und das ist was ich gesucht habe :smile: