Merhaba arkadaşlar sizlere jQuery Airport efektini nasıl kullanacağınızı anlatıcam. Kullanımı oldukça basit bu yöntemi kullanarak web sitenizde yazılar yazdırabilirsiniz 🙂
jQuery 1.5.2 ile denenmiştir daha alt sürüm kullanıyorsanız çalışmayabilir.
Kullanımı alttaki gibidir; aşağıdaki kodda body elementine özelliği verdim. Siz bir tablo oluşturup tablo’nun ID’sinide girebilirsiniz.
$( 'body' ).airport([ 'Rooteto', 'web siteme hoşgeldiniz.', 'jquery airport' ]);
WordPress’in bir çok eklentisi var aralarından güzellerini buldukça sizlerle paylaşıyorum. Bu seferki eklentim jQuery ile yapılmış WordPress arşiv eklentisi. Bu eklenti bileşen olarak geliyor yani yan menünüzde güzel bir şekilde listeletebilirsiniz.
Kurulumu kolay bir eklenti. Yönetim panelinden eklentiyi arayabilir veya buradan indirdikten sonra ftp plugins klasörüne yükleyerek yapabilirsiniz. Eklentiyi aktifleştirdikten sonra bileşenler kısmına tıklayın ve bileşen olarak web sitenize ekleyin.
Merhaba arkadaşlar jQuery nimetlerinden bir tanesini daha sizlerle paylaşıyorum. Müşterileriniz şifre oluştururken bu jQuery eklentisini kullanabilirsiniz çünkü herkez şifresinin çok zor olduğunu sanır ama bu eklenti ile çoğu kişinin bildiği yalan olacak 🙂
Complexify adında bir eklenti sıkıştırılmış hali 3kb yani çok ufak ve kullanımlık.
Kullanımı şu şekilde örnek HTML kodumuz aşağıdaki gibi;
<!-- js dosyamız -->
<script src='../assets/s/jquery.complexify.js'></script>
<!-- /js dosyamız -->
<div id="demo">
<input type="password" id="password" placeholder="Password">
<div id="progressbar"><div id="progress"></div></div>
<div id="status">
<div id="complexity">0%</div>
<div id="complexityLabel">Complexity</div>
</div>
</div>
İnput’un ID’sine password yazdık. Şimdi bu html kodun altına script tagları ile eklentimizi çalıştırıyoruz.
Dikkat etmeniz gereken nokta input’a verdiğimiz ID’de password yazmıştık jQuery fonksiyonundada #password yazdık.
<script type="text/javascript">
$(function () {
$("#password").complexify({}, function (valid, complexity) {
if (!valid) {
$('#progress').css({'width':complexity + '%'}).removeClass('progressbarValid').addClass('progressbarInvalid');
} else {
$('#progress').css({'width':complexity + '%'}).removeClass('progressbarInvalid').addClass('progressbarValid');
}
$('#complexity').html(Math.round(complexity) + '%');
});
});
</script>
