Mighty Accordion

[JBO]

Hallo zusammen.

Ich nutze das Accordion von Jörg Dörr in einem Projekt.

Alles funktioniert hervorragend, aber nu gibt es folgende Anforderung:

Bei Refresh der Seite soll das zuletzt gewählte Accordion (mehrere untereinander) offen bleiben.

In diesem Falle befindet sich ein Kontaktformular in einem Accordion.
Wenn es gesendet wird, gibt es nen Refresh und das Accordion ist wieder zu.

Nu sieht man aber eventelle Fehlermeldungen und die Bestätigung nicht mehr.

Wenn da jemand ne Idee hat, wär das super.

Danke und Gruß JBO

[rkemmere]

Hi,

du kannst im form action einfach die URL mit Sprungmarke übergeben.
In dem Fall vielleicht server.tld/#kontakt.

Funktioniert so prächtig

Bsp: http://www.sueden-lounge.de/#Reservierungsformular

[Joachim.Dörr]

an dieser stelle wäre eine andere klasse gefragt - du bräuchtest da kein accordion sonder ein slider, die javascript klasse dazu müsste in dem zip packet von mir zufinden sein. schau dort einmal rein.

lg
Joachim (nicht Jörg )

[JBO]

Asche über mein Haupt Joachim

Und vielen Dank Ronny

Die Sprungmarke is nu drin, wird aber nich aufgerufen.
Liegt also an der Klasse sagst Du.

Dann versuch ich mal das Accordion gegen den Slider einzutauschen.

Danke Euch beiden!

Gruß Jörn

EDIT: STOP Ronny hat das doch auch mit dem Accordion auf seiner Seite, oder doch nich?!?.

Wie hast denn das bitte gemacht?!?

[rkemmere]

Wir haben dort ebenfalls das Accordion im Einsatz.
Das Do Form haben wir um eine Sprungmarke erweitert.

Code: Alles auswählen

# Anpassungen für Sueden-Lounge.de 
# Erweiterung um #Artikelname
$submitjumplabel = "REX_VALUE[10]"; 

Code: Alles auswählen

#Ausgabe Kopf
$out = ' 
   <div  class="formgen"> 
   <form id="'.$formname.'" action="'. $_SERVER["REQUEST_URI"].$submitjumplabel.'" '.$acharset.' method="post"> 
      <input type="hidden" name="FORM['.$formname.']['.$formname.'send]" value="1" />'; 

Und noch Anpassungen am JS.

Code: Alles auswählen

var found = 0;
$$('h3.toggler a').each(function(link, i){
	if (window.location.hash.test(link.hash)) found = i;
});
myAccordion.display(found);

vor dem du das domeredy schließt also unter

Code: Alles auswählen

var myAccordion  = new Accordion(togglers, stretchers, { 
... 
});

Hatte doch damals das selbe Problem: http://forum.redaxo.de/sutra60070.html#60070

[JBO]

Ja den Beitrag hab ich schon nicht verstanden.

Sobald ich den domeredy schließe, sind die Accordions alle permanent offen

Code: Alles auswählen

<script type="text/javascript">
	var stretchers = $$('div.accordion');
	var togglers = $$('h3.toggler');

	stretchers.setStyles({'height': '0', 'overflow': 'hidden'});

	window.addEvent('load', function(){

		//initialization of togglers effects

		togglers.each(function(toggler, i){
			toggler.color = toggler.getStyle('background-color');
			toggler.$tmp.first = toggler.getFirst();
			toggler.$tmp.fx = new Fx.Style(toggler, '#ffffff', {'wait': false, 'transition': Fx.Transitions.Quart.easeOut});
		});


		//the accordion

		var myAccordion = new Accordion(togglers, stretchers, {
			'alwaysHide': true,

			'opacity': true,

			'start': true,
			'transition': Fx.Transitions.Quad.easeOut,

			onActive: function(toggler){
				toggler.$tmp.fx.start('');
				toggler.$tmp.first.setStyle('#ffffff', '#000');
			},

			onBackground: function(toggler){
				toggler.$tmp.fx.stop();
				toggler.setStyle('background-color', toggler.color).$tmp.first.setStyle('#ffffff', '#f69e3a');
			});


var found = 0;
$$('h3.toggler a').each(function(link, i){
if (window.location.hash.test(link.hash)) found = i;
});
myAccordion.display(found);



		});

		});







</script>

Hab ichs doch falsch gesetzt?!?

Die Action funktioniert, wenn der Toogler den auch immer so heißt.

Code: Alles auswählen

<div  class="formgen">
   <form id="'.$formname.'" action="'. $_SERVER["REQUEST_URI"].'#Kontaktformular" '.$acharset.' method="post">
      <input type="hidden" name="FORM['.$formname.']['.$formname.'send]" value="1" />';

[JBO]

Ja jetzt hab ich es doch verstanden

ABER, nu is das/der erste Acoordion/Slider immer offen.

Kann ich das irgendwie verhindern bitte?!?

Merci und Gruß JBO

[Joachim.Dörr]

Das müsstest Du natürlich Anweisen - aber dann funktioniert deine Sprungmarke ja nicht mehr - denn das javascript muss diese ja öffnen können - wenn du ihm sagst öffne nicht, dann öffnet es auch nicht deine angewiesene Sprungmarke

Code: Alles auswählen

         'start': false, 

Kannst ja austesten was passiert / Du könntest dir natürlich auch was basteln mit php z.b. übergibst du wenn du ne Sprungmarke brauchst dann auch etwas per get -> eine variable die in dein javascript eingreift.

lg
Joachim

[JBO]

Vielen Dank Joachim.

Dann lebt das Projekt damit, dass der erste immer offen ist.
False und jede andere Manipulation an der var hat zur Folge, dass alle Slider immer offen sind.

Merci und Gruß JBO

[Masche]

Hallo zusammen,

ich habe mir diesen Thread genau durchgelesen, steige aber noch nicht ganz durch wie man das Accordion ändern kann. ICH würde es gerne so abändern, dass alle Slider beim Seitenaufruf geschlossen sind. Ist dies machbar? Falls ja wäre es super, wenn mir jemand sagen könnte was ich wo äbandern mus.

Tausend Dank!!!

Grüße
Martin

[Tizian]

hallo martin,

um alle slider am anfang geschlossen zu halten musst du im javascript (mootools.acc.js)

Code: Alles auswählen

'start': false,

ändern auf

Code: Alles auswählen

'start': true,

gruß