Hallo,
habe jetzt ein wenig weiter getestet und eigentlich sieht es auch ganz gut aus, siehe hier Verni@hters Maps & Prefabs rechte Seite oben. Nun kommen aber wieder neue Probleme und zwar funktioniert die Lightbox nicht mehr, die Bilder werden direkt geöffnet. Oben unter dem Header habe ich die Seiten gelistet, bei Maps, Tutorials und Prefabs hat man normal wenn man mit der Mouse drüber geht ein Menü was sich öffnet dieses funktioniert nun auch nicht mehr. Nehme ich das Script wieder raus funktioniert wieder alles.
Das Script schaut so aus:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddaccordion.js">
/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
<script type="text/javascript">
ddaccordion.init({ //top level headers initialization
headerclass: "expandable", //Shared CSS class name of headers group that are expandable
contentclass: "categoryitems", //Shared CSS class name of contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
ddaccordion.init({ //2nd level headers initialization
headerclass: "subexpandable", //Shared CSS class name of sub headers group that are expandable
contentclass: "subcategoryitems", //Shared CSS class name of sub contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["opensubheader", "closedsubheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
</script>
<style type="text/css">
<center>
.arrowlistmenu{
width: 200px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(images/button/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/button/titlebar-active.png);
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}
.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}
.arrowlistmenu ul li a{
color: #A70303;
background: url(images/button/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #A70303;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}
.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}
</style>
</center>
</head>
<body>
<div class="arrowlistmenu">
<h3 class="menuheader expandable">Call of Duty Classic</h3>
<ul class="categoryitems">
<li><a href="?page_id=563">Pics</a></li>
<li><a href="/">Video/kommt noch</a></li>
<li><a href="http://www.systemrequirementslab.com/referrer/activision2?registration_option_id=2172" target="newwin">Systemtest</a></li>
<img src="images/button/cod1.png" style="margin: 10px 0px" />
</ul>
<h3 class="menuheader expandable">Call of Duty United Offensive</h3>
<ul class="categoryitems">
<li><a href="?page_id=584">Pics</a></li>
<li><a href="/">Video/kommt noch</a></li>
<li><a href="http://www.systemrequirementslab.com/referrer/activision2?registration_option_id=2173" target="newwin">Systemtest</a></li>
<img src="images/button/coduo.png" style="margin: 10px 0px" />
</ul>
<h3 class="menuheader expandable">Call of Duty 2</h3>
<ul class="categoryitems">
<li><a href="?page_id=446">Pics</a></li>
<li><a href="/">Video/kommt noch</a></li>
<li><a href="http://www.systemrequirementslab.com/referrer/activision2?registration_option_id=2053" target="newwin">Systemtest</a></li>
<img src="images/button/cod2.png" style="margin: 10px 0px" />
</ul>
<h3 class="menuheader expandable">Call of Duty Modern Warfare</h3>
<ul class="categoryitems">
<li><a href="?page_id=444">Pics</a></li>
<li><a href="/">Video/kommt noch</a></li>
<li><a href="http://www.systemrequirementslab.com/referrer/activision2?registration_option_id=5418" target="newwin">Systemtest</a></li>
<img src="images/button/cod4.png" style="margin: 10px 0px" />
</ul>
<h3 class="menuheader expandable">Call of Duty World at War</h3>
<ul class="categoryitems">
<li><a href="?page_id=387">Pics</a></li>
<li><a href="/">Video/kommt noch</a></li>
<li><a href="http://www.systemrequirementslab.com/referrer/activision2?registration_option_id=7965" target="newwin">Systemtest</a></li>
<img src="images/button/cod5.png" style="margin: 10px 0px" />
</ul>
</div>
</body>
</html>
Alles anzeigen
Wenn ich den Scriptteil aus dem Code nehme funktioniert zwar der Rest wieder aber natürlich funktioniert dann das was ich möchte nicht mehr.
Warum vertägt sich das denn nicht miteinander und wie kann ich mir abhilfe schaffen?
Gruss