<script src="https://raw.githubusercontent.com/yukulele/CSSrefresh/master/cssrefresh.js"></script>
<script>
window.onload = function(){
var script = document.createElement('script');
script.src = "js/cssrefresh.js";
document.querySelector('head').appendChild(script);
};
</script>
23 Mayıs 2015 Cumartesi
Sass ile Sayfa Yenilemeden Değişiklikleri Görmek
21 Mayıs 2015 Perşembe
jQuery Ui Modal Kullanımı
HTML
<a href="#" class="btnc">Tıkla</a>
<div id="tmpExample" title="deneme">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus quam maxime nostrum voluptatem eveniet! Dolor repellat tenetur esse harum suscipit culpa sint ducimus assumenda eum perferendis, illo at molestiae ipsa, odio ea impedit sit. Dolorum in, laudantium tenetur fugiat atque repellat enim, sequi adipisci libero provident aliquid non ullam quidem.</p>
</div>
18 Mayıs 2015 Pazartesi
Jquery Ajax Load Content
HTML
<a href="#" onclick="return false" onmousedown="getir('link1')">Anasayfa</a>
<a href="#" onclick="return false" onmousedown="getir('link2')">Hakkımızda</a>
<a href="#" onclick="return false" onmousedown="getir('link3')">İletişim</a>
<div class="icerik"></div>
PHP
$phpVal = $_POST['phpVal'];
if ($phpVal == "link1") {
echo "bu link 1 in içeriğidir";
}elseif ($phpVal == "link2") {
include "dene.html";
}elseif ($phpVal == "link3") {
echo "bu link 3333333 in içeriğidir";
}
JS
function getir(val){
$(".icerik").html('<img src="load.gif" width="400" height="300" />').show();
$.post("init.php",{phpVal:val},function(data){
setTimeout(function(){
$(".icerik").html(data).show();
},500);
});
}
<a href="#" onclick="return false" onmousedown="getir('link1')">Anasayfa</a>
<a href="#" onclick="return false" onmousedown="getir('link2')">Hakkımızda</a>
<a href="#" onclick="return false" onmousedown="getir('link3')">İletişim</a>
<div class="icerik"></div>
PHP
$phpVal = $_POST['phpVal'];
if ($phpVal == "link1") {
echo "bu link 1 in içeriğidir";
}elseif ($phpVal == "link2") {
include "dene.html";
}elseif ($phpVal == "link3") {
echo "bu link 3333333 in içeriğidir";
}
JS
function getir(val){
$(".icerik").html('<img src="load.gif" width="400" height="300" />').show();
$.post("init.php",{phpVal:val},function(data){
setTimeout(function(){
$(".icerik").html(data).show();
},500);
});
}
Ajax ile otomatik arama
HTML
<input type="text" placeholder="ara" onkeyup="getir(this.value)" >
<div class="sonuclar"></div>
JS
function getir(value){
$.post("init.php",{phpValue:value},function(data){
if (value != "") {
$(".sonuclar").html(data);
}else{
$(".sonuclar").html("");
}
})
}
PHP
<?php
mysql_select_db("people",mysql_connect("localhost","root",""));
$phpValue = $_POST['phpValue'];
$ara = mysql_query("select sirket from kisi where sirket like '$phpValue%'");
while ($row = mysql_fetch_array($ara)) {
echo "<div>".$row["sirket"]."</div>";
}
?>
<input type="text" placeholder="ara" onkeyup="getir(this.value)" >
<div class="sonuclar"></div>
JS
function getir(value){
$.post("init.php",{phpValue:value},function(data){
if (value != "") {
$(".sonuclar").html(data);
}else{
$(".sonuclar").html("");
}
})
}
PHP
<?php
mysql_select_db("people",mysql_connect("localhost","root",""));
$phpValue = $_POST['phpValue'];
$ara = mysql_query("select sirket from kisi where sirket like '$phpValue%'");
while ($row = mysql_fetch_array($ara)) {
echo "<div>".$row["sirket"]."</div>";
}
?>
7 Mayıs 2015 Perşembe
Jquery Ajax Php KAyıt Formu
Not:Öyle bir kullanıcı adı varsa hata göstermesi için veritabanında uniqi(benzersiz)yapılmalıdır.
HTML
----
<form action="init.php" id="mForm" method="post">
Adı: <input type="text" name="adi" id="ad"><br/>
Şifre: <input type="text" name="sifre" id=""><br/>
Soyadı: <input type="text" name="soyadi" id=""><br/>
İşyeri <input type="text" name="isyeri" id=""><br/>
<button id="submit">KAydet</button>
</form>
<p></p>
HTML
----
<form action="init.php" id="mForm" method="post">
Adı: <input type="text" name="adi" id="ad"><br/>
Şifre: <input type="text" name="sifre" id=""><br/>
Soyadı: <input type="text" name="soyadi" id=""><br/>
İşyeri <input type="text" name="isyeri" id=""><br/>
<button id="submit">KAydet</button>
</form>
<p></p>
Kaydol:
Kayıtlar (Atom)