Javascript | ApoStyLEE

MVC Nedir?

Mvc (Model, View, Controller) yazılım geliştirirken kullanılan mimari desendir. Öncelikle şunu bilmemiz gerekiyor, bu bir tasarım desendir (design pattern) ve hiç bir platformun yada dilin babasının malı değildir. Bunu şundan söylüyorum; adam diyor ki ben asp.net mvc biliyorum, mvc nin bir desen olduğundan haberi yok, sanki Microsoft un bir icadı, mekanızmasıymış gibi ifade ediyor ve bu çok yanlış.

Php, javascript, python, java, asp.net yada her neyse hepsinde ki mvc deseni aynıdır. Bu yaklaşım aslında epey eski fakat web dünyasındaki gelişmeler daha doğrusu artık işin web sitesinden çıkıp web uygulaması haline gelmesi, klasik web geliştirme yöntemlerinin yetersiz kalmasına sebep oldu. Eskiden 1-2 kişi ile yapılan geliştirmeler şimdilerde koca koca ekiplerin geliştirdiği şeylere dönüştü, neylere? işlere.. Hal böyle olunca yeni birinin projeye dahil edilmesinden tutunda, yazılan kodun test edilebilmesine kadar bin türlü yeni hikaye çıktı ortaya.
Okumaya devam et MVC Nedir?

Google Maps çoklu Marker ekleme

Google maps api kullanarak bir noktayı işaretleme olayına marker diyoruz. Bir raporda harita üzerinde bayilerimizi bulundukları şehirlere göre işaretlemem gerekiyordu fakat şehir adeti arttıkça aranan şehrin bulunamaması gibi bir problem oluşuyor. Bunun sebebi de şehirlerin isimlerini bir servise gönderip geriye koordinatları almakla ilgili..
Okumaya devam et Google Maps çoklu Marker ekleme

GridView ile çalışmak ve püf noktaları

Uzun bir aradan sonra kontrollerimizi tanımaya kaldığımız yerden devam ediyoruz. Ana hatlarıyla anlatmaya çalışacağım kontrol namı diğer GridView1 :) Çok fazla detaya girmeden en sık kullanılan özelliklerini ve jQuery ile birlikte neler yapabileceğimize vakit kaybetmeden bir göz atalım.

GridView, bir veri kaynağından gelen veriyi ekrana liste şeklinde basan kontrolümüz. Bir çok yerde kullandığımız bu kontrolde, sayfalama ve sıralama işlemlerini rahatlıkla yapabiliyoruz. Okumaya devam et GridView ile çalışmak ve püf noktaları

Sosyal imleme mekanızması yapmak.

Kaç zamandır aklımdaydı siteme sosyal imleme mekanızması eklemek. Öcelikle sosyal imleme nedemek kabaca bunu anlatmaya çalışayım. Beğendiğiniz bir siteyi veya bir yazıyı tekrar lazım olur diye tarayıcılarımızda bulunan Sık Kullanılanlar kısmına ekliyoruz ve ne hikmetse bilgisayarımıza format atarken genellikle yedeklemeyi unutuyoruz ve hepsi birden siliniyor. Yada kendi bilgisayarımız başında değilken sık kullanılanlara erişmemiz mümkün değildir. Bağlantılarımızı saklayıp insanlarla paylaşabileceğimiz sitelere, sosyal imleme sitesi diyoruz. Özellikle Facebook gibi sosyal ağların popüler olduğu günümüzde bu ağlarda haber, resim ve video paylaşımlarıda epeyce popüler. Şimdi düşünelim kullanıcı sitemizdeki bir yazıyı çok beğendi ve Facebook’ da bunu arkadaşlarıyla paylaşmak istiyor. Eğer sitemizde paylaşım için herhangi bir bilgi yoksa %99 kullanıcı paylaşımdan vazgeçiyor, varsa bir tıkla işini hallediyor ve sitemizin ciddi anlamda ziyaretçi kazanmasını sağlıyor. Uzun lafın kısası Web 2.0 ile birlikte popüler olan bu paylaşım tarzı bize güzel şeyler sunuyor. Geçelim mekanızmamızı yapma işlemine;

Öncelikle JavaScript ile birlikte küçük bir yapı kuracağız, amacımız yeni bir imleme sitesi eklerken çıkarırken kolaylık olsun. Kodlarda anlatılacak çok fazla bir şey bulunmuyor, baktığınızda basit bir yapı olduğunu zaten anlayacaksınız.

