Bir teknikerin web deneyimleri web.320volt Türkçe wordpress temaları, ip uçları, bilgiler, amatör web çalışmaları
Ana Sayfa » Web uygulamaları wordpress seo php grafik » WordPress temanız için popup script kodları
Yazar: gevv Tarih: 21/09/2009 Etiketler: popup, popup script, wordpress popup
WordPress temalarında bazı bölümlere istediğimiz boyutta açılır pence linkleri eklememiz gerekebilir en son 320volt blogunda bu tip bir uygulama yaptım ama popup script düzgün çalışmadı bu tip konuları forumlarda görürdüm popup çalışmıyor, çalışan kod yokmu derlerdi
meğer haklıylarmış popup kodları çok küçük olsada kullandığımız eklentilerin temaların scritleri ile çakışabiliryor
Sayfalarımızı popup penceresi içinde açmak için iki farklı script kodumuz var ikisinden biri mutlaka çalışır
İlk kod daha önce kullandığım çalışan bir uygulama fakat şuan kullandığım eklentilerin scriptleri ile çakıştı ilk bunu denersiniz
<script language="javascript" type="text/javascript">
<!--
function opendetailwindow() {
window.open('','detailwindow','toolbar=no,scrollbars=yes,resizable=yes,width=312,height=450');
}
// -->
</script><a href="http://site.com/test.html" onclick="opendetailwindow()" target="detailwindow">Test Sayfası</a>
“Test Sayfası” yazısına tıklandığında açılan pencerenin boyutlarını “”width=xxx,height=xxx”" bölümlerinde ayarlayabilirsiniz
Yukarıdaki örnek çalışmaz ise aşağıdaki kodları deneyin şuan kullanıyorum
<SCRIPT TYPE="text/javascript">
<!--
function popup(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
href=mylink;
else
href=mylink.href;
window.open(href, windowname, 'width=530,height=300,scrollbars=yes');
return false;
}
//-->
</SCRIPT>
<a href="http://site.com/test.html"onClick="return popup(this, 'notes')" ><img src="http://site.com/images/ikon.gif" border="0" width="15" height="15"></a>
Bu uygulamada yazı şeklinde link değilde minik bir ikon kullandım ikona tıklandığında yeni sayfa popup pencere içinde açılıyor isterseniz ilk uygulamadaki gibi düzenleyebilirsiniz pencerenin buyutlarını windowname bölümünde “”width=530,height=300″” değerlerini değiştirerek ayarlayabilirsiniz scrollbars=yes ise verdiğiniz boyuttan büyük sayfaların kaydırma çubukları ile kullanılabilmesiniz sağlar
Yorumlar