Hoşgeldin Misafir
Mesaj atabilmek için forumumuza kayıt olmalısınız.

Kullanıcı Adı
  

Şifre
  





Forumlarda Ara

(Gelişmiş Arama)

Forum İstatistikleri
» Üye Sayısı: 39
» En Son Üyemiz: zhanjiao1212
» Konu Sayısı: 723
» Mesaj Sayısı: 728

Tam İstatistik

Çevrimiçi Kullanıcılar
Şu anda 1 çevrimiçi kullanıcı var.
» 0 üye | 1 Misafir

En Son Konular
İNTERNETTE BLOG AÇIP YAZI...
Forum: Bunlar Önemli
Son Mesaj: osman75
Dün, 10:09 AM
» Cevaplar: 0
» Gösterim: 3
Clark Jersey. Chandlers r...
Forum: Java
Son Mesaj: zhanjiao1212
Dün, 05:50 AM
» Cevaplar: 0
» Gösterim: 3
goals were the reason tha...
Forum: Java
Son Mesaj: zhanjiao1212
Dün, 05:49 AM
» Cevaplar: 0
» Gösterim: 3
that hes impressing.PEORI...
Forum: Java
Son Mesaj: zhanjiao1212
Dün, 05:47 AM
» Cevaplar: 0
» Gösterim: 3
NOTES: The Lightning have...
Forum: Java
Son Mesaj: zhanjiao1212
Dün, 05:42 AM
» Cevaplar: 0
» Gösterim: 3
,522, with the player fin...
Forum: Java
Son Mesaj: zhanjiao1212
Dün, 05:40 AM
» Cevaplar: 0
» Gösterim: 3
he power play courtesy of...
Forum: Java
Son Mesaj: zhanjiao1212
Dün, 05:34 AM
» Cevaplar: 0
» Gösterim: 3
day. Wingels set a career...
Forum: Java
Son Mesaj: zhanjiao1212
Dün, 05:32 AM
» Cevaplar: 0
» Gösterim: 3
owed the first goal in th...
Forum: Java
Son Mesaj: zhanjiao1212
Dün, 05:31 AM
» Cevaplar: 0
» Gösterim: 3
icks extended a qualifyin...
Forum: Java
Son Mesaj: zhanjiao1212
Dün, 05:29 AM
» Cevaplar: 0
» Gösterim: 3

 
  JavaScript ile Input Nesnesini Aktif Yapmak
Gönderen: turgut - 11-20-2017, 08:54 AM - Forum: HTML CSS Javascript - Cevap Yok

Web sayfası tasarlarken kullanıcıların siteyi kolayca kullanabilmelerine özellikle dikkat ederiz. Ziyaretçilere verilen hizmetler mümkün olduğunca pratik ve kolay kullanılır olmalı. İşlemler esnasında zaman kaybını en aza indirmeliyiz. Artık ziyaretçilerin en ufak bir gecikmeye ya da fazladan bir tıklamaya daha tahammülleri yok. UI/UX Tasarımıyla uğraşanlar, kullanıcı deneyimine kafa yoranlar dediklerime hak verecektir. Bu sefer kullanıcı girişi kısmı için kullanabileceğiniz basit bir Javascript uygulamasından bahsedeceğim.

Giriş formlarını hepniz bilirsiniz. Ziyaretçiye kullanıcı adı ve şifresi sorulur. Giriş formuna ziyaretçinin bilgilerini girebilmesi için önce input-text nesnesine tıklaması gerekir. tıklanan form nesneleri tarayıcı taraafından aktive edilir ve bu hareket bir odaklama olarak algılanır. Yani browser der ki kullanıcı form nesnesine tıkladı, oraya odaklandı. Bu durumda kullanıcı adının yazıldığı kutucukta bir kursor belirir. Sonrasında ziyaretçi bilgilerini girer. Bu olayın gerçekleşmesi için

