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
 
1

re

toxin · 2006. Okt. 28. (Szo), 16.31
  1. <script src="./scripts/prototype.js" type=""></script>  
  2. <script src="./scripts/scriptaculous.js?loader=builder" type=""></script>  
  3.   
  4. <script language="javascript" type="text/javascript">  
  5. Object.extend(Element, { push :   
  6.         function(container,elem){  
  7.            try {   
  8.                 if (!$(container) || !elem ) throw 'push error';   
  9.            }  
  10.            catch(er){if (er) {  
  11.                 if (window.console)   
  12.                     {  
  13.                         console.error('error in Element.push ');  
  14.                         console.trace();  
  15.                     }  
  16.                     else  
  17.                     {  
  18.                         alert('error in Element.push ');  
  19.                     }         
  20.            }};   
  21.              
  22.            if ($(container).firstChild) $(container).insertBefore(elem,$(container).firstChild);  
  23.            else $(container).appendChild(elem);                  
  24.         }  
  25. });  
  26.   
  27. Event.observe(window,'load',  
  28.     function(){  
  29.         var div1 = Builder.node ('div',{id:'div_1'},'1');  
  30.         var div2 = Builder.node ('div',{id:'div_2'},'2');  
  31.         var div3 = Builder.node ('div',{id:'div_3'},'3');  
  32.           
  33.         Element.push('wrapper',div1);         
  34.         Element.push('wrapper',div2);         
  35.         Element.push('wrapper',div3);         
  36.     }  
  37. )  
  38. </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. ;)