Seyit Altunkaş » Web Tasarım http://www.seyitaltunkas.com Karalama Defterim... Thu, 26 May 2011 23:29:56 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Php’de Çok Sayfalı Form Uygulaması http://www.seyitaltunkas.com/web-tasarim/php/phpde-cok-sayfali-form-uygulamasi.html http://www.seyitaltunkas.com/web-tasarim/php/phpde-cok-sayfali-form-uygulamasi.html#comments Tue, 25 Jan 2011 09:55:36 +0000 Seyyid http://www.seyitaltunkas.com/?p=335 Bu makalemde Php Multi Pages Form olarak bilinen çok sayfalı form uygulamasını anlatacağım. Özellikle alışveriş sitelerinde çok karşımıza çok çıkan bu sistem, kullanıcıların formu adım adım görmelerini ve her form sayfasında girilen verilerin hafızada tutularak son sayfada karşılarına çıkmasını sağlar.

Kullanıcıların her formda girdiği verileri sistemin hafızada tutması için session yada cookie‘lerden yardım alırız. Ben vereceğim bu örnekte Session uygulamasından yararlandım. dilerseniz siz cookiler ilede çalışabilirsiniz.

Vereceğim örnek işletmelerin cari oranlarını hesaplayan bir uygulama. Bilindiği gibi Cari oran=Dönen Varlıklar/Kısa Vadeli Borçlar şeklinde hesaplanır. Ben basit olması amacıyla 2 değişkenli bir sistem hazırladım. Şimdilik mantığını anlayın daha sonra bunları dilediğiniz kadar çoğaltabilirsiniz.

Önce a.php adında bir dosya oluşturalım ve aşağıdaki kodları bu dosyaya yazalım:

  
<?php
session_start(); // kayıtı başlattık
?>
// formumuzu oluşturduk
<form name="form1" method="post" action="b.php">
  <p>Donen Varliklar
    <label for="veri1"></label>
    <input type="text" name="veri1" id="veri1">
  </p>
  <p>
    <input type="submit" name="Gonder" id="Gonder" value="ileri">
  </p>
</form>

Yukardaki kodlarda en önemli bölüm 2. satırdaki session_start bölümüdür. Bu bölümde kayıt işmenini başlattık. Eğer sessionu başlatmassak bu formdan aldığımız verileri kayıt edemeyiz. Bu bölümde kullanıcıdan Dönen Varlıklarını girmesini istedik. Kullanıcı Dönen varlıklarını yazıp ileri butonuna tıkladığında b.php sayfası çağrılacaktır. Şimdide b.php adında bir sayfa oluşturalım ve buradada kullanıcıdan Kısa Vadeli Borçlarını girmesini isteyelim:

  
<?php
session_start();
 $_SESSION['veri1']= $_POST['veri1']; // post ile gelen veriyi sessiona atadık
?>
<form name="form2" method="post" action="c.php">
  <p>Kisa Vadeli Borclar
    <input type="text" name="veri2" id="veri2">
  </p>
  <p>
    <input type="submit" name="Gonder" id="Gonder" value="ileri">
  </p>
</form>

Görüldüğü gibi diğer formdan Post ile gelen veri1′i sessiona atadık. Bu sayfada kullanıcı kısa vadeli borçlarını yazdıktan sonra ileri derse c.php sayfası açılacaktır. Kullanıcıdan istediğimiz başka veri olmadığına göre c.php sayfasındada a.php ve b.php sayfalarından gelen verilere işlem uygulayarak kullanıcının cari oranını hesaplayalım:

  
<?php
session_start();
$veri1= $_SESSION['veri1']; // veri1 değişkenine ilk sayfadan gelen session değişkenini atadık
$veri2= $_POST['veri2']; // veri2 değişkeni bir önceki sayfadan geldiği için burada session yerine post kullandık
$sonuc= $veri1/$veri2; //cari oranı hesapla
echo $sonuc;
if ($sonuc==1){
	echo 'Basabassin'; //Cari oran 1 e eşitse
}
if ($sonuc<1) {
	echo' Borclarini odeyemessin'; // Cari oran 1 den küçükse
}
if ($sonuc>1) {
	echo ' Borclarini odersin'; //Cari oran 1 den büyükse
}
session_destroy(); // Sessionu bitirdik
?>

a.php sayfasından aldığımız veriyi c.php sayfasına kadar session yardımıyla getirdik. b.php sayfasındaki veriyi ise post yardımıyla c.php sayfasına taşıdık. Sizler bu uygulamayaı dahda geliştirebilir, form sayfalarını dahda çoğaltabilirsiniz.

