mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 06.05.2021 21:49 Benutzername: Passwort: Auto-Login

Thema: Hilfe bei MOO.FX accordion menü? vom 30.04.2007

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Hilfe bei MOO.FX accordion menü?
Autor Nachricht
maxoon
Threadersteller

Dabei seit: 30.04.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 30.04.2007 12:44
Titel

Hilfe bei MOO.FX accordion menü?

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden
Ähnliche Themen problem beim einbinden von moo.fx!
[jquery] accordion
Ist das mit Accordion möglich?
Brauche Unterstützung bei JS Accordion
Suche horizontales Accordion
Javascript Problem mit Dragdealer im Accordion
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.