1 - Sayfanın yüklenmesi
2- Ziyaretçinin giriş nesnesine tıklaması gerekir.

Bu iki adımlı işlemi küçük bir kod ile tek adıma düşürebiliriz. Kullanıcıya giriş sayfası yüklenir yüklenmezi kayıt formu sanki tıklanmış gibi aktif bir şekilde görüntülenebilir.

Javascript focus() fonksiyonu bunu sizin yerinize yapabilir.

Aşağıdaki basit kodu inceleyerek kendi sitenizde uygulayabilirsiniz.


Kod:
<!DOCTYPE html>
<html>
<head>
<title>Javascript ile input nesnesine focus yapmak</title>
</head>
<body>
<input type="text" name="kullaniciAdi" />
<input type="password" name="sifre" />
<input type="button"value="Giriş" />
<script type="text/javascript">
window.onload=function(){
document.getElementsByName("kullaniciAdi")[0].focus();
}
</script>

</body>
</html>


Bu basit kod örneğinde sayfa için yüklenme olayı window.onload fonksiyonu ile takip edilir. Fonksiyonun içindeki tek satırlık kod name özelliği kullanıcıAdi olan input nesnesine focus() fonksiyonunu uygular. Kullanıcı sayfa yüklendiğinde kullanıcı adı bölümünde kursörü yazım için hazır beklerken bulur.

Yorumlarınız ve Fikirleriniz Bizim İçin Önemlidir.

Bu öğeyi yazdır

  JQuery ile Yazıdaki Fazlalık Boşluklar Nasıl Silinir?
Gönderen: turgut - 11-18-2017, 10:37 AM - Forum: HTML CSS Javascript - Cevap Yok

Web sayfalarında otomatik içerik alma ve düzenleme işlemleri yaparken çoğunlukla içerik yazılarındaki fazladan boşluklar yüzünden sorun yaşarız. Çektiğiniz içerik gereksiz boşluklar yüzünden kötü görünür. Aynı durum kullanıcı kayıt forumlarında da gözlenir. Kullanıcılar sisteminize kayıt olurken, kullanıcı adı, isim soy isim ve diğer bilgilerini gereksiz boşluklarla birlikte girebilir. Bu hatalar özellikle kullanıcı adı kısmında sorunlara yol açar. Çoğunlukla ne kadar boşluk bırakıldığına dikkat edilmediği için, yeni kullanıcı kaydından sonra yapılan giriş işlemlerinin başarısız olmasına yol açar. Eğer siz de web projenizde jQuery kütüphanesini kullanıyorsanız(muhtemelen kullanıyorsunuz), trim() metodu sayesinde gerksiz boşluklardan kolayca kurtulabilirsiniz. Bu metod bir yazının sağındaki ve solundaki gerksiz boşlukları, ne kadar çok olursa olsun siler. Ancak içindeki boşluklara dokunmaz.

trim() Metodunun Kullanımı,

Önce kırpılacak metni bir string değişlkenine atamalısınız. Değişken atandıktan sonra iki tür kullanım söz konusu,

1- degisken = $.trim(degisken);
2- degisken = degisken.trim();

Her ikisi de aynı işi görür. Kısa bir örnek kod ile durumu açıklayalım.

jQuery trim metodu kod örneği

Kod:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){

        $("button").click(        
            function(){
            var yazi = $(".vidi").html();
            yazi = yazi.trim();
           alert(yazi);
        });
       
});
</script>
</head>
<body>

<p class="vidi">   JQuery ile metnin bir başındaki ve sonundak boşluklar nasıl kırpılır?    </p>

<button >Metni Kırp</button>

</body>
</html>

Yorumlarınızı ve Fikirlerinizi Bekliyorum

Bu öğeyi yazdır

  jQuery'de Fonksiyon Oluşturmak $. Notasyonu
Gönderen: turgut - 11-17-2017, 08:33 AM - Forum: HTML CSS Javascript - Cevap Yok