Fakat şunuda söyleyeyim session kayıtının yapılması için register_globals=on olmalıdır. Çoğu hosting şirketi güvenlik nedeniyle bunu kapatmaktadırlar. Eğer register globals kapalı ise session kayıdı çalışmaz.

]]> http://www.seyitaltunkas.com/web-tasarim/php/phpde-cok-sayfali-form-uygulamasi.html/feed 0 İnternet Explorer heading tag sorunu http://www.seyitaltunkas.com/web-tasarim/java-script/internet-explorer-heading-tag-sorunu.html http://www.seyitaltunkas.com/web-tasarim/java-script/internet-explorer-heading-tag-sorunu.html#comments Tue, 14 Dec 2010 22:53:31 +0000 Seyyid http://www.seyitaltunkas.com/?p=245 Bu internet explorer çıldırtacak beni.Tamamen web tasarımcılara karşı yapılmış bir tarayıcı olduğunu düşünmeye başladım. Css çalışırsınız ayrıca internet explorer için onu fixlersiniz, script kullanırsınız çalışmaz, div’lerde kaymalar olur… vs vs uzar gider bu internet explorerin gıcıklıkları. En son huyunuda yeni öğrendim. h1,h2…h6 ya kadar heading tag destekliyormuş. Yani siz h7 diye bir tag yaratmaya kalkarsanız malesef bu internet explorerde çalışmaycak.

Ktü İtiraf için içerikleri h7 tagla yazmıştım. İnternet explorerla siteye bakana kadar hiç bir sorun olmadığını sanıyordum. Uğraştım, araştırdım sonra bir çözüm yolu buldum.

Yapmamız gereken şey <head>..</head> arasına şu kodu yazmak.

  
<script type="text/javascript">document.createElement('h7');</script>

Daha sonra <h7>Yazımız</h7> olarak kullandığımızda internet explorerde sorunsuz olarak görünecektir.

buradaki h7 tagını kafamıza göre değiştirebilirz. Örneğin:

  
<script type="text/javascript">document.createElement('benimtagim');
</script>

gibi ekleyebilir ve <benimtagim>Yazımız</benimtagim> gibi kullanabiliriz.

Tabiki kullanacağınız tagların css biçimlendirmelerini yapmayı unutmayın…

]]> http://www.seyitaltunkas.com/web-tasarim/java-script/internet-explorer-heading-tag-sorunu.html/feed 0 Joomla 1.5.x Popup Login Modülü http://www.seyitaltunkas.com/web-tasarim/joomla/joomla-1-5-x-popup-login-modulu.html http://www.seyitaltunkas.com/web-tasarim/joomla/joomla-1-5-x-popup-login-modulu.html#comments Mon, 11 Jan 2010 21:06:27 +0000 Seyyid http://www.seyitaltunkas.com/?p=172 Joomla ile ilgilendiğim sıralarda bir arkadaşım “Ziyaretçilere Lütfen Üye Olun! diye msj veren bir splash pencere yapabilirmiyiz ?” diye sormuştu. Bende öyle birşey yapmışken bari splash penceredeki yazıyıda modül yönetim panelinden düzenleyebilelim demiştim.Sonra; Yok yok birde içine giriş formu koyalım… Hatta bu giriş formu hem splashte çıksın hemde modul pozisyonunda… Ya bu giriş formu tek çeşit olmasa da farklı farklı çeşitlerde olsa ve bunu biz seçebilsek…vs.vs Kısacası işin şeyini çıkarmıştık :) Ama ortaya gerçekten güzel bir şey çıkmıştı. Bilgisayarımın örümcek ağları ile dolmuş arşivlerini kurcalarken bu çalışmamı buldum ve sizlerle paylaşmak istedim…

Yoo Login modülü ile entegreli olarak çalışan Popup Login modülümüz ziyaretçilerinize splash pencereler açmanızı ve bu splah pencereler içinde birbirinden farklı 4 giriş formunu göstermenizi sağlar. Ayrıca splash pencere ile birlikte modül pozisyonunda da giriş formunu göstermenizi sağlar.

Giriş formunu hem splash pencerede hemde modül pozisyonunda gösterebilirsiniz.

Dediğim gibi modüle Yoo Login formlarını entegre ettim. Yoo Login’in klasik giriş formları olan 4 giriş formunu (Klasik, Klasik yatay, Gri, Gri yatay) Splash pencerede ve modül pozisyonunda farklı farklı kullanabilirsiniz. Örneğin splashte Klasik giriş formunu kullanırken, modül pozisyonunda Gri-yatay giriş formunu kullanabilirsiniz. Form örneklerine aşağıdaki resimlerden bakabilirsiniz.

