Bilgisayar » HTML/CSS http://www.bilgisayar.me Wed, 29 Aug 2018 20:31:06 +0000 tr-TR hourly 1 https://wordpress.org/?v=4.2.29 Özel HTML Karakterinin kullanımları http://www.bilgisayar.me/index.php/2015/08/28/ozel-html-karakterinin-kullanimlari/ http://www.bilgisayar.me/index.php/2015/08/28/ozel-html-karakterinin-kullanimlari/#comments Fri, 28 Aug 2015 06:36:30 +0000 http://www.bilgisayar.me/?p=339 Web sayfalarında bazen özel HTML karakterleri kullanmak zorunda kalabiliriz. Bunlardan bazıları aşağıda listelenmiştir.

Örnek
telif hakkı ©
tescilli marka ®
paragraf işareti ¶
dörtte bir ¼

Karakter Karakter Açıklaması Türkçe Karakter Açıklaması HTML Alternatif
“
 quotation mark tırnak işareti " "
& ampersand & işareti & &
< less-than sign küçüktür işareti &lt; &#60;
> greater-than sign büyüktür işareti &gt; &#62;
non-breaking space bölünemez boşluk &nbsp; &#160;
¡ inverted exclamation ters ünlem &iexcl; &#161;
¢ cent sign sent işareti &cent; &#162;
£ pound sterling sterlin &pound; &#163;
¤ general currency sign genel para işareti &curren; &#164;
¥ yen sign yen işareti &yen; &#165;
¦ broken vertical bar kırık dikey çubuk &brvbar; &#166;
§ section sign bölüm işareti &sect; &#167;
¨ umlaut (dieresis) umlaut (dieresis) &uml; &#168;
© copyright telif hakkı &copy; &#169;
ª feminine ordinal feminine ordinal &ordf; &#170;
« left angle quote, guillemotleft sol açılı alıntı, guillemotleft &laquo; &#171;
¬ not sign değil işareti &not; &#172;
soft hyphen yumuşak tire &shy; &#173;
® registered trademark tescilli marka &reg; &#174;
¯ macron accent macron aksan &macr; &#175;
° degree sign derece işareti &deg; &#176;
± plus or minus artı veya eksi &plusmn; &#177;
² superscript two superscript iki &sup2; &#178;
³ superscript three superscript üç &sup3; &#179;
´ acute accent akut aksan &acute; &#180;
µ micro sign mikro işareti &micro; &#181;
paragraph sign paragraf işareti &para; &#182;
· middle dot orta nokta &middot; &#183;
¸ cedilla çengel &cedil; &#184;
¹ superscript one superscript bir &sup1; &#185;
º masculine ordinal masculine ordinal &ordm; &#186;
» right angle quote, guillemotright dik açı alıntı, guillemotright &raquo; &#187;
¼ fraction one-fourth dörtte bir &frac14; &#188;
½ fraction one-half üçte bir &frac12; &#189;
¾ fraction three-fourths dörtte üç &frac34; &#190;
¿ inverted question mark ters soru işareti &iquest; &#191;
À capital A, grave accent büyük A, grave aksan &Agrave; &#192;
Á capital A, acute accent büyük A, akut aksan &Aacute; &#193;
 capital A, circumflex accent büyük A, yumuşak A, inceltme işareti &Acirc; &#194;