$. Nedir? ve Nasıl Kullanılır?

jQuery JavaScript dilinin bir kütüphanesidir. Bu dilde $ simgesi jQuery manasına gelir; onun kısaltılmışıdır. Yani jQuery yerine $ işaretini yazabilirsiniz. Bu ifade element seçmek için kullanılır.

Javascript'te olduğu gibi jQuery'de de fonksiyon tanımlamak mümkündür. Bunun için $. yazdıktan sonra fonksiyon ismini yazmanız ve bir function komutunu kullanmanız yeterli. Karşılaştırma yapmanız açısından önce javascript'deki genel fonksiyon oluşturma kalibını yazalım.

function deneme(parametre1, parametre2,...){

/// JS fonksiyonunun yapacağı işere dair kodlar

}

jQuery versiyonu ise,

$.deneme = function(parametre1, parametre2,...)){

/// jQuery fonksiyonunun yapacağı işere dair kodlar

}

Basit Bir örnek ile konuyu pekiştirelim.

Kod:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$.dene = function (){
alert("JQuery'de Özel Bir Fonksiyon Oluşturmak Çok Kolaydır.");
}
</script>
</head>
<body>

<button onclick="$.dene();" >JQuery Fonksiyonunu Çalıştır</button

</body>
</html>

Bu fonksiyon butona basıldığında bir uyarı kutusu çıkarır ve içindeki metni gösterir.

Bu öğeyi yazdır

  Javascript Metin Kısaltma Fonksiyonu
Gönderen: turgut - 11-04-2017, 10:14 AM - Forum: HTML CSS Javascript - Cevap Yok

Javascript İle Uzun Yazıları Nasıl Kısaltırız?

Web sayfaları görseller, videolar ve metinlerden oluşur. Sayfamızı kullanıcılara güzel göstermek ve sevdirmek amacıyla görseller ve videolar ile doldururuz. Ancak sitemizin bir google aramasında üst sıralarda çıkmasını da isteriz. Bu sebepten hazırladığımız sayfalarda mümkün olduğunca uzun metinler kullanırız. Konu ile ilgili en fazla bilgiyi kullanıcılara ve arama motorlarına sunmak isteriz. Bu bize gelecekte daha çok ziyaretçi ve daha çok kazanç olarak geri döner. Hazırladığmız uzun yazıların bazen tamamının görüntülenmesini istemeyiz. Uzun yazılar bazen  ziyaretçilerin, sayfanın daha alt bölümlerindeki içeriklere ulaşmasına engel olabilmektedir. Bu sebepten yazıları otomatik olarak kısaltan ve sonuna üç nokta(...) koyan basit eklentilere ya da programlara ihtiyaç duyarız. Bu tip bir uygulamayı hepsiburada.com kategori sayfalarının altında bulunan kategori yazıları görsterip gizlemek için kullanmaktadır.  Aşağıdaki basit Javascript kodu, sayfa yüklendiğinde  metni kısaltıp özet yazı haline getirip kullanıcıya görüntülüyor. Kullanıcı özet yazı ile ilgilenirse Devamını Göster bbutonuna tıklayarak yazının devamını görebiliyor. İsterse Devamını Gizle botununa basarak yazıyı tekrardan özet haline getirebiliyor.

