ugrás a tartalomhoz

scriptaculus appendchild sorrend

Cadeyrn · 2006. Okt. 28. (Szo), 14.50
Üdv!

Van egy div, abba kerülnek appendchilddal az új elemek.
A gond, hogy nekem fordított sorrendben kellene belepakolnom a tartalmat: azaz a legújabbnak nem legalulra, hanem legfelülre kellene kerülnie.

Tudja valaki, hogyan kell?

Előre is köszönöm szépen,
Cadeyrn
‹ Táblázat háttere - mindenhol másképp Ajaxal küldött karakterláncok tartalma. ›
 ■
1

re

toxin · 2006. Okt. 28. (Szo), 16.31

<script src="./scripts/prototype.js" type=""></script>
<script src="./scripts/scriptaculous.js?loader=builder" type=""></script>

<script language="javascript" type="text/javascript">
Object.extend(Element, { push : 
		function(container,elem){
	       try { 
		   		if (!$(container) || !elem ) throw 'push error'; 
		   }
		   catch(er){if (er) {
		   		if (window.console) 
					{
						console.error('error in Element.push ');
						console.trace();
					}
					else
					{
						alert('error in Element.push ');
					}		
		   }}; 
		   
		   if ($(container).firstChild) $(container).insertBefore(elem,$(container).firstChild);
		   else $(container).appendChild(elem);                
    	}
});

Event.observe(window,'load',
	function(){
		var div1 = Builder.node ('div',{id:'div_1'},'1');
		var div2 = Builder.node ('div',{id:'div_2'},'2');
		var div3 = Builder.node ('div',{id:'div_3'},'3');
		
		Element.push('wrapper',div1);		
		Element.push('wrapper',div2);		
		Element.push('wrapper',div3);		
	}
)
</script>
demo:
http://toxin.hu/weblabor/push/


most ezjutott eszembe, lehet hogy lehet egyszerűbben is :)

üdv t

ui: scriptaculous helyesen :)
2

thx

Cadeyrn · 2006. Okt. 28. (Szo), 20.36
köszönöm, kipróbálom, és utólag nekem is leesett, h rosszul írtam :)
3

prototype Insertion.Top

amonrpg · 2006. Okt. 29. (V), 12.45
Nem tudom pontosan, hogy a script.aculo.us mit ad hozzá a dologhoz, de a Prototype-ben van egy Insertion object, annak meg van a Top metódusa.
Szerintem arrafelé nézz körül. Azt tudja, hogy egy bizonyos elem legfelső szintjére helyez el vmit. Igaz ekkor gyakorlatilag HTML-t injektálsz, szóval nem annyira használod a DOM cuccokat. De szerintem az egyszerűsége bőven kárpótol érte. ;)