à capital A, tilde büyük A, tilde &Atilde; &#195;
Ä capital A, dieresis or umlaut mark büyük A, çift nokta koymak işareti &Auml; &#196;
Å capital A, ring büyük A, yuvarlak &Aring; &#197;
Æ capital AE diphthong (ligature) büyük AE diphthong (ligature) &AElig; &#198;
Ç capital C, cedilla büyük Ç &Ccedil; &#199;
È capital E, grave accent büyük E, grave aksan &Egrave; &#200;
É capital E, acute accent büyük E, akut aksan &Eacute; &#201;
Ê capital E, circumflex accent büyük E, yumuşak E &Ecirc; &#202;
Ë capital E, dieresis or umlaut mark büyük E, iki nokta üst üste &Euml; &#203;
Ì capital I, grave accent büyük I, grave aksan &Igrave; &#204;
Í capital I, acute accent büyük I, acute aksan &Iacute; &#205;
Î capital I, circumflex accent büyük I, yumuşak I &Icirc; &#206;
Ï capital I, dieresis or umlaut mark büyük I, iki nokta üst üste &Iuml; &#207;
Ð capital Eth, Icelandic büyük Eth, Icelandic &ETH; &#208;
Ñ capital N, tilde büyük N, tilde &Ntilde; &#209;
Ò capital O, grave accent büyük O, grave aksan &Ograve; &#210;
Ó capital O, acute accent büyük O, akut aksan &Oacute; &#211;
Ô capital O, circumflex accent büyük O, yumuşak O &Ocirc; &#212;
Õ capital O, tilde büyük O, tilde &Otilde; &#213;
Ö capital O, dieresis or umlaut mark büyük Ö &Ouml; &#214;
× multiply sign çarpı işareti &times; &#215;
Ø capital O, slash büyük O, yırtmaç &Oslash; &#216;
Ù capital U, grave accent büyük U, grave aksan &Ugrave; &#217;
Ú capital U, acute accent büyük U, akut aksan &Uacute; &#218;
Û capital U, circumflex accent büyük U, yumuşak U &Ucirc; &#219;
Ü capital U, dieresis or umlaut mark büyük Ü &Uuml; &#220;
Ý capital Y, acute accent büyük Y, akut aksan &Yacute; &#221;
Þ capital THORN, Icelandic büyük THORN &THORN; &#222;
ß small sharp s, German (sz ligature) küçük keskin s, German (sz ligature) &szlig; &#223;
à small a, grave accent küçük a, grave aksan &agrave; &#224;
á small a, acute accent küçük a, akut aksan &aacute; &#225;
â small a, circumflex accent küçük a, inceltme işareti, yumuşak a &acirc; &#226;
ã small a, tilde küçük a, tilde &atilde; &#227;
ä small a, dieresis or umlaut mark küçük a, iki nokta üst üste &auml; &#228;
å small a, ring küçük a, yuvarlak &aring; &#229;
æ small ae diphthong (ligature) küçük ae diphthong (ligature) &aelig; &#230;
ç small c, cedilla küçük ç &ccedil; &#231;
è small e, grave accent küçük e, grave aksan &egrave; &#232;
é small e, acute accent küçük e, akut aksan &eacute; &#233;
ê small e, circumflex accent küçük e, inceltme işareti, yumuşak e &ecirc; &#234;
ë small e, dieresis or umlaut mark küçük e, iki nokta üst üste &euml; &#235;
ì small i, grave accent küçük i, grave aksan &igrave; &#236;
í small i, acute accent küçük i, akut aksan &iacute; &#237;
î small ı, circumflex accent küçük i, inceltme işareti, yumuşak ı &icirc; &#238;
ï small i, dieresis or umlaut mark küçük i, iki nokta üst üste &iuml; &#239;
ð small eth, Icelandic küçük eth, Icelandic &eth; &#240;
ñ small n, tilde küçük n, tilde &ntilde; &#241;
ò small o, grave accent küçük o, grave aksan &ograve; &#242;
ó small o, acute accent küçük o, akut aksan &oacute; &#243;
ô small o, circumflex accent küçük o, inceltme işareti, yumuşak o &ocirc; &#244;
õ small o, tilde küçük o, tilde &otilde; &#245;
ö small o, dieresis or umlaut mark küçük o, iki nokta üst üste &ouml; &#246;
÷ division sign bölme işareti &divide; &#247;
ø small o, slash küçük o, slash &oslash; &#248;
ù small u, grave accent küçük u, grave aksan &ugrave; &#249;
ú small u, acute accent küçük u, akut aksan &uacute; &#250;
û small u, circumflex accent küçük u, inceltme işareti, yumuşak u &ucirc; &#251;
ü small u, dieresis or umlaut mark küçük u, iki nokta üst üste &uuml; &#252;
ý small y, acute accent küçük y, akut aksan &yacute; &#253;
þ small thorn, Icelandic küçük thorn, Icelandic &thorn; &#254;
ÿ small y, dieresis or umlaut mark küçük y, iki nokta üst üste &yuml; &#255;
]]> http://www.bilgisayar.me/index.php/2015/08/28/ozel-html-karakterinin-kullanimlari/feed/ 0 HTML5 ile eklenti kullanmadan form doğrulama http://www.bilgisayar.me/index.php/2015/08/05/html5-ile-eklenti-kullanmadan-form-dogrulama/ http://www.bilgisayar.me/index.php/2015/08/05/html5-ile-eklenti-kullanmadan-form-dogrulama/#comments Wed, 05 Aug 2015 23:48:36 +0000 http://www.bilgisayar.me/?p=1478 DEMO]]>

 
 