Kod:
<!DOCTYPE html>
<html>
<body>
<p id="yazi">
Javascript Öğrenmek
javascript öğrenmek aslında kolay ve eğlenceli bir iştir. Normal zekaya sahip olan hemen herkes javascripti öğrenebilir. Özellikle algoritma kurma yeteneğine
sahipseniz, yani bir problemin çözümünü mantıklı ve verimli çalışan uygun adımlara bölebiliyorsanız, programcılık için yeterli alt yapınız var demektir.
Javascript her ne kadar yazılımcılar dünyasında bir programlama dili olarak görülmese de web yazılımlarının bel kemiğini oluşturduğu su götürmez bir gerçek. Kullanıcı ve web sitesinin arkaplanı arasındaki veri akışı ve pek çok kontrol Javascript ile sağlanmaktadır. Hatta mobil uygulamalar için bile son derecede önemli bir dildir. Javascript esasında bir betik dilidir. .js uzantılı bir text dosyasında tutulan ya da HTML sayfasının içinde yazılı kodlardan ibarettir. Tarayıcı bu kodlar dosyadan ya da sayfadan okur ve uygular. Programı basit bir NotePad programıyla açıp değiştirebilirsiniz. Kolayca yazılabilir ve uyarlanabilir oluşu, geliştirme için bolca kaynağın bulunması ve geniş kullanım alanıyla Javascript dili uzun yıllar boyu güncelliğini koruyacak gibi görünüyor. Kısaca söylemek gerekirse Javascript Programcıları daha bu dilden çok ekmek yiyecek.
</p>
<p id="yaziKutusu"></p><button id="kisaltButon" onclick="yaziKisalt()">Devamını Gizle</button><button id="gosterButon" onclick="yaziGoster()">Devamını Göster</button>
<script type="text/javascript">
window.onload(yaziKisalt());
function yaziKisalt() {
   document.getElementById("yazi").style.display="none";
   document.getElementById("kisaltButon").style.display="none";
    document.getElementById("gosterButon").style.display="block";
   var str = document.getElementById("yazi").innerHTML;
   var res = str.substr(0, 200);//kısa yazınınkaç karakter olacağını belirler.
   document.getElementById("yaziKutusu").innerHTML = res+"...";
}

function yaziGoster(){
  document.getElementById("yaziKutusu").innerHTML="";
  document.getElementById("yazi").style.display="block";
  document.getElementById("gosterButon").style.display="none";
  document.getElementById("kisaltButon").style.display="block";

}
</script>


</body>
</html>

Bu öğeyi yazdır

  PHP'de -> Operatörü Ne Demektir?
Gönderen: turgut - 10-21-2017, 12:23 PM - Forum: PHP - Cevap Yok

PHP'de -> İşareti Ne Anlama Gelir?

PHP dilinde yanyana bir cizgi ve büyüktür işareti, üretilen bir sınıfa ait bir örnek nesneye bu sınıfın metotlarını uygulamak için kullanılır. Java ve Javascript dillerindeki nokta(.) operatörü ile aynı işi görür. Aşağıdaki örnek PHP kodunda bu durumu daha açık bir şekilde görebilirsiniz.


PHP Kod:
<?php 

class hesap{
    public 
$para 10000;
    
    public function 
ParayiGoster(){
        
        echo 
'Paranız : '.$this->para.' TL\'dir';
        }
}
$hesabim = new hesap;
$hesabim->ParayiGoster();

?>


Bu basit PHP kod örneğinde hesap isimli bir class oluşturulmuş ve bu classa ait $para isimli bir değişken tanımlanmıştır. hesap classı içinde ParayiGoster isimli bir fonkisyon tanımlanmıştır. Bu fonksiyon artık PHP'nin standart fonksiyonu değil hesap classının bir metodudur. Kodun son iki satırında  hesap sınıfından $hesabim adlında bir nesne oluşturulmuş ve bu nesneye hesap sınıfının ParayiGoster adlı metot uygulanmıştır. Bu metod sınıf değişkeninde saklanan değeri ekrana yazdırmaktadır.

-> operatörü ile [b]ParayiGoster metodu #hesabim adlı nesneye uygulanmıştır.[/b]

Bu öğeyi yazdır

  Javascript'te Fonksiyon İle Döngü Yapmak
Gönderen: turgut - 10-14-2017, 12:37 PM - Forum: HTML CSS Javascript - Cevap Yok

