Previous
Next

Wibiya toolbar ile jQuery çakışmasının önlenmesi

by Cem Kefeli 12. Ekim 2009 03:06

WibiyaBuradaki yazımda da bahsettiğim gibi Wibiya Toolbar'ın hala oldukça fazla problemi var. Bunlardan birçoğu halledildi ama geliştirmeler de devam ediyor. Özellikle Internet Explorer kullanıcıları için oldukça fazla dert oluşturuyor. Wibiya'nın yol açtığı bir dert ise Blog Engine.NET alt yapısının kullandığı Java Script'ler ile çakışması. Örneğin arama metninin girildiği text alanına mouse imlecini tıkladığınınz zaman text alanı temizleniyor. bunu yapan bir script. Fakat Wibiya Toolbar'ı sisteminize entegre ettiğiniz zaman bu özelliğin pasif hale geldiğini göreceksiniz. Hatta yazılarınıza yorum bile yapılamaz hale gelecektir. Çünkü yorum yapılabilmesi için çalışan prosedürde de bazı Java Script'ler kullanılıyor.
Sorunun çözümü ise Wibiya'nın size verdiği script çağırma yapısındaki kaynak script adresinin sonuna '&nc=0&pl=1' ifadesini eklemek. Örneği aşağıda veriyorum...

		.
		.
		</div>
		<script src='http://toolbar.wibiya.com/toolbarLoader.php?
toolbarId=12345&nc=0&pl=1' type='text/javascript'></script>
	</body>
</html>

Wibiya Toolbar'ın yol açtığı Thickbox/Lightbox sorununu düzeltmek

by Cem Kefeli 15. Eylül 2009 06:27

Wibiya Toolbar ScreenShotSon zamanlarda oldukça ilgimi çeken bir eklenti oldu Wibiya Toolbar. Aşağıda kendi sayfam için hazırlamış olduğum toolbar için bir ekran görüntüsü verdim. Bu toolbar ile ziyaretçilerinizi karşılayan mesajlar oluşturabiliyor, son eklenen yazıların önizlemesini gösterebiliyor, RSS linkinizi paylaşabiliyor, Facebook ve Twitter gibi sosyal paylaşım sitelerini sayfanıza entegre edebiliyor, farklı dillerde tercüme yapılmasını sağlayan Google aracını sayfanıza ekleyebiliyor, sayfanız için rastgele yazılar görüntüleyebiliyor, web sayfanız ve web üzerinde Google arama motorunu kullanrak aramalar yaptırabiliyorsunuz. Toolbar tamaman ajax teknolojisi üzerine kurulu ve çok hoş bir görünüme sahip. Wibiya web sayfasından üyelik için davetiye istedikten sonra gelen token üzerinden üyelik işlemlerinizi tamamlıyorsunuz ve toolbar'ı hemencecik oluşturmaya başlayabiliyorsunuz. Toolbar için farklı temalar da mevcut, Böylece dizaynınıza en yakın ve en uygun renkler ile bu toolbar'ı oluşturabilirsiniz.

Üyelik işlemleriniz tamamlandıktan hemen sonra Wibiya size aşağıdaki bir JavaScript çağırma kodu verecektir sayfanıza eklemeniz için. Bu scripti sayfanızın </body> tagından hemen önce yerleştirebilirsiniz.

<script src='http://toolbar.wibiya.com/toolbarLoader.php?
toolbarId=XXXXX' type='text/javascript'></script>

Buraya kadar bir sorun yok fakat sayfanızda benim gibi Thickbox/Lightbox uygulamalarından herhangi birisini kullanıyorsanız Wibiya sizin için biraz sıkıntı yaratacaktır. Çünkü Wibiya scripti sayfanıza eklendiği zaman Thickbox/Lightbox için hazırlanan div katmanlarının sıralamasında bazı problemler oluşuyor. Yani önizleme için Thickbox/Lightbox eklentilerinin oluşturduğu pencereler arka katmanda kalarak izlenebilirliğini kaybediyor. Bu sorunu ortadan kaldırmak için Thickbox/Lightbox uygulamaları için kullanılan window katmanının sırasının değiştirmesi yeterli olacaktır. Örneğin Thickbox uygulamasının kullandığı stil şablonu olan thickbox.css dosyası içerisinde #TB_window stili için aşağıdaki kırmızı renkle verilen değişiklikler yapılarak bu sorun giderilebilir. Daha önce 102 olan z-index'i 100000 gibi abuk ve yapılmayacak kadar yüksek bir değere setleyerek bu işten yırtabilirsiniz :) Başka hiçbir yere de zararı olmayacak ufak bir manipülasyon yalnızca. En azından ben sorunumu en kısa yoldan bu şekilde düzeltebildim :) Eğer alternatif yöntemler var ise paylaşmanız çok iyi olacaktır...

#TB_window 
{
	. . . .
	position: fixed;
	background: #ffffff;
	z-index:100000 !important;
	. . . .
}

Hakkımda...

Cem KEFELİ

Electronics and
Telecommunication Eng.
devamı...


Son yapılan yorumlar...

Comment RSS

Yasal bir uyarı...

Disclaimer"Bu web sitesinde görmüş olduğunuz bilgilerin, dokümanların ve diğer materyallerin kullanılmasından doğabilecek hiç bir sorumluluktan site sahibi sorumlu tutulamaz. Web sitesi içerisinde yer alan yazılar, yorumlar, resimler ve diğer tüm içerikler yalnızca sahibinin görüşünü yansıtmakta olup içeriğin sahibi kişilerin çalıştığı kurumları bağlayıcı hiç bir nitelik taşımamaktadır. Yapılan tüm alıntılar mutlaka kaynak gösterilerek verilmeye çalışılmaktadır. Web sitesi içerisinde bulunan ilgili materyaller, ilgili yasal kurumlar tarafından uygun görülmemesi durumda kaldırılacaktır."
General