html5_dogrulama_in
 
HTML

    <form >
        <label for="isim">İsim</label>
        <input type="text" placeholder="İsim" name="isim" required autofocus oninvalid="setCustomValidity('İsim Gereklidir')" ><br />
        <label for="soyisim" >Soyisim</label>
        <input type="text" placeholder="Soyisim" name="soyisim" required oninvalid="setCustomValidity('Soyisim Gereklidir')">
        <label for="eposta">E-posta</label>
        <input type="email" placeholder="E-posta" name="eposta" required oninvalid="setCustomValidity('E-posta Geçersiz')">
        <label for="sifre">Şifre</label>
        <input type="password" placeholder="Şifre" name="sifre" 
            pattern="(?=.*d)(?=.*[a-z])(?=.*[A-Z]).{5,}" 
            required
            oninvalid="setCustomValidity('En az 5 karakter, 1 büyük ve 1 küçük harf, ve 1 sayı')">
        <label for="tel">Tel</label>
        <input type="text" placeholder="xxx xxx xxxx" name="tel" 
            pattern='\d{3} \d{3} \d{4}' 
            required
            oninvalid="setCustomValidity('Tel nosunu xxx xxx xxxx formatında girin')" >
        <label for="url">URL</label>
        <input type="url" placeholder="örn. http://www.bilgisayar.me" name="url" required>
        <label for="karakter">Sadece Harf</label>
        <input type="text" placeholder="Büyük ve küçük harf" name="karakter" 
            pattern="^[a-zA-Z]+$" 
            required
            oninvalid="setCustomValidity('Sadece büyük ve küçük harf Girin')" >
        <label for="numara">Sadece Sayı</label>
        <input type="text" placeholder="Sadece Sayı" name="numara" 
            pattern="^[0-9]+$" 
            required
            oninvalid="setCustomValidity('Sadece Sayı Girin')" >
        <label for="limit">Limit</label>
        <input type="text" placeholder="2 ile 5 karakter arası" name="limit" 
            pattern="^[a-z][0-9]{2,5}$" 
            required
            oninvalid="setCustomValidity('2 ile 5 karakter arası olmalıdır')" >
          <button type="submit" >Kaydet</button>
      </form>

required- zorunlu alanlar
pattern – Etiketlerin değerlerini kontrol
maxlength – Maksimum sınırı ayarlama

]]> http://www.bilgisayar.me/index.php/2015/08/05/html5-ile-eklenti-kullanmadan-form-dogrulama/feed/ 0 JQuery ile HTML textarea etiketinde kelime sınırlaması http://www.bilgisayar.me/index.php/2015/08/05/jquery-ile-html-textarea-etiketinde-kelime-sinirlamasi/ http://www.bilgisayar.me/index.php/2015/08/05/jquery-ile-html-textarea-etiketinde-kelime-sinirlamasi/#comments Wed, 05 Aug 2015 18:19:02 +0000 http://www.bilgisayar.me/?p=1482 DEMO]]> Jquery eklentisini sayfanıza eklemeyi unutmayın.

 
 
 

HTML

<textarea name="textarea_etiketi" id="textarea_etiketi" class="form-control karakter"></textarea>
<div class="kalan">
    Kalan <span id="kalan_karakter"></span> karakter sayısı
</div>

JQuery

<script>
var max_karakter_sayisi = 500;
(function($){
    $("#kalan_karakter").html(max_karakter_sayisi);
    $('#textarea_etiketi').bind('input propertychange', function() {
        karakterSay();
    });
    $('#textarea_etiketi').bind('keyup', null, function(e) {
        karakterSay();
    });
})(jQuery);

function karakterSay(){
    var textareaetiketi = $("#textarea_etiketi").val();
    var textareaetiketi_uzunluk = textareaetiketi.length;
    var kalan_karakter = max_karakter_sayisi - textareaetiketi_uzunluk;
    if(textareaetiketi_uzunluk <= max_karakter_sayisi)
    {
        $("#kalan_karakter")
			.html(kalan_karakter)
			.css("color", (kalan_karakter <=10 ? "#000000" : "#666"))
			.css("font-weight", 'normal');
    }
    else
    {
        $("#kalan_karakter")
			.html(kalan_karakter)
			.css("color", "#FF0000").css("font-weight", 'bold');
    }
}
</script>

