jQuery ile anket sonuçları olayı

Bir projem de kullanmak üzere jQuery ile basit bir anket uygulaması yapmıştım. İşlevini gerektiği gibi yerine getiriyordu fakat dedim ki azcık da göze hitap etsin. Aramaya oyuldum ve bu iş için uygun mekanizmayı aramaya başladım fakat bir türlü istediğim gibi bir şey bulamadım. Madem dedim öyle kendim yapayım ve yapmışken de sizlerle aylaşayım. 4-5 satır kodla işi bağladım, çok da hoşuma gitti.

Düzenleme: Şenol Örencik arkadaşımın söylediği gibi bir şey yapmaya çalıştım. Barlar geldikten sonra sonuçlar beliriyor.

jQuery kodları. Olayın tamamı için demo sayfasının kaynak kodlarını görüntüleyebilirsiniz.

	<script type="text/javascript">
		$(document).ready(
			function(){
				$("#anket div span").fadeTo('fast',0.1);
				$("#anket div").each(function(){
			      var deger = $(this).text();
			      $(this).css({width: "0%"}).animate({width: deger}, 3000,
			      	function(){
			      		$("#anket div span").fadeTo(1000,1);
			      	});
				});
			}
		);
	</script>

Demo

  • http://yedincisenol.com Şenol Örencik

    Güzel olmuş. % değerleri çubuklar yerine ulaştıktan sonra gelse daha şık görünebilir belki. :)

  • http://asd apoStyLEE

    Teşekkür ederim, doğru bir fadeIn kullanmak lazım orada, eve gidince hallederim :)

  • http://www.ufukdeniz.net Ufuk Deniz

    Ellerinize sağlık. Çok hoş olmuş. Bende bir uygulamamda kullandım. :)

    • apoStyLEE

      Teşekkür ederim :)

      • http://www.ufukdeniz.net Ufuk Deniz

        Estfrlh. O teşekkür bize ait. :)

  • http://Websitesi şükrü

    teşekkür ederiz hemşerim. yazıların sayesinde kendimize bir şeyler katmaya çalışıyoruz.
    Ellerine (beynine :)) sağlık

    • apoStyLEE

      Rica ederim, faydalı olabiliyorsam ne mutlu bana :)

  • http://www.filmogren.com Film Replikleri

    Görsellik çok hoş olmuş ama bir de yapımını anlatsaydın keşke. Herkes bir şeyler almış bir yerlerde jquery ile anket hazırlama konusunda ama kimse basit bir çekilde açıklamamış. Film sayfalarında jquery ile İyiydi, Kötüydü cinsinden bir uygulama hazırlamak istiyorum ama elle tutulur bir açıklama bulamadım. Yine sağol.

  • Guven Aras

    Üstad anket scriptini de paylaşsaydın keşke.