<?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>ajax &#8211; alperdereli.com</title>
	<atom:link href="https://www.alperdereli.com/etiket/ajax/feed" rel="self" type="application/rss+xml" />
	<link>https://www.alperdereli.com</link>
	<description></description>
	<lastBuildDate>Thu, 02 Dec 2021 10:55:32 +0000</lastBuildDate>
	<language>tr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.alperdereli.com/wp-content/uploads/2013/11/ad_logo-150x150.png</url>
	<title>ajax &#8211; alperdereli.com</title>
	<link>https://www.alperdereli.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>ASP ve Jquery ile otomatik tamamlama (auto complete) sistemi &#8211; 2</title>
		<link>https://www.alperdereli.com/asp-ve-jquery-ile-otomatik-tamamlama-auto-complete-sistemi-2</link>
					<comments>https://www.alperdereli.com/asp-ve-jquery-ile-otomatik-tamamlama-auto-complete-sistemi-2#comments</comments>
		
		<dc:creator><![CDATA[Alper Dereli]]></dc:creator>
		<pubDate>Tue, 25 May 2010 19:51:32 +0000</pubDate>
				<category><![CDATA[ASP]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[autocomplete]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[suggest]]></category>
		<guid isPermaLink="false">http://www.alperdereli.com/?p=47</guid>

					<description><![CDATA[Daha önce PHP&#8217;den ASP&#8217;ye çevirdiğim  bir otomatik tamamlama sistemi vardı. Bu ufak scriptte, aşağı ve yukarı tuşlarıyla seçim yapılamadığı ve Türkçe karakterlerde sorunlar olduğu yorum yapan arkadaşlar tarafından yazılmıştı. Açıkça söylemek gerekirse o script üzerinde vakit bulup uğraşamadım. Fakat scripti bir yerde kullanmam gerekince uğraşmamak ile hata yaptığımı anladım ve yeni bir script üzerinde çalışmanın daha mantıklı olacağını düşündüm.]]></description>
										<content:encoded><![CDATA[<p>Daha önce PHP&#8217;den ASP&#8217;ye <a href="http://www.alperdereli.com/index.php/asp-ve-jquery-ile-otomatik-tamamlama-auto-complete-sistemi">çevirdiğim</a> bir otomatik tamamlama sistemi vardı. Bu ufak scriptte, aşağı ve yukarı tuşlarıyla seçim yapılamadığı ve Türkçe karakterlerde sorunlar olduğu yorum yapan arkadaşlar tarafından yazılmıştı. Açıkça söylemek gerekirse o script üzerinde vakit bulup uğraşamadım. Fakat scripti bir yerde kullanmam gerekince uğraşmamak ile hata yaptığımı anladım ve yeni bir script üzerinde çalışmanın daha mantıklı olacağını düşündüm.<br />
<span id="more-47"></span><br />
<img decoding="async" src="http://www.alperdereli.com/wp-content/uploads/2010/05/autocomplete-2.jpg" alt="" title="auto complete, otomatik tamamlama" width="299" height="144" class="alignnone size-full wp-image-45" /><br />
<a href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/" target="_blank" rel="noopener nofollow">Burada</a> bulduğum otomatik tamamlama scripti aşağı-yukarı tuşlarıyla seçim yapabilme imkanı sunuyor. Fakat örnekler yine PHP ile yapılmış.</p>
<p>Ben örnekteki PHP sorgu sayfasının ASP versiyonunu oluşturdum. İçinde isimlerin olduğu basit bir veritabanı oluşturdum. Sayfa kodlamasını windows-1254 yerine utf-8 yaptım ki bu sayede Türkçe karakter problemi yaşanmıyor.</p>
<p><del datetime="2021-12-02T10:27:21+00:00">Uygulamanın çalışan şeklini <a href="http://www.web-tasarim.net/alperdereli/autocomplete2/" target="_blank" rel="noopener nofollow">buradan</a> görebilir veya <a href="http://www.alperdereli.com/wp-content/uploads/2010/05/autocomplete2.zip">buradan</a> indirebilirsiniz.</del></p>
<p>Uygulamayı <a href="http://www.alperdereli.com/wp-content/uploads/2010/05/autocomplete2.zip">buradan</a> indirebilirsiniz.</p>
<p>Karşılaştığınız hatalar ya da uygulama hakkında önerileriniz olursa lütfen paylaşın ki hep beraber çözüm üretmeye çalışalım.</p>
<p><strong>Github:</strong> <a href="https://github.com/alperdereli/asp-jquery-autocomplete2" target="_blank" rel="noopener nofollow">https://github.com/alperdereli/asp-jquery-autocomplete2</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.alperdereli.com/asp-ve-jquery-ile-otomatik-tamamlama-auto-complete-sistemi-2/feed</wfw:commentRss>
			<slash:comments>28</slash:comments>
		
		
			</item>
		<item>
		<title>ASP ve Jquery ile sürükle-bırak uygulaması</title>
		<link>https://www.alperdereli.com/asp-ve-jquery-ile-surukle-birak-uygulamasi</link>
					<comments>https://www.alperdereli.com/asp-ve-jquery-ile-surukle-birak-uygulamasi#comments</comments>
		
		<dc:creator><![CDATA[Alper Dereli]]></dc:creator>
		<pubDate>Mon, 24 Aug 2009 10:29:13 +0000</pubDate>
				<category><![CDATA[ASP]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[drag'n drop]]></category>
		<category><![CDATA[jquery ui]]></category>
		<guid isPermaLink="false">http://www.alperdereli.com/?p=21</guid>

					<description><![CDATA[ASP ve Jquery ile sürükle-bırak uygulaması]]></description>
										<content:encoded><![CDATA[<p>Yaklaşık bir ay önce ASP ile yapılmış bir sürükle-bırak uygulaması arıyordum ve PHP ile yapılmış <a href="http://www.webresourcesdepot.com/dynamic-dragn-drop-with-jquery-and-php" target="_blank" rel="noopener nofollow">şu</a> örneği gördüm. Bu sistemdeki PHP kodlarını ASP&#8217;ye çevirdim ve ortaya işime yarar birşeyler çıktı. Umarım paylaştığım kodlar sizinde işinize yarar.</p>
<p><img fetchpriority="high" decoding="async" class="alignnone size-full wp-image-22" title="surukle-birak" src="http://www.alperdereli.com/wp-content/uploads/2009/08/surukle-birak.png" alt="surukle-birak" width="480" height="168" /></p>
<p><del>Uygulamanın çalışan versiyonunu <a href="http://web-tasarim.net/alperdereli/surukle-birak/" target="_blank" rel="noopener nofollow">buradan</a> görebilirsiniz.</del></p>
<p>Uygulamayı <a href="http://www.alperdereli.com/wp-content/uploads/2009/08/surukle-birak.zip">buradan</a> indirebilirsiniz.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.alperdereli.com/asp-ve-jquery-ile-surukle-birak-uygulamasi/feed</wfw:commentRss>
			<slash:comments>16</slash:comments>
		
		
			</item>
		<item>
		<title>ASP ve JQuery ile AJAX takvim uygulaması</title>
		<link>https://www.alperdereli.com/asp-ve-jquery-ile-ajax-takvim-uygulamasi</link>
					<comments>https://www.alperdereli.com/asp-ve-jquery-ile-ajax-takvim-uygulamasi#comments</comments>
		
		<dc:creator><![CDATA[Alper Dereli]]></dc:creator>
		<pubDate>Wed, 22 Jul 2009 15:41:06 +0000</pubDate>
				<category><![CDATA[ASP]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[calendar]]></category>
		<category><![CDATA[get]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[takvim]]></category>
		<guid isPermaLink="false">http://www.alperdereli.com/?p=19</guid>

					<description><![CDATA[Hazırlamakta olduğum blog uygulamasının içinde takvim kullanmam gerekti. İlk olarak hazırladığım örnek statik bir sayfaydı ve sadece bulunduğumuz ayın günlerini gösteriyordu. Bir müddet bu şekilde kullandıktan sonra dinamik bir takvimin daha güzel olacağını düşünerek geliştirmeye başladım. Bu aşamada ilk önce, önceki ve sonraki ayları gösterecek şekilde kodları düzenledim. Daha sonra her ay değişiminde sayfanın yenilenmesini ... <a title="ASP ve JQuery ile AJAX takvim uygulaması" class="read-more" href="https://www.alperdereli.com/asp-ve-jquery-ile-ajax-takvim-uygulamasi" aria-label="Read more about ASP ve JQuery ile AJAX takvim uygulaması">Devamını oku</a>]]></description>
										<content:encoded><![CDATA[<p>Hazırlamakta olduğum blog uygulamasının içinde takvim kullanmam gerekti. İlk olarak hazırladığım örnek statik bir sayfaydı ve sadece bulunduğumuz ayın günlerini gösteriyordu. Bir müddet bu şekilde kullandıktan sonra dinamik bir takvimin daha güzel olacağını düşünerek geliştirmeye başladım.</p>
<p>Bu aşamada ilk önce, önceki ve sonraki ayları gösterecek şekilde kodları düzenledim. Daha sonra her ay değişiminde sayfanın yenilenmesini engellemek için ajax kullanmaya karar verdim. Bu işlemi en kolay JQuery ile halledeceğimi düşündüm. <a href="http://docs.jquery.com/Ajax/jQuery.ajax#options" target="_blank" rel="noopener nofollow">JQuery Documentation</a> ve <a href="http://www.eburhan.com/jquery-ve-ajax-islemleri/" target="_blank" rel="noopener nofollow">eburhan.com</a> sayfalarında bulunan örneklere de bakarak JQuery kullanmaya karar verdim.</p>
<p>Hazırladığım örnek uygulamayı <a href="http://www.alperdereli.com/wp-content/uploads/2009/07/ajax-takvim.zip">buradan</a> indirebilirsiniz. <del>ya da çalışan versiyonu <a href="http://web-tasarim.net/alperdereli/ajax-takvim/index.asp" target="_blank" rel="noopener nofollow">buradan</a> görebilirsiniz.</del></p>
<p><strong>Github:</strong> <a href="https://github.com/alperdereli/asp-jquery-ajax-takvim" target="_blank" rel="noopener nofollow">https://github.com/alperdereli/asp-jquery-ajax-takvim</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.alperdereli.com/asp-ve-jquery-ile-ajax-takvim-uygulamasi/feed</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>ASP ve Jquery ile otomatik tamamlama (auto complete) sistemi</title>
		<link>https://www.alperdereli.com/asp-ve-jquery-ile-otomatik-tamamlama-auto-complete-sistemi</link>
					<comments>https://www.alperdereli.com/asp-ve-jquery-ile-otomatik-tamamlama-auto-complete-sistemi#comments</comments>
		
		<dc:creator><![CDATA[Alper Dereli]]></dc:creator>
		<pubDate>Fri, 03 Jul 2009 14:34:52 +0000</pubDate>
				<category><![CDATA[ASP]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[autocomplete]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[suggest]]></category>
		<guid isPermaLink="false">http://www.alperdereli.com/?p=12</guid>

					<description><![CDATA[Bu scriptin farklı bir versiyonunu burada görebilirsiniz. Bugün, otomatik tamamlama (auto complete) olarak geçen bu sistemin ASP versiyonu için R10 forumda bir istek gördüm ve bu sayfadaki PHP ile yapılmış versiyonu ASP ile yapmaya karar verdim. Sadece sorgulama yapılan sayfayı asp için uyarladım. Geri kalan tüm kodlar orijinal siteye aittir. Ayrıca veritabanı olarak Hakan Şen&#8217;in ... <a title="ASP ve Jquery ile otomatik tamamlama (auto complete) sistemi" class="read-more" href="https://www.alperdereli.com/asp-ve-jquery-ile-otomatik-tamamlama-auto-complete-sistemi" aria-label="Read more about ASP ve Jquery ile otomatik tamamlama (auto complete) sistemi">Devamını oku</a>]]></description>
										<content:encoded><![CDATA[<div class="ikaz">Bu scriptin farklı bir versiyonunu <a href="http://www.alperdereli.com/index.php/asp-ve-jquery-ile-otomatik-tamamlama-auto-complete-sistemi-2">burada</a> görebilirsiniz.</div>
<p>Bugün, otomatik tamamlama (auto complete) olarak geçen bu sistemin ASP versiyonu için <a href="http://www.r10.net/asp/405017-asp-autocomplete-sistemi-istek.html" target="_blank" rel="noopener nofollow">R10 forumda</a> bir istek gördüm ve <a href="http://nodstrum.com/2007/09/19/autocompleter/" target="_blank" rel="noopener nofollow">bu</a> sayfadaki PHP ile yapılmış versiyonu ASP ile yapmaya karar verdim. Sadece sorgulama yapılan sayfayı  asp için uyarladım. Geri kalan tüm kodlar orijinal siteye aittir.</p>
<p>Ayrıca veritabanı olarak Hakan Şen&#8217;in yapmış olduğu <a href="http://www.hakansen.com/oku/151-iller-ve-ilceler-veritabani-ms-access-mysql/" target="_blank" rel="noopener nofollow">İller ve İlçeler Veritabanı</a>&#8217;nın MS Access versiyonunu kullandım.</p>
<p>Script içinde kullanılan kodlar aslında oldukça basit..</p>
<p><strong>Javascript</strong></p>
<pre lang="javascript">function lookup(inputString) {
	if(inputString.length == 0) {
		// herhangi bir değer girilmemişse sonuç kutuyu gösterme
		$('#suggestions').hide();
	} else {
		$.post("sorgu.asp", {queryString: ""+inputString+""}, function(data){
			//sorgu.asp sayfasından dönen sonuç sıfırdan büyükse sonuç kutusunu göster
			if(data.length &gt;0) {
				$('#suggestions').show();
				$('#autoSuggestionsList').html(data);
			}
		});
	}
} 

function fill(thisValue) {
	$('#inputString').val(thisValue);
	setTimeout("$('#suggestions').hide();", 200);
}</pre>
<p>İlk fonksiyon sorgu.asp sayfasını kullanarak veritabanından uyan kayıtları çekmeye ve kullanıcıya göstermeye yarıyor.<br />
İkinci fonksiyon ise sonuç kutusundan seçilen değerin inputa aktarılmasını ve sonra kutunun gizlenmesini sağlıyor.</p>
<p><strong>ASP (sorgu.asp)</strong></p>
<pre lang="asp">'Veritabanı bağlantımızı oluşturuyoruz
Set conn = Server.CreateObject("ADODB.Connection")
dsn = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" &amp; Server.MapPath("iller.mdb")
conn.open dsn

'Formdan gelen veriyi alıyoruz
aranan = Request.Form("queryString")
'Recordset açılıyor
Set RS=Server.CreateObject("ADODB.Recordset")
'Gelen veriyi veritabanında sorgulayacak sql cümlesini yazıyoruz
Sql = "Select * From ilceler Where ilce Like '" &amp; aranan &amp; "%' Order By ilce"
RS.Open Sql, conn, 1, 3

If RS.RecordCount &gt; 0 Then 'Veritabanından dönen kayıt sayısı sıfırdan büyükse
	i = 1
	'Toplam 10 kayıt listeliyoruz
	Do While Not RS.EOF And i &lt; 11
		Response.Write ("<li onClick=""fill('"&#038;RS("ilce")&#038;"');"">"&RS("ilce")&"</li>")
		i = i + 1
		RS.MoveNext
	Loop
End If
RS.Close
conn.Close</pre>
<p><del datetime="2021-12-02T10:54:45+00:00">Uygulamanın çalışan versiyonunu görmek için <a href="http://www.web-tasarim.net/alperdereli/autocomplete/" target="_blank" rel="noopener nofollow">buraya</a>,</del><br />
Uygulamayı indirmek için <a href="http://www.alperdereli.com/wp-content/uploads/2009/07/autocomplete.zip">buraya</a> tıklayınız. Umarım işinize yarar.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.alperdereli.com/asp-ve-jquery-ile-otomatik-tamamlama-auto-complete-sistemi/feed</wfw:commentRss>
			<slash:comments>34</slash:comments>
		
		
			</item>
	</channel>
</rss>