Hepsi bir arada

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery ile HTML textarea etiketinde kelime sınırlaması</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<textarea name="textarea_etiketi" id="textarea_etiketi" style="width:99%; padding:5px; height:auto; line-height:1.6em;"></textarea>
<div class="kalan"> Kalan <span id="kalan_karakter"></span> karakter sayısı </div>
<script>
var max_karakter_sayisi = 500;
(function($){
    $("#kalan_karakter").html(max_karakter_sayisi);
    $('#textarea_etiketi').bind('input propertychange', function() {
        karakterSay();
    });
    $('#textarea_etiketi').bind('keyup', null, function(e) {
        karakterSay();
    });
})(jQuery);

function karakterSay(){
    var textareaetiketi = $("#textarea_etiketi").val();
    var textareaetiketi_uzunluk = textareaetiketi.length;
    var kalan_karakter = max_karakter_sayisi - textareaetiketi_uzunluk;
    if(textareaetiketi_uzunluk <= max_karakter_sayisi)
    {
        $("#kalan_karakter")
			.html(kalan_karakter)
			.css("color", (kalan_karakter <=10 ? "#000000" : "#666"))
			.css("font-weight", 'normal');
    }
    else
    {
        $("#kalan_karakter")
			.html(kalan_karakter)
			.css("color", "#FF0000").css("font-weight", 'bold');
    }
}
</script>
</body>
</html>
]]> http://www.bilgisayar.me/index.php/2015/08/05/jquery-ile-html-textarea-etiketinde-kelime-sinirlamasi/feed/ 0 PHP, AJAX ve json_encode kullanarak veritabanı tablo verilerini HTML etiketinde gösterme http://www.bilgisayar.me/index.php/2015/07/24/php-ajax-ve-json_encode-kullanarak-veritabani-tablo-verilerini-html-etiketinde-gosterme/ http://www.bilgisayar.me/index.php/2015/07/24/php-ajax-ve-json_encode-kullanarak-veritabani-tablo-verilerini-html-etiketinde-gosterme/#comments Fri, 24 Jul 2015 22:09:22 +0000 http://www.bilgisayar.me/?p=1266 İlk önce bir veritabanı tablosu oluşturalım.

CREATE TABLE IF NOT EXISTS `musteri` (
  `no` int(11) NOT NULL,
  `musteri_isim` varchar(50) DEFAULT NULL,
  `sehir` varchar(50) DEFAULT NULL
) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8;

Oluşturduğumuz tabloyu güncelleyelim

INSERT INTO `musteri` (`no`, `musteri_isim`, `sehir`) VALUES
(1, 'Hakan Atilgan', 'İstanbul'),
(2, 'Murat Yalçın', 'Çorum'),
(3, 'Süleyman Solak', 'Burdur'),
(4, 'Emine Gürel', 'Sivas'),
(5, 'Mustafa Doğan', 'İzmir');

ajax.php sayfasi oluşturalım. Oluşturduğumuz sayfada veritabanımıza bağlanalım ve verilerimizi json_encode PHP işlevi ile HTML sayfamıza göndermek için hazıe hale getirelim.

<?php
$host="localhost"; // yerel bilgisayar için 'localhost' veya '127.0.0.1'
$kullaniciadi="Veritabanı kullanici adı";
$sifre="Veritabanı şifresi";
$veritabani= "Veritabanı ismi";

/* Veritabanı bağlantı parametreleri ile yeni bir mysqli nesnesi oluştur */
$mysqli = new mysqli($host, $kullaniciadi, $sifre, $veritabani);
if(mysqli_connect_errno()) {
    echo "Hata oluştu: " . mysqli_connect_errno();
    exit();
}
$sql = "SELECT * FROM musteri";
$sonuc = $mysqli->query($sql);
$rows = array();
while($r = $sonuc->fetch_assoc()) {
    $rows[] = $r;
}
print json_encode($rows);
?>

Yukarıdaki PHP kodu çalıştığında aşağıdaki gibi olacaktır.

[{"no":"1","musteri_isim":"Hakan Atilgan","sehir":"\u0130stanbul"},{"no":"2","musteri_isim":"Murat Yal\u00e7\u0131n","sehir":"\u00c7orum"},{"no":"3","musteri_isim":"S\u00fcleyman Solak","sehir":"Burdur"},{"no":"4","musteri_isim":"Emine G\u00fcrel","sehir":"Sivas"},{"no":"5","musteri_isim":"Mustafa Do\u011fan","sehir":"\u0130zmir"}]

