Previous
Next

Blogengine kullanıcıları için script çakışmalarının çözümü

by Cem Kefeli 13. Ekim 2009 00:34

Blog EngineBlogengine.net kullananlar kök dizin içerisinde yer alan blog.js dosyasını hatırlayacaklardır. Bu dosya içerisinde blog alt yapısının ajax özelliklerini desteklemesini sağlayan bazı kod parçacıkları bulunuyor. Örneğin arama text alanına tıkladığınızda oradaki metini silen, yorum önizlemesinin oluşturulmasını sağlayan yapılar. Eğer bu dosyayı silerseniz yorum kaydı dahi yapamayacağınızı göreceksiniz. Fakat bu güzel kod parçacıkları blogunuza ekleyeceğiniz bazı scriptler ile çakışıyor ve bazen eklediğiniz bazen de blog.js dosyası içerisinde bulunan scriptler çalışamaz hale geliyor. Bunu ancak yeni yeni scriptler eklemeniz sonucu pratik olarak test ederek anlayabilirsiniz. Ben birkaç özelliği bloguma katayım derken bu şekilde durumlar ile karşılaştım ve önceki yazılarımda yazdım. Bu yazı altında ise bu şekildeki BlogEngine problemlerini toparlamayı düşünüyorum. Yenileri eklendikçe(ki umarım eklenmez) yazıyı güncelleyeceğim.

Wibiya toolbar ile jQuery çakışmasının önlenmesi
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..... [Devamı]

ColorBox kullananlar için jQuery çakışmasının çözümü
jQuery, dinamik içerik sunan birçok JavaScript uygulaması tarafından kullanılıyor. Fakat kullanıldığı platformlardaki diğer java script'ler ile de bazı çakışmaları oluyor ve problem yaşatıyor. Bunlardan birisi de BlogEngine.NET platformunda kullanılan ve blog.js içerisinde yer alan bazı script kodlarının blogunuzda ColorBox kullanmayı istediğinizde çakışması sonucu ortaya çıkıyor..... [Devamı]

Flicker için Cooliris slideshow eklentisi

by Cem Kefeli 12. Ekim 2009 11:08

CoolirisGeçenlerde Flicker için güzel bir uygulamaya rastladım. Eğer Flicker'da bulunan fotoğraf setlerinizi web sayfanız üzerinden slideshow olarak sunmak istiyorsanız yapmanız gereken aşağıdaki kod satırlarını web sayfanıza eklemek olacak. Eklenti Cooliris alt yapısını kullanıyor. Aslında yalnızca Flicker için tasarlanmış birşey değil. Gömülü bir flash oynatıcı yardımı ile, flash dosyasına XML(Extensible Markup Language) formatını kullanarak geçtiğiniz parametreleri de görsel hale dönüştürüyor. Script içerisinde feedurl parametresine Flicker'da bulunan fotoğraf setinizin adresini veriyorsunuz. Örneğin aşağıdaki örnekte 'http://api.flickr.com/services/feeds/photos_public.gne?id=43234443@N06' olarak değer verdim. Bu bir RSS(Realy Simple Syndication) adresi. Cooliris eklentisi ile çalışan başka birçok RSS servisi daha bulunmakta. Hatta MRSS(Media RSS) standartlarına uygun olarak kendi hazırladığınız MRSS servisinizi bile bu uygulamaya göstererek slideshow'lar da hazırlayabilirsiniz. Aşağıda kodları verilen örneğin çalışan halini görmek için ise burayı tıklayabilirsiniz.

<html>
	<head>
		.
		.
		.
		<!-- PiclensLite code starts -->
		<script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>
		<!-- PiclensLite code ends --> 
		.
		.
	</head>
	<body>
		.
		.
		<a title="Slideshow Başlat" href="javascript:PicLensLite.start(
{feedUrl:'http://api.flickr.com/services/feeds/photos_public.gne?id=43234443@N06&amp;
lang=en-us&amp;format=rss_200'});">Slideshow Başlat</a>
		.
		.
	</body>
</html>	

ColorBox kullananlar için jQuery çakışmasının çözümü

by Cem Kefeli 12. Ekim 2009 04:45

JQuery LogojQuery, dinamik içerik sunan birçok JavaScript uygulaması tarafından kullanılıyor. Fakat kullanıldığı platformlardaki diğer java script'ler ile de bazı çakışmaları oluyor ve problem yaşatıyor. Bunlardan birisi de BlogEngine.NET platformunda kullanılan ve blog.js içerisinde yer alan bazı script kodlarının blogunuzda ColorBox kullanmayı istediğinizde çakışması sonucu ortaya çıkıyor. ColorBox'ın kullandığı değişken isimleri ile BlogEngine'in kullandığı değişkenler çakışıyor ve ColorBox çalışamaz hale geliyor. Çakışmaları önlemek için aşağıdaki kod bloğunu script çağırma bölümünden hemen sonra eklemelisiniz. Eklemeniz gereken kısmı yeşil renge boyadım.

<head>
	.
	.
	<!-- ColorBox code starts -->
	<link type="text/css" media="screen" rel="stylesheet" href="/ColorBox/Skin1/colorbox.css" />  
	<script type="text/javascript" src="/ColorBox/jquery.min.js"></script>
	<script type="text/javascript" src="/ColorBox/jquery.colorbox.js"></script> 
	<script type="text/javascript">
	$j = jQuery.noConflict();
	</script> 
	<script type="text/javascript">
		$(document).ready(function(){
			//Examples of how to assign the ColorBox event to elements
			$("a[rel='example1']").colorbox();
			$("a[rel='example2']").colorbox({transition:"fade"});
			$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
			$("a[rel='example4']").colorbox({slideshow:true});
			$(".single").colorbox({}, function(){
				alert('Howdy, this is an example callback.');
			});
			$(".colorbox").colorbox();
			$(".youtube").colorbox({iframe:true, width:650, height:550});
			$(".iframe").colorbox({width:"80%", height:"80%", iframe:true});
			$(".inline").colorbox({width:"50%", inline:true, href:"#inline_example1"});

			//Example of preserving a JavaScript event for inline calls.
			$("#click").click(function(){ 
				$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).
text("Open this window again and this message will still be here.");
				return false;
			});
		});
	</script> 
	<!-- ColorBox code ends --> 
	.
	.
</head>	

Fazlası...

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>

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