[pichfl]

Wäre um jede Hilfe froh.

Meine Erfahrungen mit Javascript sind bisher gleich 0 aber ich habe mich jetzt mal an dem ganzen Zeug versucht und festgestellt, dass es ein paar witzige Sachen ermöglicht.

Mein Problem ist folgendes:
Ich habe auf einer Seite viele Boxen, mit jeweils einem Link davor, beide tragen eine Klasse

Diese Klasse ermittle ich per getElementsByClass.

Ich habe auch bereits eine Funktion, die mir erlaubt, eine Box beim Klick auf den Link zu verstecken / anzuzeigen, allerdings will die als parameter natürlich eine einzelne Variable (also die ID des zu verbergenden elements) und nicht ein ganzes array.

wie schaffe ich es, dass einmal durch die einzelnen links aus dem array gegangen wird und jedem einzelnen jeweils ein item aus dem array der boxen zugeteilt wird?

die funktion für den mover ist folgende:

funktion_für_mover = new fx.Combo('_id des elements_', {...});

die funktion für das öffnen wäre dementsprechend:

ToogleID = document.getElementByClass('_ID_');
	ToggleID.onclick = function() {
		funktion_für_mover.toggle();
	};

(fett = zur erklärung eingesetzt)

Hilft mir bitte jemand?

[Lars]

Namespaces wären denke ich dein Weg zum Erfolg, da du dann "someid_box" mit "someid_link" assoziieren kannst.

[pichfl]

nach langem rumprobieren, einiger Hilfe vom entwickler und vielen versuchen, hab ich die lösung gefunden.

var infoPanes = function() {
	document.getElementsByClassName('info').each( 
		function(element){ 
			element.fx = new fx.Combo(element, {duration:infoToggleDuration, opacity:true, height:true, width:false, transition: fx.quadOut});
			element.fx.hide();
		}
	);
	document.getElementsByClassName('toggleinfo').each(
		function(element){ 
			element.onclick = function() {
				Element.find(element, 'nextSibling').fx.toggle();
			}
		}
	);
};

(diese funktion lädt man dann per onload-event)
(benötigt: moo.fx-effekt-bibliotek, prototype.lite)

was das ding macht?

es sucht sich aus einer html-datei, in der das script aufgerufen wird alle elemente mit der class="toggleinfo" und alle elemente mit class="info", wobei beide elemente direkt aufeinander folgen müssen (also erst ein tag mit "toggleinfo" dann einer mit "info").

der .info wird dann versteckt und erst mit einem klick auf toggleinfo wieder angezeigt. mit schöner animation und einem fade-effekt.

das ganze funktioniert ohne eine zeile javascrit direkt im html-code.
es reicht, wenn man das ganze in eine externe javascrip-datei packt und verlinkt.