index.php sayfamızı oluşturalım ve aşağıdaki html kodunu kopyalayıp yapıştıralım.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bilgisayar.me</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
</head>

<body>

<ul></ul>

<script type='text/javascript'>
$(document).ready(function(){
    $.getJSON('ajax.php', function(data) {
        $.each(data, function(no, deger) {
            $('ul').append('<li id="' + no+ '">' + deger.musteri_isim + ' - ' + deger.sehir + '</li>');
        });
    });
});
</script>
</body>
</html>

index.php sayfasını çalıştırdığımızda aşağıdaki gibi bir liste elde oluruz.

  • Hakan Atilgan – İstanbul
  • Murat Yalçın – Çorum
  • Süleyman Solak – Burdur
  • Emine Gürel – Sivas
  • Mustafa Doğan – İzmir

Dosyaları buradan yükleyebilirsiniz.

]]> http://www.bilgisayar.me/index.php/2015/07/24/php-ajax-ve-json_encode-kullanarak-veritabani-tablo-verilerini-html-etiketinde-gosterme/feed/ 0 PHP ile MYSQL veritabanı bağlantıları http://www.bilgisayar.me/index.php/2015/07/24/php-ile-mysql-veritabani-baglantilari/ http://www.bilgisayar.me/index.php/2015/07/24/php-ile-mysql-veritabani-baglantilari/#comments Fri, 24 Jul 2015 19:45:30 +0000 http://www.bilgisayar.me/?p=1240 MYSQL veritabanı bağlantıları

mysql API (mysql zaman aşımına uğradıgından dolayı yerine mysqli API kullanın)

<?php
 $host="localhost"; // yerel bilgisayar için 'localhost' veya '127.0.0.1'
 $kullaniciadi="Veritabanı kullanici adı";
 $sifre="Veritabanı şifresi";
 $veritabani= "Veritabanı ismi";
 $connection=mysql_connect($host,$kullaniciadi,$sifre) or die("Veritabanı bağlantı hatası oluştu");
 
 $result=mysql_select_db($veritabani) or die("veritabani bulunamıdı");
?>

mysqli API (geliştirilmiş mysql)

<?php
$host="localhost"; // yerel bilgisayar için 'localhost' veya '127.0.0.1'
$kullaniciadi="Veritabanı kullanici adı";
$sifre="Veritabanı şifresi";
$veritabani= "Veritabanı ismi";

/* Veritabanı bağlantı parametreleri ile yeni bir mysqli nesnesi oluştur */
$mysqli = new mysqli($host, $kullaniciadi, $sifre, $veritabani);
if(mysqli_connect_errno()) {
    echo "Hata oluştu: " . mysqli_connect_errno();
    exit();
}
?>

mysqli sorgulama örneği:

<?php
$sql = "SELECT no,isim FROM kullanici";
$sonuc = $mysqli->query($sql);
while ($nt = $sonuc->fetch_array()){
    echo $nt['no'].' '.$nt['isim'].'<BR />';
}
// Döndürülen satır sayısı
echo 'Toplam: '.$sonuc->num_rows.' eleman bulundu.';
// Etkilenen satırların sayısı
echo 'Toplam: '.$sonuc->affected_rows.' eleman bulundu.';
?>

PDO API (PHP Data Objects – PHP Veri Nesneleri)

<?php
$hostname="localhost"; // yerel bilgisayar için 'localhost' veya '127.0.0.1'
$kullaniciadi="Veritabanı kullanici adı";
$sifre="Veritabanı şifresi";
$veritabani= "Veritabanı ismi"; // 
try {
    $dbh = new PDO("mysql:host=$hostname;dbname=$veritabani", $kullaniciadi, $sifre);
    $sql = "SELECT * FROM otomobil";
    foreach ($dbh->query($sql) as $row)
    {
        print $row['otomobil_model'] .' - '. $row['otomobil_yil'] . '<br />';
    }
    $dbh = null;
}
catch(PDOException $e)
{
    echo $e->getMessage();
}
?>
]]> http://www.bilgisayar.me/index.php/2015/07/24/php-ile-mysql-veritabani-baglantilari/feed/ 0 Bir HTML tablosundan PHP kullanarak MYSQL veritabanından birden fazla satır nasıl silebilir veya güncelleyebilirim? http://www.bilgisayar.me/index.php/2015/07/16/bir-html-tablosundan-php-kullanarak-mysql-veritabanindan-birden-fazla-satir-nasil-silebilir-veya-guncelleyebilirim/ http://www.bilgisayar.me/index.php/2015/07/16/bir-html-tablosundan-php-kullanarak-mysql-veritabanindan-birden-fazla-satir-nasil-silebilir-veya-guncelleyebilirim/#comments Thu, 16 Jul 2015 19:46:45 +0000 http://www.bilgisayar.me/?p=1131 YÜKLE DEMO]]> “Tümünü Seç” onay kutusunu tıklayarak birden fazla onay kutusunu kaldırmak/seçmek ve aynı zamanda MYSQL veritabanından verileri silmek için kullanılabileceğiniz basit uygulama.

 

 
 
 

