FrameWarp – iletişim kutusu uygulaması

0
188
views

FrameWarp

Facebook sitesinin popülerliğini  herkes bilir. Ne yapsa, ne etse birileri aynısını çıkarır. Özellikle resim, video gibi  içeriklere tıklandığında  aynı çerçevede başka bir kutu içinde açılma özelliği  bir çok site tarafından kullanılıyor ve buna benzer uygulamalar geliştiriliyor. jQuery FrameWarp uygulaması da  Facebook benzeri tıklandğında içeriğin başka bir kutu içinde  açılmasını  sağlayan bir örnektir. FrameWarp  kullanarak tıklandığında açılan kutunun içinde resim, video, form sayfası gibi örneklerin incelenmesini sağlayabilirsiniz. Ayrıca tıklandığında açılan kutu içinde  ajax ile başka bir sayfayı da çağırabilirsiniz. İnternet Explorer 9 sürümüde  html5shiv desteği sayesinde kullanılabiliyor.

Demo  sayfasında dialog penceresi  için  dört  adet  buton bulunuyor.

  1. Try it : frame.html  adlı dosya  içeriğini çekerek  dialog penceresi içinde gösteriyor.
  2. Message Passing :  message.html dosyasını çekerek  dialog penceresi içinde  gösterip ziyaretçilerin yazdığı mesajları sayfada yayınlıyor. Deneme olarak herhangi bir mesaj yazıp pencereyi kapattıktan sonra  mesajı demo sayfasının altında görebilirsiniz.
  3. With Cache : Cache  ile  belirlediğiniz bir websitesini dialog penceresi içinde  gösteren butondur.
  4. Without Cache : Cache olmadan siteyi dialog penceresinde gösteren buton.

Kullanım : 

  • Head etiketleri arsına eklemeniz  gereken bölüm.

IE9 için Html5 Shiv :

Js ve css dosya adresleri : 

 JavaScript : 

  •  Body etiketleri arasına eklemeniz gerkene bölüm.

Html : 

 

1 oy (No Ratings Yet)
Loading...
Önceki İçerikForm alanlarında karakter sınırlamak
Sonraki İçerikSocial media icons

1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?

Paylaş

CEVAP VER

Please enter your comment!
Please enter your name here