23 Mayıs 2015 Cumartesi

Sass ile Sayfa Yenilemeden Değişiklikleri Görmek


    <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>

21 Mayıs 2015 Perşembe

Jquery ToggleClick Fonksiyonu

  $(function() {

    $(" #sMenu ").selectmenu();

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>&nbsp;&nbsp;&nbsp;
    <a href="#" onclick="return false" onmousedown="getir('link2')">Hakkımızda</a>&nbsp;&nbsp;&nbsp;
    <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>";
}


?>

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>

Veritabanından Json Olarak Ajax İle Veri Çekme

HTML
----
<ul></ul>