index.php

JQUERY

<script>
(function($){
    // Bütün onay kutularını seç
    $(document).on("click","#hepsinisec",function(){
        $('input:checkbox').not(this).prop('checked', this.checked);
    });
    // Button tıklandı
    $(document).on("click","#kaldir",function(){
        $(this).html('<i class="fa fa-trash"></i> Kaldırılıyor...');
        var onaykutu = $('input[name="onaykutusu[]"]:checked');
        var enazbironay = onaykutu.length > 0;
        if (enazbironay <= 0) {
            alert("En az bir onay kutusu seçmelisiniz");
            return false;
        } else {
            $.ajax({ 
                type: "POST", 
                url: "ajax.php",
		data: "onay=onay&" + onaykutu.serialize(), 
		success: function(html){
		    if (onaykutu){ 
			onaykutu.closest("tr").slideUp();
		    }
		    $("#kaldir").html('<i class="fa fa-trash"></i> Kaldır');
		}
	    });
	}
    });	
})(jQuery);
</script>

HTML

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="table">
  <thead>
    <tr>
    <th width="5%"><input type="checkbox" name="hepsinisec" id="hepsinisec" /></th>
    <th width="5%">NO</th>
    <th width="23%">Isim</th>
    <th width="67%">Soyad</th>
  </tr></thead>
  <tbody>
  <tr>
    <td><input type="checkbox" name="onaykutusu[]" id="onaykutusu[]" value="1"/></td>
    <td>1</td>
    <td>Hakan</td>
    <td>Atılgan</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="onaykutusu[]" id="onaykutusu[]" value="23" /></td>
    <td>2</td>
    <td>Murat</td>
    <td>Yalçın</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="onaykutusu[]" id="onaykutusu[]" value="423" /></td>
    <td>3</td>
    <td>Mustafa</td>
    <td>Ermiş</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="onaykutusu[]" id="onaykutusu[]" value="33" /></td>
    <td>4</td>
    <td>Süleyman</td>
    <td>Solak</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="onaykutusu[]" id="onaykutusu[]" value="22" /></td>
    <td>5</td>
    <td>Tayyip</td>
    <td>Erdoğan</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="onaykutusu[]" id="onaykutusu[]" value="44" /></td>
    <td>6</td>
    <td>Doğan</td>
    <td>Kartal</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="onaykutusu[]" id="onaykutusu[]" value="12" /></td>
    <td>7</td>
    <td>Kemal</td>
    <td>Saglam</td>
  </tr>
    </tbody>
</table>
<button class="btn btn-info" id="kaldir"><i class="fa fa-trash"></i> Kaldır</button>

ajax.php

<?PHP
if (isset($_POST) && $_POST['onay'] == 'onay'){
    /*$arr = implode(",",$_POST['onaykutusu']);
    $sql = "DELETE FROM tablo WHERE id IN (".$arr.")";
    $mysqli->query($sql);*/

    //veya
    /*foreach($_POST['onaykutusu'] as $v){
        $sql = "DELETE FROM tablo WHERE id = ".$v;
        $mysqli->query($sql);
    }*/
}
?>
]]> http://www.bilgisayar.me/index.php/2015/07/16/bir-html-tablosundan-php-kullanarak-mysql-veritabanindan-birden-fazla-satir-nasil-silebilir-veya-guncelleyebilirim/feed/ 0 Jquery ve PHP/MYSQL ile tablo navigasyonu ve Master/Detail Tablosu http://www.bilgisayar.me/index.php/2015/07/06/jquery-ve-phpmysql-ile-tablo-navigasyonu-ve-masterdetail-tablosu/ http://www.bilgisayar.me/index.php/2015/07/06/jquery-ve-phpmysql-ile-tablo-navigasyonu-ve-masterdetail-tablosu/#comments Mon, 06 Jul 2015 22:19:18 +0000 http://www.bilgisayar.me/?p=1036 Master-Detail Uygulama Özellikleri:

  • Alfabe
  • Yenileme
  • Arama
  • Tarih Aralığı
  • Navigasyon
  • Ajax
  • Master-Detail

 

 