Farklı bir imleme sitesi eklemek isterseniz, if bloklarına bir yenisini ekleyecek olduğunuz sitenin adresi ve değişken kısımları şeklinde ekleyebilirsiniz. Buradan bitmiş halini indirebilir, demosu içinse bu yazının altına bakabilirsiniz ;) bu arada dosyaları indirdiğinizde diğer sosyal paylaşım sitelerinin logolarını kendimce bonus olarak sizlere sunuyorum :)

function sosyalAdres(gelen)
{
  var baslik = encodeURI('Eklencek yazının başlığı');
  var adres = escape('Eklenecek yazının içeriği');
  var pencereAyar = "height=700,width=800,titlebar=no,status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=1";
  var sAdres='';

  if(gelen==1)
  sAdres="http://www.facebook.com/sharer.php?title=" + baslik + "&u=" + adres;

  if(gelen==2)
  sAdres="http://www.google.com/bookmarks/mark?op=edit&bkmk=" + adres+ "&title=" + baslik;

  if(gelen==3)
  sAdres="http://digg.com/submit?url="+adres+"&title=" + baslik;

  if(gelen==4)
  sAdres="http://del.icio.us/post?url="+adres+"&title=" + baslik;

  if(gelen==5)
  sAdres="http://reddit.com/submit?url="+adres+"&title=" + baslik;

  window.open(sAdres.replace(/amp;/gi,''),null,pencereAyar);
}

Daha Sonrasında, güzel bir görüntü için style kodlarımızı ve işin görüntü olan kısmını ekliyoruz.

	.sosyal{background-color:#f5f5f5;border-bottom:1px solid #ededed;width:715px;padding:5px 0 0 5px;cursor:default;margin-bottom:5px}
	.sosyal span{font-family:Helvetica,sans-serif;color:#0063dd;font-size:14px;font-weight:bold}
	.sosyal:hover {border-bottom:1px solid #c0c0c0}
	.sosyal img{margin-left:20px;cursor:pointer;}
	.sosyal img:hover{margin-bottom:-5px}
[/html]
 
	<div class="sosyal">
		<span>Bu yazıyı paylaşın;</span>
		<img border="0" src="img/sosyalButton/google.png" alt="bu bağlantıyı Google' e eklemek için tıklayın" onclick="sosyalAdres(2)" />
		<img border="0" src="img/sosyalButton/facebook.png" alt="bu bağlantıyı Facebook' e eklemek için tıklayın" onclick="sosyalAdres(1)" />
		<img border="0" src="img/sosyalButton/reddit.png" alt="bu bağlantıyı Reddit' e eklemek için tıklayın" onclick="sosyalAdres(5)" />
		<img border="0" src="img/sosyalButton/digg.png" alt="bu bağlantıyı Digg' e eklemek için tıklayın" onclick="sosyalAdres(3)" />
		<img border="0" src="img/sosyalButton/delicious.png" alt="bu bağlantıyı Delicious' e eklemek için tıklayın" onclick="sosyalAdres(4)" />
	</div>


Volkan arkadaşıma teşşekür ediyor ve ekliyorum.

 Bu hizmeti Türkçe olarak EkleBunu sitesinden edinebilirsiniz.

Formu birden fazla yere post etmek.

	<script>
		function formuGonder(adres,pencere){
			document.formumuz.action = adres;
			document.formumuz.target = pencere;
			document.formumuz.submit();
		}
	</script>
	<form name="formumuz" method="post">
		<input type="text" name="adsoyad">
			<input type="button" value="x Adresine Gönder" onclick="formuGonder('x.html','_top')">
			<input type="button" value="y Adresine Gönder (yeni pencerede)" onclick="formuGonder('y.html','_blank')">
	</form>

Form butonlarını istediğiniz kadar çoğaltabilirsiniz.

Arkadaş JavaScript e de saygım kalmadı…

Yahu şu site için günlerdir yazı eklemede kullanmak üzere yazı editörü arıyorum (texteditör) fakat bir türlü istediğim gibi sade ve kullanışlı bişiy bulamadım. Ben başka bişiy yapıştırıyorum o bi ton arka plana kod ekliyor en uyuz olduğum şey bu ya, sırf bu yüzden yıllar önce Dreamweaver kaldırıp yerine FrontPage kurmuştum ki aradan dünya kadar zaman geçti haleda frontpageyi silmedim.. En sonunda kafam bozuluyor düz yazı alanı kullanıp elle yazacam html sini css sini..

İkinci bir sıkıntımda şu kod renklendirme scriptleri, alayı beş para etmez scriptler. Bir çalışıyorlar beş çalışmıyorlar. Zamanım olsa yazcam bi tane paşalar gibi yastlanacam arkama. Haaa bu iş içinde güzel istediğim gibi bişiyler bulamazsam, ellerimle renklendirecem kodları.. Neyse öldüm uykusuzuluktan hadi iyi geceler cümleten…