AJAX-TR.COM » Prototype.js Kılavuzu

Element.scrollTo

Kaydırma çubuğunu ID’si verilen bir elementin olduğu konuma kadar kaydırır. (Anchorlar gibi düşünebilirsiniz)

Element.setStyle

Elemente belirtilen stil özelliğini uygular.

JAVASCRIPT:

$(element).setStyle({
backgroundColor: '#900',
fontSize: '12px'
});
// HTMLElement

Not: bir elementin “float” özelliğini ayarlamak için “cssFloat” anahtar kelimesini kullanmalısınız. Ayrıca bir nesnenin saydamlığını “opacity” parametresini 0 ile 1 arasında bir değer ile belirleyebilirsiniz. (0 şeffaf >>> 1 görünür)

Element.show

Elementi gösterir ve element nesnesini döndürür (CSS özelliği "display: none;" olarak belirtilen gizli nesnelerde çalışmaz).

Element.siblings

Belirtilen elementin kardeşlerini bir dizi olarak döndürür. İki elementin kardeş olması; aynı üst elemente bağlı olmaları anlamına gelir. (liste elemanları gibi)

<ul> <li id="golden-delicious">Golden Delicious</li> <li id="mutsu">Mutsu</li> <li id="mcintosh">McIntosh</li> <li id="ida-red">Ida Red</li> </ul>

PLAIN TEXT

JAVASCRIPT:

$('mutsu').siblings();
// -> [li#golden-delicious, li#mcintosh, li#ida-red]

Element.stopObserving

Önceden nesneye atanmış olayın geçerliliğini sonlandırır.

Element.toggle

Elementi görünür ise gizler gizli ise görünür kılar (CSS özelliği "display: none;" olarak belirtilen gizli nesnelerde çalışmaz).

Element.toggleClassName

Elementin stil adını verilen stil ile değiştirir.

<div id="mutsu" class="apple"></div>

PLAIN TEXT

JAVASCRIPT:

$('mutsu').hasClassName('fruit');
// false
$('mutsu').toggleClassName('fruit');
// element
$('mutsu').hasClassName('fruit');
// true

Element.undoClipping

Önceden uygulanmış “Element.makeClipping” özelliğini eski haline getirir.

Element.undoPositioned

Önceden uygulanmış “Element.makePositioned” özelliğini eski haline getirir.

Element.up

"Element.down" ile zıt olarak çalışır. Bir elementin DOM ağacı yapısındaki bir üst elementini veya sırası/seçicisi belirtilen üst elementini döndürür. "Element.ancestors" gibi işler fakat tek element döndürür.

Element.update

Elementin içeriğini verilen içerik ile değiştirir (günceller). Bu içerik düz metin, HTML veya JavaScript kodu olabilir. İçerikteki <script> etiketlerinin içeriği güncelleme işlemi sonrası yürütülecektir.

<div id="fruits">carrot, eggplant and cucumber</div>


$('fruits').update('

  <p>Kiwi, banana  <em>and</em> apple.</p>

  <script>alert("güncellendi!")</script>

  ');

// HTMLElement (ve 'güncellendi!' şeklinde bir uyarı verir).

$('fruits').innerHTML; // '<p>Kiwi, banana <em>and</em> apple.</p>'