masterdetail
 

]]> http://www.bilgisayar.me/index.php/2015/07/06/jquery-ve-phpmysql-ile-tablo-navigasyonu-ve-masterdetail-tablosu/feed/ 0 15 adet Ücretsiz (Açık kaynaklı) alışveriş sepetleri http://www.bilgisayar.me/index.php/2015/06/28/15-adet-ucretsiz-acik-kaynakli-alisveris-sepetleri/ http://www.bilgisayar.me/index.php/2015/06/28/15-adet-ucretsiz-acik-kaynakli-alisveris-sepetleri/#comments Sun, 28 Jun 2015 22:24:12 +0000 http://www.bilgisayar.me/?p=885 Bir E-ticaret sitesi kurmak için sadece listedeki sepetlerden birini yüklemek yeterli değildir. Yükleme kısmı işin en kolay bölümüdür.

Bir E-ticaret sitesine nasıl sahip oluruz, basitce  aşağıda adım adım açıklamaya çalışalım.

  • Bir alan adı (web adresi) satın almak (www.alanadi.com)
  • Alan adını host edecek bir hosting alanı kiralamak
  • Uygun bir alışveriş sepeti bulmak ve hosting alanına yüklemek
  • Alışveriş sepeti temasını isteğe göre değiştirmek
  • Alışveriş sepetine ürün resimleri, ürün tarifleri ve fiyatları, ürün açıklamaları ve logo gibi bilgileri girmek
  • Sanal ödeme sistemi kurmak  (teknik beceri gerektirir)
  • Alışveriş sepeti  kullanılmaya hazır hale gelince, SSL satın almak ve alışveriş sepeti için kurmak

E-Ticaret ile ilgili her türlü sorularınızın cevaplarına buradan ulaşabilirsiniz.

 

1. Open Cart (PHP/MySQL)
opencart

2. AgoraCart (Perl/MySQL)
agoracart

3. Magento (PHP/MySQL)
magento

4. osCommerce (PHP/MySQL)
oscommerce

5. PrestaShop (PHP/MySQL)
prestashop

6. Zen Cart (PHP/MySQL)
zencart

7. ZeusCart (PHP/MySQL)
zeuscart

8. ExlCart
exlcart

9. Virto Commerce
virtocommerce

10. AbanteCart
abentecart

11. UniCommerce
uni_ecommerce

12. TomatoCart
tomatocart

13. CubeCart (PHP/MySQL)
cubecart

14. X-Cart
xcart

15. Alegro Cart
alegrocart

 

]]> http://www.bilgisayar.me/index.php/2015/06/28/15-adet-ucretsiz-acik-kaynakli-alisveris-sepetleri/feed/ 0 Şehir İsimlerini Açılır Menüde Listelemek http://www.bilgisayar.me/index.php/2015/06/20/sehir-isimlerini-acilir-menude-gostermek/ http://www.bilgisayar.me/index.php/2015/06/20/sehir-isimlerini-acilir-menude-gostermek/#comments Sat, 20 Jun 2015 08:16:27 +0000 http://www.bilgisayar.me/?p=677 Sadece kopyala-yapıştırmanız yeterlidir.

