maxoon
Threadersteller
Dabei seit: 30.04.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 30.04.2007 12:44
Titel Hilfe bei MOO.FX accordion menü? |
|
|
Hallo!
Habe schon alles durchsucht, aber noch keine Lösung gefunden – ist hier ein schlauer Kopf dabei?
Situation: Habe ein Menü mit dem Moo.fx accordion script gebaut, ist alles schick, doch leider funktioniert das öffnen noch nicht korrekt.
-> mit "accordion.display(1);" soll z.b. nur die zweite sektion geöffnet werden (0 = erste, 1 = zweite). das klappt auch, aber zusätzlich wird IMMER auch die sektion 1 FARBIG HINTERLEGT.
HTML-CODE des Menüs:
menu_test_p1.html
Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="mootools.v1.00.js"></script>
<script type="text/javascript" src="m_accordion.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
(......)
<!-- Menüpunkt 1.0 -->
<div class="accToggler"><a onclick="goto('menu_test_p1.html')">Page1</a></div>
<div class="accContent">
<div class="accUnterpunkt">1</div>
<div class="accUnterpunkt">2</div>
<div class="accUnterpunkt">3</div>
</div>
<!-- Menüpunkt 2.0 -->
<div class="accToggler"><a onclick="goto('menu_test_p2.html')">Page2</a></div>
<div class="accContent">
<div class="accUnterpunkt">1</div>
<div class="accUnterpunkt">2</div>
<div class="accUnterpunkt">3</div>
</div>
(......)
</body>
</html>
|
JAVASCRIPT DES MENÜS:
Code: |
var accordion;
var accordionTogglers;
var accordionContents;
window.onload = function() {
accordionTogglers = document.getElementsByClassName('accToggler');
accordionTogglers.each(function(toggler){
//remember the original color
toggler.origColor = toggler.getStyle('background-color');
//set the effect
toggler.fx = new Fx.Style(toggler, 'background-color');
});
accordionContents = document.getElementsByClassName('accContent');
accordion = new Fx.Accordion(accordionTogglers, accordionContents,{
//when an element is opened change the background color to blue
onActive: function(toggler){
toggler.fx.start('#fff3ea');
},
onBackground: function(toggler){
//change the background color to the original (green)
//color when another toggler is pressed
toggler.setStyle('background-color', toggler.origColor);
}
});
accordion.display(1);
};
|
idee?
|
|