Normal Giriş Formları:

Klasik Giriş Formu

Gri Giriş Formu

Yatay Giriş Formları:

Klasik Yatay Giriş Formu

Gri Yatay Giriş Formu

Bu giriş formlarının hepsinide ister splash pencere içinde, istersenizde modül pozisyonunda kullanabilirsiniz.  Ayrıca Yoo eklentilerinin şöyle bir özelliği vardı yanlış hatırlamıyorsam: Yoo temalarından birini kullanıyorsanız ve tema css seçiminizde “dark” ise modüllerde otomatik olarak “dark” olmaktadır. Yani bu 4 formun her birinin kendisine ait “dark” modelleride bulunmaktadır. Yani 4×2 = 8 adet giriş formumuz bulunmaktadır :)

Modül hakkında daha detaylı bilgi almak ve modülü indirmek için bir sonraki sayfaya bakabilirsiniz….Modülümüzün gelişmiş bir yönetim paneli bulunmaktadır. Splash pencere ve modül ayarlarını en ince detayına kadar modül yönetim panelinden ayarlayabilirsiniz.

Gelişmiş Modül Yönetim Paneli

Modül yönetim panelinden, giriş formu gösterim yerlerini, splash pencere efekt derecesini, splash pencere özelliklerini, splash pencere mesajını… ve buna benzer bir çok özelliği düzenleyebilirsiniz. Modül ayarları için paneldeki açıklamaları takip edebilirsiniz.

Önemli:

  • Modülü çok önceden yaptığım için kullandığım splash efekt java kodu güncel bir kod değildir, bazı bugları mevcuttur, bu yüzden splash efekti şu an sadece İE de düzgün olarak çalışmaktadır. Mozilla 3.x sürümünde splash efekti çalışmamaktadır.
  • Bazı temalarda splash pencere arka planı görünmemektedir. Bunu düzeltmek için modül pozisyonunu değiştirebilirsiniz.
  • Modül üzerinde fazla uğraşmadığım için buna benzer bugların olması olasıdır. Karşılaştığınız sorunları bana bildirirseniz yardımcı olmaya çalışırım.
  • Popup Login Modülü için yoğun istek olursa, bu modülün yeni özellikler eklenmiş ve bugları fixlenmiş yeni sürümünü yazabilirim.

Download

Popup Login Modülü

]]> http://www.seyitaltunkas.com/web-tasarim/joomla/joomla-1-5-x-popup-login-modulu.html/feed 5 Joomla 1.5.x Gizle Plugini + Editör Butonu http://www.seyitaltunkas.com/web-tasarim/joomla/joomla-1-5-x-gizle-plugini-editor-butonu.html http://www.seyitaltunkas.com/web-tasarim/joomla/joomla-1-5-x-gizle-plugini-editor-butonu.html#comments Sun, 10 Jan 2010 15:00:03 +0000 Seyyid http://www.seyitaltunkas.com/?p=159 Hey gidi heyy diyerek başlamak istiyorum makaleme… Bundan 1 sene önce hızlı olduğum zamanlarda kendi elimle yazdığım bir joomla plugin’ini sizinle paylaşmak istedim. Pluginimizin işlevi kısaca şöyle: Makalelerimizde üye olmayan kullanıcılara göstermek istemediğimiz linkleri, yazıları yada resimleri gizlemeye yarayan bir plugin.

Uzun zamandır Joomla’yı takip edemiyorum. Onun için belki benim yaptığım bu pluginin daha gelişmişleri yayınlanmıştır. Fakat yine bir faydası olacağınız düşündüm. Joomla ile ilgilendiğim sıralarda vBulletin tabanlı bazı forum sitelerinde kullanılan “linkleri gizleme” eklentisinden esinlenmiştim. Uğraştım çabaladım ve sonunda joomlaya da böyle bir plugin yapmayı başarmıştım. Plugini yayınladığımda bayağı ses getirmişti. Halada bir çok joomla tabanlı site bu plugini kullanıyor. Bu gurur verici :)

Joomla 1.5.x için hazırlanan gizle plugini makalelerinizde {gizle}..{/gizle} tagları arasına girilen yazıları, linkleri ve resimleri üye olmayan kullanıcıların görmesini engeller. {goster}..{/goster} tagları arasına girdiğiniz içeriği ise sadece üye olmayan kullanıcılara gösterir. Örnek Kullanım:

{goster}İçeriği görebilmek için lütfen üye olunuz!{/goster}
{gizle} http://www.seyitaltunkas.com{/gizle}