Javascript'te for ve while komutlarını kullanmadan da döngü kurmak mümkün. Javascript'te bir fonksiyonun kendi kendini çağırabilme özelliğini kullanarak ilkel bir döngü oluşturabilirsiniz. İşte size bir örnek.

Bu Javascript kod örneğinde fak isimli bir fonksiyon oluşturacağız. Bu fonksiyon parametre olarak verilen sayının faktöriyelini hesaplayacak.


Kod:
<script type="text/javascript">

function fak(sayi){

if(sayi <=1){
return 1;
}
return sayi*fak(sayi-1);
}

document.write(fak(5));
</script>


Bu fonksiyonu çalıştırdığınızda basit bir faktöriyel hesaplaması yapar ve şöyle bir sonuç verir.


Kod:
120

Bu öğeyi yazdır

  Javascript Parametreli Fonksiyon Yapısı
Gönderen: turgut - 10-12-2017, 12:39 PM - Forum: HTML CSS Javascript - Cevap Yok

Programcılıkta belli başlı işleri yapan kodların bir isim altında toplanarak bir kod bloğu haline getirilmesi işlemine fonksiyon tanımlama denir. Bir nevi tekrar kullanılabilir kod kümesidir. Fonksiyonlar sadece çağırıldıkları zaman çalışırlar. Bir fonksiyonu çağırırken fonksiyonun kullanması gereken değerleri de bir parantez içinde, parametre olarak kod bloğuna göndeririz. Fonksiyonlar ille de parametreli olmak zorunda  değildir.

Paramatreli bir fonsiyonun genel yapısı şu şekildedir.

function fonksiyonIsmi(parametre1,parametre2,parametre3....)
{
__________________________
________________________
_____________....
fonksiyonda çalışacak kodlar....

}


Bu foknsiyon şu şekilde çağrılır,

