<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Bilgisayar &#187; Web Tasarım</title>
	<atom:link href="https://www.bilgisayar.me/index.php/category/webtasarim/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.bilgisayar.me</link>
	<description></description>
	<lastBuildDate>Wed, 29 Aug 2018 20:31:06 +0000</lastBuildDate>
	<language>tr-TR</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.2.29</generator>
	<item>
		<title>PHP ile herhangi bir sitenin Favicon&#8217; ını Google repositorisinden çekme</title>
		<link>https://www.bilgisayar.me/index.php/2015/09/26/php-ile-herhangi-bir-sitenin-favicon-ini-google-repositorisinden-cekme/</link>
		<comments>https://www.bilgisayar.me/index.php/2015/09/26/php-ile-herhangi-bir-sitenin-favicon-ini-google-repositorisinden-cekme/#comments</comments>
		<pubDate>Sat, 26 Sep 2015 20:42:20 +0000</pubDate>
		<dc:creator><![CDATA[Hakan Atılgan]]></dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[favicon]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.bilgisayar.me/?p=2280</guid>
		<description><![CDATA[Bu basit PHP işlevi ile istediğiniz bir sitenin favicon imgesini uygulamalarınızda gösterebilirsiniz.]]></description>
				<content:encoded><![CDATA[<p>Bu basit PHP işlevi ile istediğiniz bir sitenin favicon imgesini uygulamalarınızda gösterebilirsiniz.</p>
<p>Kullanımı: </p>
<pre class="prettyprint linenums" >
&lt;?PHP echo favicon(&#039;http://www.msn.com&#039;,16,16)?&gt;
</pre>
<p>PHP işlevi</p>
<pre class="prettyprint linenums" >
    function favicon($url, $width=&#039;16&#039;, $height=&#039;16&#039;){
        $link= &quot;http://www.google.com/s2/favicons?domain=&quot;.$url;
        $favicon= &#039;&lt;img src=&quot;&#039;.$link.&#039;&quot; width=&quot;&#039;.$width.&#039;&quot; height=&quot;&#039;.$height.&#039; title=&quot;favicon&quot;&quot;&gt; &#039;;
        return $favicon;
    }
</pre>
]]></content:encoded>
			<wfw:commentRss>https://www.bilgisayar.me/index.php/2015/09/26/php-ile-herhangi-bir-sitenin-favicon-ini-google-repositorisinden-cekme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP ile HTML form&#8217; una başka bir domain &#8216;den gelen post isteğini önlemek</title>
		<link>https://www.bilgisayar.me/index.php/2015/09/05/php-ile-html-form-una-baska-bir-domain-den-gelen-post-istegini-onlemek/</link>
		<comments>https://www.bilgisayar.me/index.php/2015/09/05/php-ile-html-form-una-baska-bir-domain-den-gelen-post-istegini-onlemek/#comments</comments>
		<pubDate>Sat, 05 Sep 2015 23:56:56 +0000</pubDate>
		<dc:creator><![CDATA[Hakan Atılgan]]></dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.bilgisayar.me/?p=2089</guid>
		<description><![CDATA[Bir HTML form’ una başka bir domain ‘den gelen post isteğini önlemek için HTTP_REFERRER veya cookie’ ler kullanılsada en iyi yaklaşım hidden(gizli) input etiketi içinde SHA1(), SHA256() veya Bcrypt ile veritabanında saklanmış bir salt değerini session id veya kullanıcı IP adresi ile birlikte kullanmaktır.]]></description>
				<content:encoded><![CDATA[<p>Bir HTML form&#8217; una başka bir domain &#8216;den gelen post isteğini önlemek için HTTP_REFERRER veya cookie&#8217; ler kullanılsada en iyi yaklaşım hidden(gizli) input etiketi içinde SHA1(), SHA256() veya Bcrypt ile veritabanında saklanmış bir salt değerini session id veya kullanıcı IP adresi ile birlikte kullanmaktır.</p>
<p><strong>Note:</strong> salt en az 20 karakterden oluşmalıdır.</p>
<pre class="prettyprint linenums" >
&lt;?PHP
if(isset($_POST)){
    //veritabanı bağlantısı
    $salt = $mysqli -&gt;query(&quot;SELECT salt FROM tablo LIMIT 1&quot;);
    $sessionid= session_id();
    $ipadres = $_SERVER[&#039;REMOTE_ADDR&#039;];
    $gizlietiket = SHA1($salt + $ipadres + $sessionid); // Eğer PHP sürümünüz SHA246 veya Bcrypt&#039;i destekliyorsa SHA1 yerine onlarıda kullanabilirsiniz.

    if($gizlietiket == $_POST[&#039;gizlietiket&#039;]){
         echo &#039;Sitemizden post yapıldı&#039;;
    } else {
        echo &#039;Alan adı farklı. Başka bir siteden post yapıldı&#039;;
    }
}
?&gt;
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;title&gt;Bilgisayar.me&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;?PHP
//veritabanı bağlantısı
$salt = $mysqli -&gt;query(&quot;SELECT salt FROM tablo LIMIT 1&quot;);
$sessionid= session_id();
$ipadres = $_SERVER[&#039;REMOTE_ADDR&#039;];
$gizlietiket = SHA1($salt + $ipadres + $sessionid); // Eğer PHP sürümünüz SHA246 veya Bcrypt&#039;i destekliyorsa SHA1 yerine kullanabilirsiniz.
?&gt;
&lt;form id=&quot;form1&quot; name=&quot;form1&quot; method=&quot;post&quot; action=&quot;?&quot;&gt;
  &lt;input type=&quot;hidden&quot; name=&quot;gizlietiket&quot; id=&quot;gizlietiket&quot; value=&quot;&lt;?PHP echo $gizlietiket?&gt;&quot;/&gt;
  İsim &lt;input  type=&quot;text&quot; name=&quot;isim&quot;/&gt;
  Adres &lt;input  type=&quot;text&quot; name=&quot;adres&quot;/&gt;&lt;br /&gt;
&lt;input name=&quot;&quot; type=&quot;submit&quot; value=&quot;Gönder&quot;/&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
]]></content:encoded>
			<wfw:commentRss>https://www.bilgisayar.me/index.php/2015/09/05/php-ile-html-form-una-baska-bir-domain-den-gelen-post-istegini-onlemek/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP/MySQL ile online ziyaretcileri listeleme</title>
		<link>https://www.bilgisayar.me/index.php/2015/09/05/phpmysql-ile-online-ziyaretcileri-listeleme/</link>
		<comments>https://www.bilgisayar.me/index.php/2015/09/05/phpmysql-ile-online-ziyaretcileri-listeleme/#comments</comments>
		<pubDate>Sat, 05 Sep 2015 22:31:16 +0000</pubDate>
		<dc:creator><![CDATA[Hakan Atılgan]]></dc:creator>
				<category><![CDATA[MYSQL]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.bilgisayar.me/?p=2083</guid>
		<description><![CDATA[Sitemizdeki online ziyaretçilerileri listelemek için sadece her ziyaretçiye ait session id&#8217; leri veribanımıza kaydetmemiz ve session_id&#8217; lerin istenilen zaman aralığında olup olmadığını kontrol etmmemiz yeterlidir. (örn, 10 dakika) Önce MySQL &#8220;online_ziyaretci&#8221; tablosu oluşturalım. CREATE&#46;&#46;&#46;]]></description>
				<content:encoded><![CDATA[<p>Sitemizdeki online ziyaretçilerileri listelemek için sadece her ziyaretçiye ait session id&#8217; leri veribanımıza kaydetmemiz ve session_id&#8217; lerin istenilen zaman aralığında olup olmadığını kontrol etmmemiz yeterlidir. (örn, 10 dakika) </p>
<p>Önce MySQL &#8220;online_ziyaretci&#8221; tablosu oluşturalım. </p>
<pre class="prettyprint linenums" >
CREATE TABLE IF NOT EXISTS `online_ziyaretci` (
    `sessionno` varchar(100) NOT NULL,
    `zaman` int(40) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
</pre>
<p>İlk önce kimOnline() işlevimizi oluşturalım. Bu işlev sitemizin ana sayfasında her ziyaretçinin session no&#8217;sunu veritabanına yerleştirecek, eğer session no&#8217; su veritabanında mevcutsa güncelleyecektir.</p>
<pre class="prettyprint linenums" >
// veritabanı bağlantısını yapmayı unutmayın
function kimOnline($sesid){
    global $mysqli;
    // veritabanına yerleştir veya güncelle
    $sql = &quot;INSERT INTO online_ziyaretci (`sessionno`, `zaman`) VALUES(&#039;&quot;.$sesid.&quot;&#039;, &#039;&quot;.time().&quot;&#039;) 
            ON DUPLICATE KEY UPDATE sessionno=&#039;&quot;.$sesid.&quot;&#039;,`zaman`=&#039;&quot;.time().&quot;&#039;&quot;;
    $mysqli-&gt;query($sql);
    // ziyaretci session&#039; i sona erdiyse veritabanından kaldır
    KullanicilariKaldir();
}
/*
    Bu işlev ziyaretçi session&#039; ının sona erip ermediğini kontrol eder. 
    Eğer session 15 dakikadan evvelse silinir.
*/
function KullanicilariKaldir(){
    // veritabanı bağlantısını yapmayı unutmayın
    global $mysqli;
    $zaman = time() - 900; // 900=15 dakika 
    $mysqli-&gt;query(&quot;DELETE FROM online_ziyaretci WHERE zaman &lt; &quot;.$zaman); // 
}
</pre>
<h5>Kullanımı:</h5>
<p> Ana sayfanıza aşağıdaki kodu kopyalamanız yeterlidir. </p>
<pre class="prettyprint linenums" >
&lt;?PHP
session_start();
// Eğer session id değişmezse session_regenerate_id() php işlevini kullanın. Bu işlev session id&#039;i yenileyecektir.
//session_regenerate_id();
kimOnline(session_id());
?&gt;
</pre>
<p>Yukarıda ki işlevler ile ziyaretçilerimizi veritabanımıza kaydetdik. Bu kaydedilen verileri site kullanıcılarına veya yönetici sayfamızda listelemek için aşağıdaki gibi bir işlev kullanabiliriz.</p>
<pre class="prettyprint linenums" >
// Bütün kullanıcıları liste halinde göster
function butunZiyaretcilariListele(){
    global $mysqli;
    $query =&#039;SELECT * FROM online_ziyaretci ORDER BY zaman DESC&#039;;
    $results = $mysqli-&gt;query($query);	
    $ret =&#039;&#039;;
    while($row=$results-&gt;fetch_array()){
        $ret .= &#039;&lt;div&gt;&#039;.$row[&#039;sessionno&#039;].&#039; &#039;.date(&quot;d/m/Y H:i:s&quot;,$row[&#039;zaman&#039;]).&#039;&lt;/div&gt;&#039;;
        /*
        //Veritabanınızdaki kullanıcıları kontrol için
        if (kullaniciOnline($row[&#039;kullanici_no&#039;])){
            $ret .= &#039;&lt;div class=&quot;online&quot;&gt;&lt;/div&gt;&#039;;
        } else {
           $ret .= &#039;&lt;div class=&quot;offline&quot;&gt;&lt;/div&gt;&#039;;
        }*/
    }
    return $ret;
}
</pre>
<h5>Kullanımı:</h5>
<p> İstediğiniz bir sayfaya aşağıdaki kodu kopyalayın. </p>
<pre class="prettyprint linenums" >
&lt;?PHP
echo butunZiyaretcilariListele()
?&gt;
</pre>
]]></content:encoded>
			<wfw:commentRss>https://www.bilgisayar.me/index.php/2015/09/05/phpmysql-ile-online-ziyaretcileri-listeleme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Özel HTML Karakterinin kullanımları</title>
		<link>https://www.bilgisayar.me/index.php/2015/08/28/ozel-html-karakterinin-kullanimlari/</link>
		<comments>https://www.bilgisayar.me/index.php/2015/08/28/ozel-html-karakterinin-kullanimlari/#comments</comments>
		<pubDate>Fri, 28 Aug 2015 06:36:30 +0000</pubDate>
		<dc:creator><![CDATA[Hakan Atılgan]]></dc:creator>
				<category><![CDATA[HTML/CSS]]></category>

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

		<guid isPermaLink="false">http://www.bilgisayar.me/?p=1525</guid>
		<description><![CDATA[Bu yazımızda JQuery ajax özelliğini ve PHP kullanarak MySQL'de oluşturulmuş bir tablodan kullanıcı adını daha evvelden bir başkası tarafından kullanılıp kullanılmadığı gerçek zamanlı olarak kontrol etmeden bahsedeceğiz.  &#160;<a href="http://www.bilgisayar.me/demo//kullaniciadikontrol/index.php" target="_blank" class="ozet demo_color">DEMO</a>]]></description>
				<content:encoded><![CDATA[<p>Bu yazımızda JQuery ajax özelliğini ve PHP kullanarak MySQL&#8217;de oluşturulmuş bir tablodan kullanıcı adını daha evvelden bir başkası tarafından kullanılıp kullanılmadığı gerçek zamanlı olarak kontrol etmeden bahsedeceğiz.<br />
Eğer kullanıcı ismi daha evvelden bir başkası tarafından kullanıldıysa &#8220;&#8221;Kullanıcı ismi mevcut değil&#8221;, kullanılmadysa &#8220;Kullanıcı ismi mevcut&#8221; uyarısı ile sitemize kayıt olmaya çalışan kullanıcımızı uyaracağız.<br />
</p>
<div style="text-align:center; width:100%">
<a href="http://www.bilgisayar.me/demo/kullaniciadikontrol/index.php" target="_blank" class="buttons btn_red left"><span class="left">Demo</span></a>
</div>
<p>&nbsp;<br />
<a href="http://www.bilgisayar.me/wp-content/uploads/2015/08/gercek_zamanli.jpg" data-rel="lightbox-image-0" data-rl_title="" data-rl_caption="" title=""><img src="http://www.bilgisayar.me/wp-content/uploads/2015/08/gercek_zamanli.jpg" alt="gercek_zamanli" width="700" height="340" class="alignnone size-full wp-image-1533" /></a><br />
&nbsp;</p>
<p>İlk olarak MySQL veritabanında kullanici_adlari tablosu oluşturalım.</p>
<pre class="prettyprint linenums" >
CREATE TABLE IF NOT EXISTS `kullanici_adlari` (
`kullanici_no` int(11) NOT NULL,
  `kullanici_adi` varchar(20) DEFAULT NULL,
  `isim` varchar(50) DEFAULT NULL,
  `soyad` varchar(50) DEFAULT NULL
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 AUTO_INCREMENT=5 ;
</pre>
<p>Tablomuzu oluşturduktan sonra tablomuzu bazı veriler ile dolduralım.</p>
<pre class="prettyprint linenums" >
INSERT INTO `kullanici_adlari` (`kullanici_no`, `kullanici_adi`, `isim`, `soyad`) VALUES
(1, &#039;hakan&#039;, &#039;Hakan&#039;, &#039;Atılgan&#039;),
(2, &#039;solak&#039;, &#039;Süleyman&#039;, &#039;Solak&#039;),
(3, &#039;mustafa&#039;, &#039;mustafa&#039;, &#039;mustafa&#039;),
(4, &#039;murat&#039;, &#039;murat&#039;, &#039;murat&#039;);
</pre>
<p>Veritabanınızda tabloyu oluşturduktan sonra index.php ve ajax.php dosyaları oluşturun. index.php, ajax ile her harf girildiğinde gerçek zamanlı olarak ajax.php sayfasına giderek, girilen ismi yukarıda oluşturduğumuz kullanıcı_adı tablosundan kontrol edecektir.</p>
<h5>index.php</h5>
<p>CSS: &lt;body> etiketinin hemen üzerine kopyalayalım.</p>
<pre class="prettyprint linenums" >
&lt;style&gt;
.yesil {
    color:#0C6;
}
.kirmizi {
    color:#F00;
}
&lt;/style&gt;
</pre>
<p>HTML: &lt;body> etiketinin hemen altina kopyalayalım.</p>
<pre class="prettyprint linenums" >
&lt;input class=&quot;form-control&quot; name=&quot;kullaniciadi&quot; id=&quot;kullaniciadi&quot; type=&quot;text&quot; /&gt;
&lt;div id=&quot;hatabilgi&quot;&gt;&lt;/div&gt;
</pre>
<p>Jquery: &lt;body> etiketinin hemen üzerine kopyalayalım.</p>
<pre class="prettyprint linenums" >
(function($){
    $(document).on(&quot;keyup&quot;, &quot;#kullaniciadi&quot;,function(){
        $.post( &quot;ajax.php&quot;, { isim: $(this).val() } )
            .done(function( data ) {
                $(&quot;#hatabilgi&quot;).html(data);
        });
    });
})(jQuery);
</pre>
<h5>ajax.php</h5>
<p>PHP: ajax.php sayfasına aşağıdaki php kodunu içine kopyalayın.</p>
<pre class="prettyprint linenums" >
// Burada veritabanı bağlantısını unutmayın
$ret =&#039;&#039;;
$isim =  $mysqli-&gt;real_escape_string($_POST[&#039;isim&#039;]);
$sql=&quot;SELECT * FROM kullanici_adlari WHERE kullanici_adi=&#039;&quot;.$isim.&quot;&#039;&quot;;
$result = $mysqli-&gt;query($sql);
$nt = $result-&gt;fetch_array();
if ($result-&gt;num_rows){
    $ret .= &#039;&lt;span class=&quot;kirmizi&quot;&gt;Kullanıcı ismi mevcut değil&lt;/span&gt;&#039;;
} else {
    $ret .= &#039;&lt;span class=&quot;yesil&quot;&gt;Kullanıcı ismi mevcut&lt;/span&gt;&#039;;
}
echo $ret;
</pre>
<p>index.php dosyası yukarıdaki kodları kopyaladığımızda söyle olacaktır. </p>
<pre class="prettyprint linenums" >
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;title&gt;Bilgisayar.me&lt;/title&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;style&gt;
.yesil {
	color:#0C6;
}
.kirmizi {
	color:#F00;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;input class=&quot;form-control&quot; name=&quot;kullaniciadi&quot; id=&quot;kullaniciadi&quot; type=&quot;text&quot; /&gt;&lt;br /&gt;
hakan, solak, mustafa veya murat isimlerini deneyin
&lt;div id=&quot;hatabilgi&quot;&gt;&lt;/div&gt;
&lt;script&gt;
(function($){
    $(document).on(&quot;keyup&quot;, &quot;#kullaniciadi&quot;,function(){
        $.post( &quot;ajax.php&quot;, { isim: $(this).val() } )
            .done(function( data ) {
            $(&quot;#hatabilgi&quot;).html(data);
        });
    });
})(jQuery);
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>Bu yazıda JQuery ve PHP/MySQL ile kullanıcı adını veritabanından gerçek zamanlı kontrol etme nasıl kodlanırı açıklamaya çalıştım. Bir hata bulduysanız veya kod çalışmadıysa, üşenmeyin aşağıya iki tıklama, bir cümleyle yorum yazın.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.bilgisayar.me/index.php/2015/08/06/jquery-ve-phpmysql-ile-kullanici-adini-gercek-zamanli-kontrol-etme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 ile eklenti kullanmadan form doğrulama</title>
		<link>https://www.bilgisayar.me/index.php/2015/08/05/html5-ile-eklenti-kullanmadan-form-dogrulama/</link>
		<comments>https://www.bilgisayar.me/index.php/2015/08/05/html5-ile-eklenti-kullanmadan-form-dogrulama/#comments</comments>
		<pubDate>Wed, 05 Aug 2015 23:48:36 +0000</pubDate>
		<dc:creator><![CDATA[Hakan Atılgan]]></dc:creator>
				<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://www.bilgisayar.me/?p=1478</guid>
		<description><![CDATA[HTML5 yeni özellikleri ile, Jquery gibi eklentiler kullanmadan HTML formlarını doğgrulama örneği. &#160;<a href="http://www.bilgisayar.me/demo/html5_form_hata_dogrulama/index.php" target="_blank" class="ozet demo_color">DEMO</a>]]></description>
				<content:encoded><![CDATA[<p></p>
<div style="text-align:center; width:100%">
<a href="http://www.bilgisayar.me/demo/html5_form_hata_dogrulama/index.php" target="_blank" class="buttons btn_red left"><span class="left">Demo</span></a>
</div>
<p>&nbsp;<br />
&nbsp;<br />
<a href="http://www.bilgisayar.me/wp-content/uploads/2015/08/html5_dogrulama_in.jpg" data-rel="lightbox-image-0" data-rl_title="" data-rl_caption="" title=""><img src="http://www.bilgisayar.me/wp-content/uploads/2015/08/html5_dogrulama_in.jpg" alt="html5_dogrulama_in" width="700" height="340" class="alignnone size-full wp-image-1509" /></a><br />
&nbsp;<br />
HTML</p>
<pre class="prettyprint linenums" >
    &lt;form &gt;
        &lt;label for=&quot;isim&quot;&gt;İsim&lt;/label&gt;
        &lt;input type=&quot;text&quot; placeholder=&quot;İsim&quot; name=&quot;isim&quot; required autofocus oninvalid=&quot;setCustomValidity(&#039;İsim Gereklidir&#039;)&quot; &gt;&lt;br /&gt;
        &lt;label for=&quot;soyisim&quot; &gt;Soyisim&lt;/label&gt;
        &lt;input type=&quot;text&quot; placeholder=&quot;Soyisim&quot; name=&quot;soyisim&quot; required oninvalid=&quot;setCustomValidity(&#039;Soyisim Gereklidir&#039;)&quot;&gt;
        &lt;label for=&quot;eposta&quot;&gt;E-posta&lt;/label&gt;
        &lt;input type=&quot;email&quot; placeholder=&quot;E-posta&quot; name=&quot;eposta&quot; required oninvalid=&quot;setCustomValidity(&#039;E-posta Geçersiz&#039;)&quot;&gt;
        &lt;label for=&quot;sifre&quot;&gt;Şifre&lt;/label&gt;
        &lt;input type=&quot;password&quot; placeholder=&quot;Şifre&quot; name=&quot;sifre&quot; 
            pattern=&quot;(?=.*d)(?=.*[a-z])(?=.*[A-Z]).{5,}&quot; 
            required
            oninvalid=&quot;setCustomValidity(&#039;En az 5 karakter, 1 büyük ve 1 küçük harf, ve 1 sayı&#039;)&quot;&gt;
        &lt;label for=&quot;tel&quot;&gt;Tel&lt;/label&gt;
        &lt;input type=&quot;text&quot; placeholder=&quot;xxx xxx xxxx&quot; name=&quot;tel&quot; 
            pattern=&#039;\d{3} \d{3} \d{4}&#039; 
            required
            oninvalid=&quot;setCustomValidity(&#039;Tel nosunu xxx xxx xxxx formatında girin&#039;)&quot; &gt;
        &lt;label for=&quot;url&quot;&gt;URL&lt;/label&gt;
        &lt;input type=&quot;url&quot; placeholder=&quot;örn. http://www.bilgisayar.me&quot; name=&quot;url&quot; required&gt;
        &lt;label for=&quot;karakter&quot;&gt;Sadece Harf&lt;/label&gt;
        &lt;input type=&quot;text&quot; placeholder=&quot;Büyük ve küçük harf&quot; name=&quot;karakter&quot; 
            pattern=&quot;^[a-zA-Z]+$&quot; 
            required
            oninvalid=&quot;setCustomValidity(&#039;Sadece büyük ve küçük harf Girin&#039;)&quot; &gt;
        &lt;label for=&quot;numara&quot;&gt;Sadece Sayı&lt;/label&gt;
        &lt;input type=&quot;text&quot; placeholder=&quot;Sadece Sayı&quot; name=&quot;numara&quot; 
            pattern=&quot;^[0-9]+$&quot; 
            required
            oninvalid=&quot;setCustomValidity(&#039;Sadece Sayı Girin&#039;)&quot; &gt;
        &lt;label for=&quot;limit&quot;&gt;Limit&lt;/label&gt;
        &lt;input type=&quot;text&quot; placeholder=&quot;2 ile 5 karakter arası&quot; name=&quot;limit&quot; 
            pattern=&quot;^[a-z][0-9]{2,5}$&quot; 
            required
            oninvalid=&quot;setCustomValidity(&#039;2 ile 5 karakter arası olmalıdır&#039;)&quot; &gt;
          &lt;button type=&quot;submit&quot; &gt;Kaydet&lt;/button&gt;
      &lt;/form&gt;
</pre>
<p><strong>required-</strong> zorunlu alanlar<br />
<strong>pattern </strong>&#8211; Etiketlerin değerlerini kontrol<br />
<strong>maxlength </strong>&#8211; Maksimum sınırı ayarlama</p>
]]></content:encoded>
			<wfw:commentRss>https://www.bilgisayar.me/index.php/2015/08/05/html5-ile-eklenti-kullanmadan-form-dogrulama/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jquery ve PHP/MYSQL ile text etiketini otomatik olarak tamamlama</title>
		<link>https://www.bilgisayar.me/index.php/2015/08/05/jquery-ve-phpmysql-ile-text-etiketini-otomatik-olarak-tamamlama/</link>
		<comments>https://www.bilgisayar.me/index.php/2015/08/05/jquery-ve-phpmysql-ile-text-etiketini-otomatik-olarak-tamamlama/#comments</comments>
		<pubDate>Wed, 05 Aug 2015 20:59:39 +0000</pubDate>
		<dc:creator><![CDATA[Hakan Atılgan]]></dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[MYSQL]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[mysql]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.bilgisayar.me/?p=1492</guid>
		<description><![CDATA[Herhangi JQuery etiketi kullanmadan text etiketinde aranılan kelimeyi MySQL veritabanından sorgulama örneği. <a href="https://app.box.com/s/b1936l8ty45aytkaaq0n57jajztwf1am"  class="ozet yukle_color">YÜKLE</a>&#160;<a href="http://www.bilgisayar.me/demo/otomatiktexttamamlama/index.php" target="_blank" class="ozet demo_color">DEMO</a>]]></description>
				<content:encoded><![CDATA[<p></p>
<div style="text-align:center; width:100%">
<a href="http://www.bilgisayar.me/demo/otomatiktexttamamlama/index.php" target="_blank" class="buttons btn_red left"><span class="left">Demo</span></a>
<a href="https://app.box.com/s/b1936l8ty45aytkaaq0n57jajztwf1am" target="_blank" class="buttons btn_blue left"><span class="left"><i class="fa fa-download"></i> YÜKLE</span></a>
</div>
<p>&nbsp;<br />
&nbsp;<br />
&nbsp;</p>
<p>İlk önce aşağıdaki bağlantıları sayfanıza &lt;body> etiketinin hemen üzerine ekleyin.</p>
<pre class="prettyprint linenums" >
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css&quot;/&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
</pre>
<p>CSS<br />
&lt;body> etiketinin hemen üzerine ekleyin.</p>
<pre class="prettyprint linenums" >
&lt;style&gt;
input[type=&quot;text&quot;]{
    border-radius: 0px !important;
    background-clip: padding-box !important;
    color: #858585;
    background-color: #FBFBFB;
    border: 1px solid #D5D5D5;
    font-family: inherit;
    transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
    box-shadow: none;
}
.dropdown-menu {
    min-width: 200px !important;
}
&lt;/style&gt;
</pre>
<p>HTML<br />
&lt;body> etiketinin hemen altına ekleyin.</p>
<pre class="prettyprint linenums" >
&lt;div class=&quot;col-lg-6&quot;&gt;
      &lt;div class=&quot;input-group input-group-lg&quot;&gt;
        &lt;input class=&quot;form-control&quot; type=&quot;text&quot; id=&quot;sehirara&quot;&gt;
        &lt;span class=&quot;input-group-btn&quot;&gt;
        &lt;button class=&quot;btn btn-default&quot; type=&quot;button&quot;&gt;Ara&lt;/button&gt;
        &lt;/span&gt; &lt;/div&gt;
        &lt;div class=&quot;input-group-btn&quot; id=&quot;menuac&quot;&gt;
          &lt;ul class=&quot;dropdown-menu&quot; id=&quot;liyapistir&quot;&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
    &lt;/div&gt;
</pre>
<p>JQuery<br />
&lt;/body> etiketinin hemen üzerine ekleyin.</p>
<pre class="prettyprint linenums" >
&lt;script&gt;
(function($){
    $(document).on(&quot;keyup&quot;, &quot;#sehirara&quot;,function(){
		var sehirara = $(&quot;#sehirara&quot;).val();
		if (sehirara.length &gt; 2){ // aranılan kelime 2 harften fazla olmallı
            $.ajax({
                type: &quot;POST&quot;,
                url: &quot;ajax.php&quot;,
                data: {
                    sehir: sehirara,
                },
                error: function (xhr, textStatus, errorThrown) {
                    alert(&#039;Hata: &#039; + xhr.responseText);
                },
                success: function (data) {
				    $(&quot;#menuac&quot;).addClass(&#039;open&#039;);
                    $(&quot;#liyapistir&quot;).html(data)
                }
            });
		}
	});
	$(document).on(&quot;click&quot;, &quot;#liyapistir li a&quot;,function(){
		$(&quot;#sehirara&quot;).val($(this).html());
		$(&quot;#menuac&quot;).removeClass(&#039;open&#039;);
	});
	$(document).on(&quot;click&quot;, &quot;body&quot;,function(){
		$(&quot;#menuac&quot;).removeClass(&#039;open&#039;);
	});
})(jQuery);
&lt;/script&gt;
</pre>
<p>PHP<br />
ajax isminde bir php sayfası (ajax.php) oluşturun ve aşağıdaki PHP kodunu bu sayfanın içne kopyalayın. Varitabanına bağlantı kurmayı unutmayın.</p>
<pre class="prettyprint linenums" >
&lt;?PHP
$db_host = &quot;localhost&quot;; //Host address
$db_name = &quot;veritabaniismi&quot;; //veritabani ismi
$db_user = &quot;veritabani kullanici ismi&quot;; //veritabani kullanici ismi
$db_pass = &quot;sifre&quot;; //sifre
$mysqli = new mysqli($db_host, $db_user, $db_pass, $db_name);

$mysqli-&gt;query(&quot;SET NAMES utf8&quot;);
if(mysqli_connect_errno()) {
    echo &quot;Hata Oluştu: &quot; . mysqli_connect_errno();
    exit();
}

$sehir = $mysqli-&gt;real_escape_string($_POST[&#039;sehir&#039;]);
$sql=&quot;SELECT * FROM iller WHERE sehir LIKE&#039;%&quot;.$sehir.&quot;%&#039; ORDER BY sehir ASC LIMIT 15&quot;;
$result = $mysqli-&gt;query($sql);
$ret = &#039;&#039;;
if ($result-&gt;num_rows){
    while ($nt = $result-&gt;fetch_array()){
        $ret .= &#039;&lt;li id=&quot;&#039;.$nt[&#039;id&#039;].&#039;&quot;&gt;&lt;a href=&quot;#&quot;&gt;&#039;.$nt[&#039;sehir&#039;].&#039;&lt;/a&gt;&lt;/li&gt;&#039;;
    }
} else {
	$ret .= &#039;&lt;li&gt; Şehir Bulunamadı&lt;/li&gt;&#039;;
}
echo $ret;
?&gt;
</pre>
<p>Veritabanınızda iller tablosu oluşturun.</p>
<pre class="prettyprint linenums" >
CREATE TABLE IF NOT EXISTS `iller` (
  `id` int(11) NOT NULL,
  `sehir` varchar(50) DEFAULT NULL
) ENGINE=InnoDB AUTO_INCREMENT=82 DEFAULT CHARSET=utf8;
</pre>
<p>En son olarakda aşağıdaki illeri bu tablonun içine yerlştirin.</p>
<pre class="prettyprint linenums" >
INSERT INTO `iller` (`id`, `sehir`) VALUES
(1, &#039;ADANA&#039;),
(2, &#039;ADIYAMAN&#039;),
(3, &#039;AFYON&#039;),
(4, &#039;AĞRI&#039;),
(68, &#039;AKSARAY&#039;),
(5, &#039;AMASYA&#039;),
(6, &#039;ANKARA&#039;),
(7, &#039;ANTALYA&#039;),
(75, &#039;ARDAHAN&#039;),
(8, &#039;ARTVİN&#039;),
(9, &#039;AYDIN&#039;),
(10, &#039;BALIKESİR&#039;),
(74, &#039;BARTIN&#039;),
(72, &#039;BATMAN&#039;),
(69, &#039;BAYBURT&#039;),
(11, &#039;BİLECİK&#039;),
(12, &#039;BİNGÖL&#039;),
(13, &#039;BİTLİS&#039;),
(14, &#039;BOLU&#039;),
(15, &#039;BURDUR&#039;),
(16, &#039;BURSA&#039;),
(17, &#039;ÇANAKKALE&#039;),
(18, &#039;ÇANKIRI&#039;),
(19, &#039;ÇORUM&#039;),
(20, &#039;DENİZLİ&#039;),
(21, &#039;DİYARBAKIR&#039;),
(81, &#039;DÜZCE&#039;),
(22, &#039;EDİRNE&#039;),
(23, &#039;ELAZIĞ&#039;),
(24, &#039;ERZİNCAN&#039;),
(25, &#039;ERZURUM&#039;),
(26, &#039;ESKİŞEHİR&#039;),
(27, &#039;GAZİANTEP&#039;),
(28, &#039;GİRESUN&#039;),
(29, &#039;GÜMÜŞHANE&#039;),
(30, &#039;HAKKARİ&#039;),
(31, &#039;HATAY&#039;),
(33, &#039;İÇEL&#039;),
(76, &#039;IĞDIR&#039;),
(32, &#039;ISPARTA&#039;),
(34, &#039;İSTANBUL&#039;),
(35, &#039;İZMİR&#039;),
(46, &#039;KAHRAMANMARAŞ&#039;),
(78, &#039;KARABÜK&#039;),
(70, &#039;KARAMAN&#039;),
(36, &#039;KARS&#039;),
(37, &#039;KASTAMONU&#039;),
(38, &#039;KAYSERİ&#039;),
(79, &#039;KİLİS&#039;),
(71, &#039;KIRIKKALE&#039;),
(39, &#039;KIRKLARELİ&#039;),
(40, &#039;KIRŞEHİR&#039;),
(41, &#039;KOCAELİ&#039;),
(42, &#039;KONYA&#039;),
(43, &#039;KÜTAHYA&#039;),
(44, &#039;MALATYA&#039;),
(45, &#039;MANİSA&#039;),
(47, &#039;MARDİN&#039;),
(48, &#039;MUĞLA&#039;),
(49, &#039;MUŞ&#039;),
(50, &#039;NEVŞEHİR&#039;),
(51, &#039;NİĞDE&#039;),
(52, &#039;ORDU&#039;),
(80, &#039;OSMANİYE&#039;),
(53, &#039;RİZE&#039;),
(54, &#039;SAKARYA&#039;),
(55, &#039;SAMSUN&#039;),
(63, &#039;ŞANLIURFA&#039;),
(56, &#039;SİİRT&#039;),
(57, &#039;SİNOP&#039;),
(73, &#039;ŞIRNAK&#039;),
(58, &#039;SİVAS&#039;),
(59, &#039;TEKİRDAĞ&#039;),
(60, &#039;TOKAT&#039;),
(61, &#039;TRABZON&#039;),
(62, &#039;TUNCELİ&#039;),
(64, &#039;UŞAK&#039;),
(65, &#039;VAN&#039;),
(77, &#039;YALOVA&#039;),
(66, &#039;YOZGAT&#039;),
(67, &#039;ZONGULDAK&#039;);
</pre>
]]></content:encoded>
			<wfw:commentRss>https://www.bilgisayar.me/index.php/2015/08/05/jquery-ve-phpmysql-ile-text-etiketini-otomatik-olarak-tamamlama/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JQuery ile HTML textarea etiketinde kelime sınırlaması</title>
		<link>https://www.bilgisayar.me/index.php/2015/08/05/jquery-ile-html-textarea-etiketinde-kelime-sinirlamasi/</link>
		<comments>https://www.bilgisayar.me/index.php/2015/08/05/jquery-ile-html-textarea-etiketinde-kelime-sinirlamasi/#comments</comments>
		<pubDate>Wed, 05 Aug 2015 18:19:02 +0000</pubDate>
		<dc:creator><![CDATA[Hakan Atılgan]]></dc:creator>
				<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[textarea]]></category>

		<guid isPermaLink="false">http://www.bilgisayar.me/?p=1482</guid>
		<description><![CDATA[Sitenizde kullanacabileceğiniz kopyala yapıştır tarzında bir textarea etiketinde kelime sınırlaması örneği&#160;<a href="http://www.bilgisayar.me/demo/textareakelimesinirlama/index.php" target="_blank" class="ozet demo_color">DEMO</a>]]></description>
				<content:encoded><![CDATA[<p>Jquery eklentisini sayfanıza eklemeyi unutmayın.</p>
<p></p>
<div style="text-align:center; width:100%">
<a href="http://www.bilgisayar.me/demo/textareakelimesinirlama/index.php" target="_blank" class="buttons btn_red left"><span class="left">Demo</span></a>
</div>
<p>&nbsp;<br />
&nbsp;<br />
&nbsp;</p>
<p>HTML</p>
<pre class="prettyprint linenums" >
&lt;textarea name=&quot;textarea_etiketi&quot; id=&quot;textarea_etiketi&quot; class=&quot;form-control karakter&quot;&gt;&lt;/textarea&gt;
&lt;div class=&quot;kalan&quot;&gt;
    Kalan &lt;span id=&quot;kalan_karakter&quot;&gt;&lt;/span&gt; karakter sayısı
&lt;/div&gt;
</pre>
<p>JQuery</p>
<pre class="prettyprint linenums" >
&lt;script&gt;
var max_karakter_sayisi = 500;
(function($){
    $(&quot;#kalan_karakter&quot;).html(max_karakter_sayisi);
    $(&#039;#textarea_etiketi&#039;).bind(&#039;input propertychange&#039;, function() {
        karakterSay();
    });
    $(&#039;#textarea_etiketi&#039;).bind(&#039;keyup&#039;, null, function(e) {
        karakterSay();
    });
})(jQuery);

function karakterSay(){
    var textareaetiketi = $(&quot;#textarea_etiketi&quot;).val();
    var textareaetiketi_uzunluk = textareaetiketi.length;
    var kalan_karakter = max_karakter_sayisi - textareaetiketi_uzunluk;
    if(textareaetiketi_uzunluk &lt;= max_karakter_sayisi)
    {
        $(&quot;#kalan_karakter&quot;)
			.html(kalan_karakter)
			.css(&quot;color&quot;, (kalan_karakter &lt;=10 ? &quot;#000000&quot; : &quot;#666&quot;))
			.css(&quot;font-weight&quot;, &#039;normal&#039;);
    }
    else
    {
        $(&quot;#kalan_karakter&quot;)
			.html(kalan_karakter)
			.css(&quot;color&quot;, &quot;#FF0000&quot;).css(&quot;font-weight&quot;, &#039;bold&#039;);
    }
}
&lt;/script&gt;
</pre>
<p>Hepsi bir arada</p>
<pre class="prettyprint linenums" >
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;title&gt;JQuery ile HTML textarea etiketinde kelime sınırlaması&lt;/title&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;textarea name=&quot;textarea_etiketi&quot; id=&quot;textarea_etiketi&quot; style=&quot;width:99%; padding:5px; height:auto; line-height:1.6em;&quot;&gt;&lt;/textarea&gt;
&lt;div class=&quot;kalan&quot;&gt; Kalan &lt;span id=&quot;kalan_karakter&quot;&gt;&lt;/span&gt; karakter sayısı &lt;/div&gt;
&lt;script&gt;
var max_karakter_sayisi = 500;
(function($){
    $(&quot;#kalan_karakter&quot;).html(max_karakter_sayisi);
    $(&#039;#textarea_etiketi&#039;).bind(&#039;input propertychange&#039;, function() {
        karakterSay();
    });
    $(&#039;#textarea_etiketi&#039;).bind(&#039;keyup&#039;, null, function(e) {
        karakterSay();
    });
})(jQuery);

function karakterSay(){
    var textareaetiketi = $(&quot;#textarea_etiketi&quot;).val();
    var textareaetiketi_uzunluk = textareaetiketi.length;
    var kalan_karakter = max_karakter_sayisi - textareaetiketi_uzunluk;
    if(textareaetiketi_uzunluk &lt;= max_karakter_sayisi)
    {
        $(&quot;#kalan_karakter&quot;)
			.html(kalan_karakter)
			.css(&quot;color&quot;, (kalan_karakter &lt;=10 ? &quot;#000000&quot; : &quot;#666&quot;))
			.css(&quot;font-weight&quot;, &#039;normal&#039;);
    }
    else
    {
        $(&quot;#kalan_karakter&quot;)
			.html(kalan_karakter)
			.css(&quot;color&quot;, &quot;#FF0000&quot;).css(&quot;font-weight&quot;, &#039;bold&#039;);
    }
}
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
]]></content:encoded>
			<wfw:commentRss>https://www.bilgisayar.me/index.php/2015/08/05/jquery-ile-html-textarea-etiketinde-kelime-sinirlamasi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP/MYSQL ve JQuery ile Basit Dosya Yönetici Uygulaması</title>
		<link>https://www.bilgisayar.me/index.php/2015/07/31/phpmysql-ve-jquery-ile-basit-dosya-yonetici-uygulamasi/</link>
		<comments>https://www.bilgisayar.me/index.php/2015/07/31/phpmysql-ve-jquery-ile-basit-dosya-yonetici-uygulamasi/#comments</comments>
		<pubDate>Fri, 31 Jul 2015 22:41:45 +0000</pubDate>
		<dc:creator><![CDATA[Hakan Atılgan]]></dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[MYSQL]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[mysql]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.bilgisayar.me/?p=1427</guid>
		<description><![CDATA[PHP/ySQL uygulamalarınızda kullanabileceğiniz basit dosya yönetici uygulaması. <a href="https://app.box.com/s/csym5n2j0x5h4bnbaxb6zwhommm4m4ih"  target="_blank" class="ozet yukle_color">YÜKLE</a>]]></description>
				<content:encoded><![CDATA[<p></p>
<div style="text-align:center; width:100%">
<a href="https://app.box.com/s/csym5n2j0x5h4bnbaxb6zwhommm4m4ih" target="_blank" class="buttons btn_blue left"><span class="left"><i class="fa fa-download"></i> YÜKLE</span></a>
</div>
<p>&nbsp;<br />
&nbsp;<br />
&nbsp;</p>
<h5>Özellikler:</h3>
<ul>
<li>Klasör oluşturma</li>
<li>Dropzone Jquery eklentisi ile sabit diske dosya yükleme</li>
<li>Çoklu veya tek dosya silme</li>
</ul>
<h5>Ekran Görüntüleri:</h3>
<p><a href="http://www.bilgisayar.me/wp-content/uploads/2015/07/dosya_yonetici.jpg" data-rel="lightbox-image-0" data-rl_title="" data-rl_caption="" title=""><img src="http://www.bilgisayar.me/wp-content/uploads/2015/07/dosya_yonetici.jpg" alt="dosya_yonetici" width="700" height="340" class="alignnone size-full wp-image-1428" /></a></p>
<p><a href="http://www.bilgisayar.me/wp-content/uploads/2015/07/dosya_yonetici_1.jpg" data-rel="lightbox-image-1" data-rl_title="" data-rl_caption="" title=""><img src="http://www.bilgisayar.me/wp-content/uploads/2015/07/dosya_yonetici_1.jpg" alt="dosya_yonetici_1" width="900" height="194" class="alignnone size-full wp-image-1434" /></a></p>
<p><a href="http://www.bilgisayar.me/wp-content/uploads/2015/07/dosya_yonetici_2.jpg" data-rel="lightbox-image-2" data-rl_title="" data-rl_caption="" title=""><img src="http://www.bilgisayar.me/wp-content/uploads/2015/07/dosya_yonetici_2.jpg" alt="dosya_yonetici_2" width="720" height="470" class="alignnone size-large wp-image-1435" /></a></p>
<p><a href="http://www.bilgisayar.me/wp-content/uploads/2015/07/dosya_yonetici_3.jpg" data-rel="lightbox-image-3" data-rl_title="" data-rl_caption="" title=""><img src="http://www.bilgisayar.me/wp-content/uploads/2015/07/dosya_yonetici_3.jpg" alt="dosya_yonetici_3" width="720" height="261" class="alignnone size-large wp-image-1436" /></a></p>
]]></content:encoded>
			<wfw:commentRss>https://www.bilgisayar.me/index.php/2015/07/31/phpmysql-ve-jquery-ile-basit-dosya-yonetici-uygulamasi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP işlevi ile dosya uzantılarına göre imge gösterme</title>
		<link>https://www.bilgisayar.me/index.php/2015/07/31/php-islevi-ile-dosya-uzantilarina-gore-imge-gosterme/</link>
		<comments>https://www.bilgisayar.me/index.php/2015/07/31/php-islevi-ile-dosya-uzantilarina-gore-imge-gosterme/#comments</comments>
		<pubDate>Fri, 31 Jul 2015 18:00:04 +0000</pubDate>
		<dc:creator><![CDATA[Hakan Atılgan]]></dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[dosya]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.bilgisayar.me/?p=1402</guid>
		<description><![CDATA[PHP işlevi kullanarak dosya uzantılarına göre imge gösterme ]]></description>
				<content:encoded><![CDATA[<p>Bazı dosya uzantı imgelerini yüklemek için <a href="https://app.box.com/s/gptjsf74oos7k4u71j4kzipks2pfq1az" target="_blank" title="">burayı <i class="fa fa-external-link"></i></a> tıklayın.<br />
<a href="http://www.bilgisayar.me/wp-content/uploads/2015/07/dosya.jpg" data-rel="lightbox-image-0" data-rl_title="" data-rl_caption="" title=""><img src="http://www.bilgisayar.me/wp-content/uploads/2015/07/dosya.jpg" alt="dosya" width="211" height="306" class="alignnone size-full wp-image-1420" /></a></p>
<h5>dosyaUzantiListele işlevinin Kullanımı</h5>
<pre class="prettyprint linenums" >
$dosyaadi = &quot;dosya.png&quot;;
$dosya_uzanti= pathinfo($dosyaadi, PATHINFO_EXTENSION); // pathinfo ile dosyanın uzantısını bul
$imge = dosyaUzantiListele($uzanti); // 
echo &#039;&lt;img src=&quot;img/&#039;.$imge.&#039;&quot;&gt; &#039;.$dosyaadi;
</pre>
<h5>PHP &#8220;dosyaUzantiListele&#8221; işlevi</h5>
<pre class="prettyprint linenums" >
&lt;?PHP
function dosyaUzantiListele($uzanti) {
switch ($uzanti) {
case &quot;ai&quot;:
    return &quot;ai.png&quot;;
    break;
    
case &quot;css&quot;:
    return &quot;css.png&quot;;
    break;
    
case &quot;csv&quot;:
case &quot;xlsx&quot;:
case &quot;xls&quot;:
    return &quot;excel.png&quot;;
    break;
    
case &quot;fla&quot;:
case &quot;swf&quot;:
    return &quot;fla.png&quot;;
    break;
    
case &quot;mp3&quot;:
case &quot;wav&quot;:
    return &quot;wav.png&quot;;
    break;
    
case &quot;gif&quot;:
case &quot;png&quot;:
    return &quot;png.png&quot;;
    break;
case &quot;jpg&quot;:
case &quot;JPG&quot;:
    return &quot;jpg2.png&quot;;
    break;
        
case &quot;bmp&quot;:
case &quot;dib&quot;:
    return &quot;bmp.png&quot;;
    break;
    
case &quot;txt&quot;:
case &quot;log&quot;:
case &quot;sql&quot;:
    return &quot;text.png&quot;;
    break;
    
case &quot;js&quot;:
    return &quot;jscript.png&quot;;
    break;

case &quot;pdf&quot;:
    return &quot;pdf.png&quot;;
    break;
    
case &quot;zip&quot;:
case &quot;tgz&quot;:
case &quot;gz&quot;:
    return &quot;zip.png&quot;;
    break;
case &quot;rar&quot;:    
return &quot;rar.png&quot;;
    break;
case &quot;doc&quot;:
case &quot;rtf&quot;:
    return &quot;word.png&quot;;
    break;
case &quot;docx&quot;:    
    return &quot;word_docx.png&quot;;
    break;
    
case &quot;asp&quot;:
case &quot;jsp&quot;:
    return &quot;asp.png&quot;;
    break;
    
case &quot;php&quot;:
    return &quot;desktop.png&quot;;
    break;
    
case &quot;htm&quot;:
case &quot;html&quot;:
    return &quot;html.png&quot;;
    break;
    
case &quot;ppt&quot;:
    return &quot;powerpoint.png&quot;;
    break;
    
case &quot;exe&quot;:
case &quot;com&quot;:
    return &quot;exe.png&quot;;
    break;
case &quot;bat&quot;:    
    return &quot;bat.png&quot;;
    break;
    
case &quot;wmv&quot;:
    return &quot;wmv.png&quot;;
        break;
case &quot;mpg&quot;:
case &quot;mpeg&quot;:
case &quot;wma&quot;:
case &quot;asf&quot;:
    return &quot;mpg.png&quot;;
    break;
    
case &quot;midi&quot;:
case &quot;mid&quot;:
    return &quot;mpg.png&quot;;
    break;
    
case &quot;mov&quot;:
    return &quot;mov.png&quot;;
    break;
    
case &quot;psd&quot;:
    return &quot;psd.png&quot;;
    break;
    
case &quot;ram&quot;:
case &quot;rm&quot;:
    return &quot;real.png&quot;;
    break;
    
case &quot;xml&quot;:
    return &quot;xml.png&quot;;
    break;
    
default:
    return &quot;default.png&quot;;
    break;
        }    
}
?&gt;
</pre>
]]></content:encoded>
			<wfw:commentRss>https://www.bilgisayar.me/index.php/2015/07/31/php-islevi-ile-dosya-uzantilarina-gore-imge-gosterme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
