Ersin Acar » JavaScript

Javascript date picker

Kullanımı kulay bir date picker. Buradan indirebilirsiniz. Aynı adresten demoyada ulaşabilirsiniz.

29.gif

« 
1 Puan2 Puan3 Puan4 Puan5 Puan (1 kere oylanmış, Ortalama: 5 üzerinden 5)
Loading ... Loading ...

HTML5 video ve ses taglarını destekleycek!

Webkitdeki amcalar HTML5 i geliştirirken video ve ses taglarıda ekleyelim demişler.

Video eklemek için 10larca satır embedler objeler kıllar yünler kullanmak zorunda değiliz artık olay bu kadar basit;

  1. <video src="sample.mov" autoplay></video>

şimdide embed obje kıl yün olmadan play/pause tuşu yapalım

  1. <script> function playPause() {   var myVideo = document.getElementsByTagName(\\'video\\')[0];   if (myVideo.paused)     myVideo.play();   else     myVideo.pause(); } </script>
  2. <input onclick="playPause()" value="Play/Pause" type="button" />

olayın içinde event kontrolüde var şöyleki;

  1. myVideo.addEventListener('ended', function () {
  2. alert('video playback finished')
  3. } );
«  «  «  «  «  « 
1 Puan2 Puan3 Puan4 Puan5 Puan (2 kere oylanmış, Ortalama: 5 üzerinden 5)
Loading ... Loading ...

Akordiyon menü

accordion2.jpg

Şu adresten edinebileceğiniz akordiyon menüyü.
Şöyle kullanıyoruz;
Öncelikle JS dosyalarını sayfamıza çağıralım.

  1. <script src="javascript/prototype.js" type="text/javascript"></script>
  2. <script src="javascript/effects.js" type="text/javascript"></script>
  3. <script src="javascript/accordion.js" type="text/javascript"></script>

Sonra kullanımına geçelim

  1. <h2 class="accordion_toggle">Başlık barı</h2>
  2. <p class="accordion_content">içerikk</p>
  3.  
  4. <h2 class="accordion_toggle">Başlık Barı</h2>
  5. <p class="accordion_content">içerik</p>

Daha ayrıntılı bilgi almak için menünün kendi sayfasını ziyaret edebilirsiniz

«  «  «  «  « 
1 Puan2 Puan3 Puan4 Puan5 Puan (4 kere oylanmış, Ortalama: 5 üzerinden 3.5)
Loading ... Loading ...