Bu kullanımda üye olmayan kullanıcılar “İçeriği görebilmek için lütfen üye olunuz!” iletisini görecek ve “http://www.seyitaltunkas.com” linkini göremeyecekler. Eğer üye girişi yaparlarsa ozaman sadece “http://www.seyitaltunkas.com” adresini görebilecekler.

Tabi bu kullanımı kolaylaştırmak için birde editör butonu plugini kodladım. plg_gizle ‘yi yükledikten sonra plg_gizle_buton ‘uda yüklerseniz yazı editörünüzün altına “Gizle” adlı bir buton eklenecek ve butonu tıkladığınız zaman bu taglar otamatik olarak yazı editörünüze eklenecektir.

plg_gizle_buton ‘un otomatik olarak eklediği yazıyı “tr-TR.plg_editors-xtd_gizlebuton.ini” adlı dosyayı editleyerek istediğiniz gibi değiştirebilirsiniz.

Her iki pluginin kurduktan sonra aktif etmeyi unutmayın…

Download:

Joomla 1.5.x Gizle Plugini

Joomla 1.5.x Gizle Buton Plugini

]]> http://www.seyitaltunkas.com/web-tasarim/joomla/joomla-1-5-x-gizle-plugini-editor-butonu.html/feed 4 WordPress’te editör butonu yapmak http://www.seyitaltunkas.com/web-tasarim/word-press/wordpresste-editor-butonu-yapmak.html http://www.seyitaltunkas.com/web-tasarim/word-press/wordpresste-editor-butonu-yapmak.html#comments Mon, 28 Dec 2009 18:41:17 +0000 Seyyid http://www.seyitaltunkas.com/?p=8 WordPress’de yazı yazarken bazen elimizle kod eklemek zorunda kalıyoruz ve bu oldukça zor oluyor. Nitekim diğer sitem olan “sesli masal” da bu zorluğu çok çekiyordum. Bu yazımda size kodlarınızı otomatik olarak eklemeye yarayacak editör butonu yapımını anlatacağım.

Editör butonu eklemek için  wp-includes/js/quicktags.js adlı javascript dosyasını açalım.

Ekleyeceğimiz kod:

  
edButtons[edButtons.length]=new edButton (“ed_strong”,”Buton ismi”,”Ekleyeceğimiz Kod”,”",”");

Ben bu kodu 4. satırdan sonra ekledim. Bu kodu eklerken dikkat etmeniz gereken noktalar ise şunlardır. Ekleyeceğimiz kodlar arasında fazladan başluklar var ise onları silmeliyiz. Ayrıca kod bölümüne eklediğiniz kodlar arasında ” (çift tırnak) işaretini kullanacaksanız her ” işaretindne önce \ kullanın. Örneğin:

  
<a href=\"http://www.adres.com\">Yazı</a>

Daha detaylı örnek için benim kullandığım ve “sesli masal” da oyun eklerken önce adsense reklamı daha sonra oyunu açan kodu yazayım:

edButtons[edButtons.length]=new edButton("ed_strong","Oyun Ekle","<script type=text/javascript>setTimeout('gizle()',10000);function gizle(){var x=document.getElementById('reklam').style;var y=document.getElementById('oyun').style;if(x.display=='block'){x.display='none';y.display='block';}else{x.display='block';y.display='none';}}</script><div id='reklam' style='display:block' align='center'><p><strong>Reklami Gecmek icin Tiklayin...</strong></p><p><script type='text/javascript'>google_ad_client='pub-9921948231493735';google_ad_slot = '6000135355';google_ad_width=336;google_ad_height=280;</script><script type='text/javascript'src='http://pagead2.googlesyndication.com/pagead/show_ads.js'></script></p><p><img src='http://www.seslimasal.net/wp-content/themes/masal/images/yukleniyor.gif'/><br/><strong>Oyun Yukleniyor Lutfen Bekleyin...</strong></p></div><div id='oyun' style='display:none' align='center'><div id='swf' align='center'>[SWF]/swf/OYUN.swf,485,485[/SWF]<br/><table><tr><td><img src='http://www.seslimasal.net/wp-content/themes/masal/images/tam-ekran.png' width='32' height='32' alt='Tam Ekran Oyna'></td><td><a href='#' onclick='javascript:window.open(\"http://www.seslimasal.net/swf/TAM-EKRAN.swf\",\"\",\"toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,\");return false'>Tam Ekran Oyna</a></td></tr></table><br/></div></div>","","");

Tabiki bunlara yapmadan önce wp-includes/js/quicktags.js ‘nin yedeğini almanızı tavsiye ederim…

]]> http://www.seyitaltunkas.com/web-tasarim/word-press/wordpresste-editor-butonu-yapmak.html/feed 0