<select>
  <option value="1">Adana</option>
  <option value="2">Adıyaman</option>
  <option value="3">Afyon</option>
  <option value="4">Ağrı</option>
  <option value="68">Aksaray</option>
  <option value="5">Amasya</option>
  <option value="6">Ankara</option>
  <option value="7">Antalya</option>
  <option value="75">Ardahan</option>
  <option value="8">Artvin</option>
  <option value="9">Aydın</option>
  <option value="10">Balıkesir</option>
  <option value="74">Bartın</option>
  <option value="72">Batman</option>
  <option value="69">Bayburt</option>
  <option value="11">Bilecik</option>
  <option value="12">Bingöl</option>
  <option value="13">Bitlis</option>
  <option value="14">Bolu</option>
  <option value="15">Burdur</option>
  <option value="16">Bursa</option>
  <option value="17">Çanakkale</option>
  <option value="18">Çankırı</option>
  <option value="19">Çorum</option>
  <option value="20">Denizli</option>
  <option value="21">Diyarbakır</option>
  <option value="81">Düzce</option>
  <option value="22">Edirne</option>
  <option value="23">Elazığ</option>
  <option value="24">Erzincan</option>
  <option value="25">Erzurum</option>
  <option value="26">Eskişehir</option>
  <option value="27">Gaziantep</option>
  <option value="28">Giresun</option>
  <option value="29">Gümüşhane</option>
  <option value="30">Hakkari</option>
  <option value="31">Hatay</option>
  <option value="76">Iğdır</option>
  <option value="32">Isparta</option>
  <option value="34">İstanbul</option>
  <option value="35">İzmir</option>
  <option value="46">Kahramanmaraş</option>
  <option value="78">Karabük</option>
  <option value="70">Karaman</option>
  <option value="36">Kars</option>
  <option value="37">Kastamonu</option>
  <option value="38">Kayseri</option>
  <option value="79">Kilis</option>
  <option value="71">Kırıkkale</option>
  <option value="39">Kırklareli</option>
  <option value="40">Kırşehir</option>
  <option value="41">Kocaeli</option>
  <option value="42">Konya</option>
  <option value="43">Kütahya</option>
  <option value="44">Malatya</option>
  <option value="45">Manisa</option>
  <option value="47">Mardin</option>
  <option value="33">Mersin</option>
  <option value="48">Muğla</option>
  <option value="49">Muş</option>
  <option value="50">Nevşehir</option>
  <option value="51">Niğde</option>
  <option value="52">Ordu</option>
  <option value="80">Osmaniye</option>
  <option value="53">Rize</option>
  <option value="54">Sakarya</option>
  <option value="55">Samsun</option>
  <option value="63">Şanlıurfa</option>
  <option value="56">Siirt</option>
  <option value="57">Sinop</option>
  <option value="73">Şırnak</option>
  <option value="58">Sivas</option>
  <option value="59">Tekirdağ</option>
  <option value="60">Tokat</option>
  <option value="61">Trabzon</option>
  <option value="62">Tunceli</option>
  <option value="64">Uşak</option>
  <option value="65">Van</option>
  <option value="77">Yalova</option>
  <option value="66">Yozgat</option>
  <option value="67">Zonguldak</option>
</select>

DEMO

]]> http://www.bilgisayar.me/index.php/2015/06/20/sehir-isimlerini-acilir-menude-gostermek/feed/ 0 Ülke para birimleri açılır menüsünde listeleme http://www.bilgisayar.me/index.php/2015/06/20/ulke-para-birimleri-acilir-menusunde-listeleme/ http://www.bilgisayar.me/index.php/2015/06/20/ulke-para-birimleri-acilir-menusunde-listeleme/#comments Sat, 20 Jun 2015 07:46:55 +0000 http://www.bilgisayar.me/?p=812 <select> <option value="EUR">Avro €</option> <option value="AUD">Avusturalya Dolari $</option> <option value="BGN">Bulgaristan Levası лв</option> <option value="CNY">Çin Yuanı ¥</option> <option value="PHP">Filipin Pesosu ₱</option> <option value="GHC">Gana Sedisi ¢</option> <option value="KRW">Güney Kore Wonu ₩</option> <option value="IRR">İran Riyali ﷼</option> <option value="ILS">İsrail Şekeli ₪</option> <option value="JPY">Japon Yeni ¥</option> <option value="NGN">Nigerya Nairası ₦</option> <option value="MNT">Moğol Tugrik ₮</option> <option value="MKD">Makedonia Dinarı ден</option> <option value="OMR">Umman Riyali ﷼</option> <option value="QAR">Katar Riyali ﷼</option> <option value="GBP">İngiliz Sterlin ₺</option> <option value="PLN">Polonya Zlotisi zł</option> <option value="RSD">Sırbistan Dinarı Дин.</option> <option value="SAR">Suudi Arabistan Riyali ﷼</option> <option value="THB">Tayland Bahtı ฿</option> <option value="TRY">Turkiye Lirası ₺</option> <option value="UAH">Ukrayna Grivnası ₴</option> <option value="VND">Viet Nam Dong ₫</option> <option value="YER">Yemen Riyali ﷼</option> </select> Demo

]]> http://www.bilgisayar.me/index.php/2015/06/20/ulke-para-birimleri-acilir-menusunde-listeleme/feed/ 0