fonksiyonIsmi((parametre1,parametre2,parametre3....);

Javascriptte bir fonksiyonun çağrılması için bir olayın olması gerekir. Kullanıcının web sayfasındaki bir nesneye tıklaması, sayfanın yüklenmesi ya da bir tuşa basması gibi hareketler olay olarak değerlendirilir. Javascriptte fonksiyon çalışması gerekn olaya bağlanır ve olay geçekleştiğinde fonksiyon çalışır.

Basit Bir örnek;


Kod:
<script type="text/javascript">
function sayiTopla(a,b){

var topla = a + b;
return topla;
}
var sonuc = sayiTopla(2,3);
document.write(sonuc);
</script>


Bu örnekte sayiTopla isimli bir fonksiyon sayfa yüklendiği zaman çalışacak şekilde ayarlanmış. Sayfa yüklendiği zaman sayiTopla fonksiyonuna iki parametre ile sayılar gönderilir. Fonskiyon bu sayıları toplar ve sonucu çağrıldığı yere döndürür. Bu program fonksiyonun gönderdiiği değer sonuç isimli bir değişkene yükler ve sayfaya yazdırır. Bu basit kod sadece şu sonucu görüntületmek içindir.

Kod:
5

Bu öğeyi yazdır

  Google'a Site Nasıl Eklenir?
Gönderen: turgut - 10-12-2017, 07:30 AM - Forum: SEO - Cevap Yok

Arama motorlarına site eklemek, özellikle yeni açıkan siteler için hayati önem taşımaktadır. Kullanıcılar web sitenizi arama motorlarına yaptıkları sorgular sonucunda ulaşırlar. Dünyanın en büyük arama motoru olan Google'a yeni yaptığınız ve yayınladığınız bir web sayfasını eklemek istiyorsanız iki seçeneğiniz var.

1- Search Console'a site tanımlamak ve site haritasını eklemek.

Burada amaç yeni açılan sitenin google dizinine kaydını yaptırmak ve google botlarının siteye gelmesini sağlamaktır. Search Console'a sitenizi bir mülk olarak tanımladıktan sonra sitemap.xml dosyanızın olduğu adresi girip sayfalarınızın dizine eklenmesiniz sağlayabilirsiniz.

https://www.google.com/webmasters/tools/

Kaydınızı oluşturduktan sonra hazırladığınız ve yayına aldığınız sayfaların da google indexine hızlıca indekslenmesini istiyorsanız Search Console Menüsünden Google Gibi Getir seçeneğini kullanarak botun sitenize gelmesini sağlayabilir; işlem başarıyla sonuçlandıktan sonra dizine eklenmesini isteyebilirsiniz


2- Google adres ekleme sayfasını (Add URL)kullanabilirsiniz.
https://www.google.com.tr/intl/tr/add_url.html

Bu öğeyi yazdır

  Excell'de bir sayıyı saat:dakika:saniye biçimine çevirmek
Gönderen: turgut - 10-10-2017, 03:07 PM - Forum: Excel Formülleri - Cevap Yok

Excell tablosu hücresindeki saniye biçimindeki bir sayıyı Saat : Dakika : Saniye ( HH : MM : SS ) biçimine nasıl çeviririz?

Excell'de sayıyı zamana çevirmek için modüler aritmetikten faydalanabilirsiniz. MOD fonksiyonunu kullanabilrisiniz. ancak ben MOD yazmadan çeviri yapan bir formül hazırladım. Aslına bakarsanız problem Google Analytics Raporlarını düzenlerken çıktı. Site için Analytics'ten ortalama oturum sürelerini içeren bir Excell raporu indirdiğimde; Analitik ekranında Saat Dakika saniye biçiminde görünen değerlerin saniye biçimine çevrildiğini gördüm. Ne kadar hücre biçimlendirme seçeneklerinden saat, saniye diye kurcalasam da bir sonuç alamadım. Ama bir kere inat ettim bunları çevireceğim diye. Neyse falza uzatmadan Excell Formülünü veriyorum.

Çevirmek istediğmiz sayının A1 hücresinde olduğunu ve yanındaki B1 hücresinin de boş olduğunu varsayarsak, bu kod işinizi görecektir.


=TAMSAYI(A1/3600)&":"&TAMSAYI((A1-TAMSAYI(A1/3600)*3600)/60)&":"&TAMSAYI(A1-TAMSAYI(A1/3600)*3600)-(TAMSAYI((A1-TAMSAYI(A1/3600)*3600)/60)*60)


Formülün İngilizce Formu ise şu şekilde

=INT(A1/3600)&":"&INT((A1-INT(A1/3600)*3600)/60)&":"&INT(A1-INT(A1/3600)*3600)-(INT((A1-INT(A1/3600)*3600)/60)*60)

Formül çok işime yaradı doğrusu... Umarım sizin için de yararlı olur. Yorumlarınızı ve varsa Excell Formül  geliştirmelerinizi paylaşırsanız sevinirim

Bu öğeyi yazdır

  PHP'de bir değişkenin tipini öğrenmek
Gönderen: turgut - 09-28-2017, 05:55 AM - Forum: PHP - Cevap Yok

PHP'de bir değişkenin değerini nasıl öğreniriz?

PHP dilinde bir değişkenin değeri atama sırasında belirlenir. Yani genelde programcı değişkene yolladığı değere bakarak onun tipini bilebilir. Ancak uzun bir program yazıyorsanız, ya da başkadının yazdığı bir programda düzenleme yapıyorsanız üzerinde çalıştığınız değiikenin tipini öğrenmek isteyebilirsiniz. 

PHP dilinde bir değişkenin tipini öğrenmek için gettype() fonksiyonu kullanlır. 

PHP Kod:
<?php 
 $phpornek  
5; 
 print
("Değişkenin adi: \$phpornek<br>"); 
 print
("Türü : "); 
 print gettype
$phpornek );
?>

Bu kodlar bize $phpornek adlı değişkenin tipini integer olarak döndürecektir.

Bu öğeyi yazdır