Teknoloji Dünyasına Hoşgeldiniz: Ajax & jQuery

Php ve jQuery Ekran Çözünürlüğünü Alma

index.php <pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHhRotJ-kdDzjGQnC28xEkK6EWiJSFygCQ6hb5uAa5HVp-2LHIlt832MlhIVYTQsc6DCgtuMe_6XPCUby0PB0a1TCcItWWhyD79UQDdNrbH2D1_YC7_dgEXMf7G96wROf7D17SDGpNjBLl/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $.post('cozunurluk.php', { width: screen.width, height: screen.height }); </script> <?php session_start(); $genisligi = $_SESSION["genislik"]; $yuksekligi = $_SESSION["yukseklik"]; echo 'Ekran Çözünürlüğünüz '.$genisligi.'x'.$yuksekligi.''; ?> </code></pre> cozunurluk.php <pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHhRotJ-kdDzjGQnC28xEkK6EWiJSFygCQ6hb5uAa5HVp-2LHIlt832MlhIVYTQsc6DCgtuMe_6XPCUby0PB0a1TCcItWWhyD79UQDdNrbH2D1_YC7_dgEXMf7G96wROf7D17SDGpNjBLl/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> <?php session_start(); $_SESSION["genislik"] = $_POST['width']; $_SESSION["yukseklik"] = $_POST['height']; ?> </code></pre> <table align="center" border="0" cellpadding="6" cellspacing="0" class="tborder" id="post5253" style="background-color: #d8d8d8; border: 1px solid rgb(208, 208, 208); color: black; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px; width: 100%px;"><tbody><tr valign="top"><td class="alt1" id="td_post_5253" style="background-color: #e7e9e9; border-right-color: rgb(216, 216, 216); border-right-style: solid; border-right-width: 1px; color: #333333; font-size: 9pt; font-weight: bold;"><div id="post_message_5253">jquery ile aldığımız ekran çözünürlüğünü cozunurluk.php ye post ettirip orada sessiona kayıt ettik, siz istediğiniz şekilde kullanabilirsiniz.</div></td></tr><tr></tr></tbody></table>

Php ve jQuery Ekran Çözünürlüğünü Alma

index.php <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $....

Devamı »

02:05

jQuery ile Toplu Seçme işlemi, Toplu Checkbox İşaretleme işlemi

Bu Yazımda jQuery ile toplu checkbox seçme işlemini anlatmaya çalışacağım. Bende sizler gibi jquery de yeni olan birisi olarak yavaş yavaş jQuery kütüphanesini tanımaya ve tanıdıkçada sizlerle paylaşmaya çalışıyorum. Şimdi bu işlem genellikle toplu yorum onaylama vs. toplu silme gibi işlemlerde kullanmak istediğimiz ancak beceremediğimiz bir husustur. Bu yazımda işin sadece jQuery kısmını anlatacağım. işin php kısmını ise php prgoramlama kategorisinde anlatacağım. checkbox tan gelen toplu veriyi array olarak alıp işleme koyma işlemi ayrı bir mevzudur.  Biz bu yazımızda sadece görsel kımsına değineceğiz. ilk olarak sayfamıza jquery çağırıyoruz. ben bunun için google api yi kullanıyorum. <blockquote class="tr_bq"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js" type="text/javascript"></script></blockquote> Daha sonra jQuery kodumuz : <blockquote class="tr_bq"><script type="text/javascript">$(function () {$(".tumunu-sec").click(function(){$(this).closest('table').find(':checkbox').attr('checked', this.checked);});});</script></blockquote> Şimdi de tablolarımız. : <blockquote class="tr_bq"><table id="tablo"><thead><tr><th width="20px"><input type="checkbox" class="tumunu-sec" title="Tümünü Seç"></th><th>Kategoriler</th></tr></thead> <tbody><tr><td><input type="checkbox" name="kategoriler[]"></td><td>Php</td></tr><tr><td><input type="checkbox" name="kategoriler[]"></td><td>Mysql</td></tr><tr><td><input type="checkbox" name="kategoriler[]"></td><td>Html</td></tr><tr><td><input type="checkbox" name="kategoriler[]"></td><td>Css</td></tr><tr><td><input type="checkbox" name="kategoriler[]"></td><td>Jquery</td></tr></tbody></table></blockquote> yukarıdaki jQuery kodlarını <head> ... </head> tagları arasında çağırmayı unutmayınız.

