namen dynamisch generieren

[theo]

moin js-kollegen!

wie bekommt man folgendes problem in den griff?

window.addEvent('domready', function() {
	var tables = document.getElementsByTagName('table');
	
	for(var x=0; x<tables.length; x++){
		if(tables[x].className=='table_results'){
			var links = tables[x].getElementsByTagName('a');
			
			var r = 0;		
			for(var y=0; y<links.length; y++){
				if(links[y].className=='toggleLink'){
					links[y].id = 'v_toggle_'+r;
					links[y].innerHTML = 'toggle';
					
					var myVerticalSlide+r = new Fx.Slide('vertical_slide_'+r).hide();
					$('v_toggle_'+r).addEvent('click', function(e){
						e.stop();
						myVerticalSlide+r.toggle();
					});
					r++;
				}
			}
		}
	}
});

das die variante nicht funktioniert ist mir bewusst. ist auch nur, um das problem besser erklaeren zu koennen.
es soll als der name des objekts dynamisch erzeugt werden, damit jede tabellenzeile eindeutig angesprochen werden kann.


gruss

[Bruecksen]

Hallo teo,

in JS kannst du mittels eval eine Variable mit dynamischen Namen erzeugen:

eval("var myVerticalSlide" + r " = new Fx.Slide('vertical_slide_'+r).hide();"); 

ob das ganze mit Mootools dann auch funktioniert, keine ahnung ;-). Aber du könntest das ganze doch auch viel einfach mit einem Array lösen? einfach alle Instanzen in ein Array packen und dann kannst du über den entsprechenden index drauf zu greifen. Performanter alle mal. Hier wird über die eval funktion diskutiert.

[theo]

hi bruecksen,

danke fuer die antwort. ich hab zwar bereits eine loesung gefunden, jedoch eine andere. die hier sieht gut aus und ich werde sie testen.

gruss,
theo