Jquery UI Progressbar
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Jquery UI Progressbar

profil
cArleone
BEĞEN(0)
BEĞENME(0)
GÖRÜNTÜLENME(2949)
RAPOR ET
Jquery ui nin bir başka özelliği olan progressbar özelliğini anlatacam bu derste.Bu ne derseniz oyunlarda ki can gösterilen yeşil alanlar vardır ondan.
Bunu nasıl yerlerde kullanırız derseniz bir çok yerde kullanabiliriz.dosya upload ilerlemesi anket ilelemeleri vs...

Şimdi kodlara geçelim.

<html>
<head>
<title>cArleone</title>
<script type="text/javascript" src="jquery-1.9.0.js"></script>
<script type="text/javascript" src="jquery-ui-1.10.0.custom.js"></script>
<link rel="stylesheet" href="demos.css" />
<link rel="stylesheet" href="jquery-ui-1.10.0.custom.min.css" />

<script type="text/javascript">
$(function() {

$(".yuklenme").progressbar({
max:100,//maxsimum boyutu
value:0,//o anki değeri
complete:function(){ alert("yükeleme tamam..."); }//yüklendiğinide olacak olaylar
});

$("#buton").click(function(){
yukle();//butona tıklanırsa yukleme fonksiyonu çağırılacak
})
});

function yukle(){//o anki değeri alıp 1 artırıp tekrar atayıp fonsiyonu tekrar çağırıyorum
var deger=$(".yuklenme").progressbar("value")+1;
$(".yuklenme").progressbar("value",deger);
setTimeout("yukle()",10)
}
</script>
<style type="text/css">
body{font-size:15px;}
.yuklenme{width:400px;height:30px;}
</style>
</head>
<body>

<button id="buton">yükle</button>
<div class="yuklenme"></div>

</body>


video:


indir : http://ustaderslik.com/dosya/Jquery-Uİ%20(Progressbar).rar



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol