AMP Komut ve Kısa Kodları

30.8.17
AMP Komut ve Kısa Kodları

AMP Komut ve Kısa Kodları - AMP yönlendirme, yazdırma, gösterme, gizleme, geçiş, kaydırma ve merkez odaklama gibi belirli öğelere komut vererek öğeleri daha kullanışlı hale getirmek için, AMP standart komut ve kısa kodlar vardır. Bu komut kodları ile işlevi yerine getirmek için, bir AMP eklentisine ihtiyaç duyulmaz.

AMP Komut Kodlarını İnceleyin


AMP.navigateTo()
<button on="tap:AMP.navigateTo(url='http://google.com')">google.com</button>

AMP.print() - AMP Yazdırma butonu ekleme.
<button on="tap:AMP.print">Yazdır</button>

Görünürlüğü aç / kapat
<button on="tap:normal-element.show">Göster</button>
<button on="tap:normal-element.hide">Gzile</button>
<button on="tap:normal-element.toggleVisibility">Görünürlüğü aç / kapat</button>
<div id="normal-element" hidden>Başlangıçta gizlenmiştim.</div>

Kaydırma (Scoll To)
<button on="tap:normal-element2.scrollTo">Kaydırma</button>
<button on="tap:normal-element2.scrollTo('position' = 'bottom')">Alta Kaydır</button>
<button on="tap:normal-element2.scrollTo('position' = 'center')">Kaydırma Merkezi</button>
<button on="tap:normal-element2.scrollTo('duration' = 5000)">Yavaşça Kaydırma</button>
<div id="normal-element2">Beni görmek için dolaşmak zorundasın.</div>

Odaklama (Focus)
<button on="tap:input-element.focus">Odaklama</button>

Komutları Birleştirme
<button on="tap:normal-element2.scrollTo('position' = 'center'), input-element.focus">Kaydırma ve Odaklama</button>

Lütfen kodları gerektiğinde kullanın.

Kaynak: https://github.com/ampproject/amphtml/blob/master/examples/standard-actions.amp.html

Yorum Gönder