jQuery ile Toplu Seçme işlemi, Toplu Checkbox İşaretleme işlemi

Bu Yazımda jQuery ile toplu checkbox seçme işlemini anlatmaya çalışacağım. Bende sizler gibi jquery de yeni olan birisi olarak yavaş yavaş j...

Devamı »

07:42

Ajax ile Çoklu Selectbox Seçimi Yaptırma, jQuery Selectbox Seçimi

Bu yazımda ajax kullanarak selectbox lar arasında ilişkisel seçim yapma ve selectbox taki değer seçildiği an diğer selectbox ların oluşmasını nasıl sağlayacağımızı anlatacağım. Bir formdan gelen selectbox id ye göre başka bir dosyamızda oluşan kodları ekrana vasacağız işlem normal jQuery işlemidir. yapacağımız sistem jQuery tabanlı olacağından jQuery dosyasını indirmeniz gerekmektedir. jQuery dosyasını jQuery resmi sitesinde bulabilirsiniz veya dilerseniz Bu linkten Bu Linkten jQuery indirebilirsiniz ilk olarak indirdiğimiz jquery.js dosyasını rar dan çıkartın ve çalışacağımız dizine atın. Daha sonra test.php adında bir php dosyası oluşturun Test.Php içeriği: <blockquote class="tr_bq"><title>jQuery SelectBox Örneği</title> <script src="jquery.js" type="text/javascript"></script> <script type="text/javascript"> function CityList(GelenId) { $('#CityList').load('sonuc.php?id='+GelenId ); } </script> <select id="veri" name="select" onchange="CityList(this.value)"> <option>---Seçiniz----</option> <option value="1">Seçenek 1</option> <option value="2">Seçenek 2</option> <option value="3">Seçenek 3</option> </select> <div id="CityList"></div></blockquote> Burada Seçimden sonra selectbox oluşuyor. Bu dosyamız da jQuery çalıştıktan sonra CityList adında bir fonksiyon oluşturduk. ve Çalıştıracağımız selectbox un onchange olayında çalıştırdık ve value değerini sonuc.php ye gönderdik. Şimdi bir de sonuc.php dosyası oluşturun. Sonuc.php içeriği: <blockquote class="tr_bq"><?php $id = $_GET['id']; if($id==1){ echo '<select name="giden">'; echo '<option value="1">Bu 1.Seçenek İçin 1</option>'; echo '<option value="2">Bu 1.Seçenek İçin 2</option>'; echo '</select>'; }elseif($id==2){ echo '<select name="giden">'; echo '<option value="1">Bu 2.Seçenek İçin 1</option>'; echo '<option value="2">Bu 2.Seçenek İçin 2</option>'; echo '</select>'; }elseif($id==3){ echo '<select name="giden">'; echo '<option value="1">Bu 3.Seçenek İçin 1</option>'; echo '<option value="2">Bu 3.Seçenek İçin 2</option>'; echo '</select>'; }else{ echo "Lütfen Seçenek Seçin"; } ?></blockquote> Kaydedip kapatalım. ve local üzerinden test.php dosyamızı çalıştıralım. Burada dikkat edilmesi gereken husus 2. select sonuç dosyasında oluşmaktadır. yani olay aslında standart bir jQuery value gönderme işlemdir ikinci değere göre bir selectbox daha oluşturmak gerekirse şayet <blockquote class="tr_bq"><script type="text/javascript"> function CityList(GelenId) { $('#CityList').load('sonuc.php?id='+GelenId ); } </script></blockquote> bu kodumuzda bulunan CityList fonksiyon isimlerini değiştirerek aynı şekilde farklı bir sonuc.php ye gönderim yapabilir. aynı sonuc.php deki gibi 3. bir selectbox u oluşturabilirsiniz.

Ajax ile Çoklu Selectbox Seçimi Yaptırma, jQuery Selectbox Seçimi

Bu yazımda ajax kullanarak selectbox lar arasında ilişkisel seçim yapma ve selectbox taki değer seçildiği an diğer selectbox ların oluşmasın...

Devamı »

07:39

Php ve jQuery Ekran Çözünürlüğünü Alma

jQuery ile Toplu Seçme işlemi, Toplu Checkbox İşaretleme işlemi

Ajax ile Çoklu Selectbox Seçimi Yaptırma, jQuery Selectbox Seçimi

Popüler Yayınlar

Blog Arşivi