İkinci jquery dersimizin kodları ve anlatım videosu linki aşağıdadır.
video : https://www.youtube.com/watch?v=iNCf0T05YVA
yazılı anlatım : http://www.merduvan.com/konu.php?id=54
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Css metodunu ve nitelik atama attr ve nitelik silme removeAttr</title>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(function(){
/* merduvan.com ---- ayanzade.blogspot.com.tr */
//tek css özelliği atama
$("p").css("color","red");
//çoklu css özelliği atama
$("p").css({
"color" : "red",
"font-size" : "20px",
"background-color" : "black"
});
//css özelliğini alma
var degerler = $("div").css("background-color");
var genislik = $("div").css("width");
//değişkeni yazdırma
alert(degerler);
alert(genislik);
//attr metodu ile nitelik atama
$("a").attr("href","http://www.merduvan.com" ;);
//çoklu nitelik atama
$("a").attr({
"href":"http://www.merduvan.com" ;,
"title":"Bu bir likntir"
});
//removeAttr metodu ile nitelik silme
$("a").removeAttr("href");
//niteliği değişkene atama
var link = $("a").attr("href");
alert(link);
});
</script>
<style type="text/css">
div{
background-color: green;
width:100px;
}
</style>
</head>
<body>
<p>Bu yazının rengini css metodu ile değiştireceğiz.</p>
<br/>
<div>Bu divin arkaplan rengi yeşil olsun</div>
<a href="#">Bu yazıya tıklarsan merduvan.com'a gidersin.</a>
</body>
</html>
20 Ağustos 2015 Perşembe
Jquery Giriş Dersi - Nesne Seçimi ve Metot Kullanımı - Ders 1
Jquery'de nesne seçimi ve metot kullanımı anlattığım video ve kodları;
video : www.youtube.com/watch?v=Ai2gPUmP3wM
yazılı anlatım : http://www.merduvan.com/konu.php?id=53
<!DOCTYPE html>
<html>
<head>
<title>Jquery ile nesne seçmek ve metot kullanımı - hide()</title>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(function(){
$("button#kapatma_tusu").click(function(){
$("div.deneme").hide(2000);
});
});
</script>
</head>
<body>
<button id="kapatma_tusu">Kapat</button>
<div class="deneme" style="padding:5px; margin-top:10px; border-style:solid; border-width:2px;">Butona basildiginda bu div kapanir.</div>
</body>
</html>
video : www.youtube.com/watch?v=Ai2gPUmP3wM
yazılı anlatım : http://www.merduvan.com/konu.php?id=53
<!DOCTYPE html>
<html>
<head>
<title>Jquery ile nesne seçmek ve metot kullanımı - hide()</title>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(function(){
$("button#kapatma_tusu").click(function(){
$("div.deneme").hide(2000);
});
});
</script>
</head>
<body>
<button id="kapatma_tusu">Kapat</button>
<div class="deneme" style="padding:5px; margin-top:10px; border-style:solid; border-width:2px;">Butona basildiginda bu div kapanir.</div>
</body>
</html>
19 Ağustos 2015 Çarşamba
Scrollbar nasıl en aşağıda başlatılır
Bu mevzuyu ben de nette araştırdım daha bu işlerde yeniyim çok karmaşık geldi bir türlü bulduklarımı uygulayamadım. Sonra # ile sayfada istenilen yere gidilebildiği hatırıma geldi ve bunu bunla yapabilirim diye düşündüm ve bir çalışma yaptım. Şimdi aynı sorunu yaşayanlar için basitçe bir yöntem buradan sizinle paylaşıyorum.
Bunu bir mesajlaşma penceresi üzerinden anlatacağım. Her zaman en aşağıdan başlaması gerekir malumunuz.
<?php
$a = 0;
$mesajlari_cek = mysql_query("SELECT mesaj FROM mesaj_tablosu LIMIT 10");
while ($satir = mysql_fetch_array($mesajlari_cek)) {
$a++;
echo '<a name="<?php echo $a; ?>">'.$satir['mesaj'].'</a>';
}
?>
Bu kodlarda ne yaptık mesajları çekerken veritabanından her mesaja bi $a değeri atadık, bu kadar basit asıl mesele mesajlaşma sayfasına nasıl geleceğimizde yatıyor mesajlaşma sayfasına nereden gelecekseniz oradaki link şöyle olmalı.
Diyelim ki sayfanızın adı mesaj.php bir yere bunun linkini koyacaksanız mesaj.php#10 diye koyacaksınız. Neden 10 derseniz mesajları çekerken limiti 10 koymuştuk. Yani son gelen mesajın $a değeri 10 ve linkten aldığı # değer ile 10. mesaja gidecek sayfa açılır açılmaz o da en altta olduğundan scrollbar en alttan başlayacaktır.
Bunu bir mesajlaşma penceresi üzerinden anlatacağım. Her zaman en aşağıdan başlaması gerekir malumunuz.
<?php
$a = 0;
$mesajlari_cek = mysql_query("SELECT mesaj FROM mesaj_tablosu LIMIT 10");
while ($satir = mysql_fetch_array($mesajlari_cek)) {
$a++;
echo '<a name="<?php echo $a; ?>">'.$satir['mesaj'].'</a>';
}
?>
Bu kodlarda ne yaptık mesajları çekerken veritabanından her mesaja bi $a değeri atadık, bu kadar basit asıl mesele mesajlaşma sayfasına nasıl geleceğimizde yatıyor mesajlaşma sayfasına nereden gelecekseniz oradaki link şöyle olmalı.
Diyelim ki sayfanızın adı mesaj.php bir yere bunun linkini koyacaksanız mesaj.php#10 diye koyacaksınız. Neden 10 derseniz mesajları çekerken limiti 10 koymuştuk. Yani son gelen mesajın $a değeri 10 ve linkten aldığı # değer ile 10. mesaja gidecek sayfa açılır açılmaz o da en altta olduğundan scrollbar en alttan başlayacaktır.
Kaydol:
Yorumlar (Atom)