FARUK ÜNAL:JAVASCRİPT KULLANIMI ve UYGULAMALI ÖRNEK KODLAR | Faruk Ãœnal

JAVASCRİPT KULLANIMI ve UYGULAMALI ÖRNEK KODLAR

Javascript web sayfalarımızı geliştirmek, güçlendirmek için kullandığımız bir dildir. HTML ile iç içe kullanılmaktadır. Ayrı bir compiler gerektirmez. HTML yazabildiğiniz her yerde notepad ile dahi yazabilirsiniz. Çalıştırıp uygulama yapmak için ise web browser ınızı kullanmanız gerekiyor. Geçmişte desteklemeyen bazı web browser lar vardıysa da günümüzde hemen hemen bütün web browser lar ile kodlarınızı deneyebilirsiniz. Javascript ayrı bir programlama dili değildir. Adından da anlaşıldığı üzere script dilidir. Adındaki benzerlikten kaynaklı insanın aklına Java ile aralarındaki bağ nedir sorusu gelebilir. Java ayrı bir programlama dilidir ve javascript den bağımsızdır. Şimdi isterseniz yavaş yavaş ilk script lerimizi yazmaya başlayalım

İlk olarak html sayfanıza yeni bir yazı eklemek veye paragraf, başlık vs. gibi birşey eklemek için nasıl bir yol izleyeceğimize bakalım. Javascript kodları <script> tagları içerisinde yer alır. Daha sonra tekrar değineceğim ama aklınızın bi köşesinde bulunması açısından belirteyim genellikle <head> tagları arasında hatta ayrı bir dosyada barındırırız. Şimdi html sayfamıza javascript ile metin ekleme işlemine bir göz atalım

ÖRNEK KOD

document.write("Burasi javacsript ile yazildi");

document.write("<p>Burasi ise javascript ile yapilan bir paragraf</p>");

</script>

KENDİN DENE

Kendin Dene butonuna basarak kendinizde hem kodu deneyebilir hemde değişiklikler yaparak sonuçlarını gözlemleyebilirsiniz.

Kullanıcıyı uyarı verdirme (ALERT) işleminde ise alert() fonksiyonunu kullanırız.

ÖRNEK KOD

<button type="button" onclick="alert('HOSGELDINIZZZ')">Alarm butonu</button>

KENDİN DENE

Şimdi aynı işlemi birde fonksiyon kullanarak yapalım. Hem böylece yavaş yavaş fonksiyon kullanımına da değinmiş oluruz.

ÖRNEK KOD

<html>

<head>

function FarukFonksiyon()

{

alert("HOSGELDINIZZZ");

}

</script>

</head>

<body>

</body>

</html>

KENDİN DENE

Gördüğünüz gibi her iki işlemin sonucunda da sonuç aynı. Şimdi ise ID ile HMTL taglarının içeriğinde değişiklikler yapma işlemine bir göz atalım. Bunun için öncelikle içeriği değiştirilecek olan tag a belirli bir ID verilir yada fonksiyona (this...) şeklinde yollanır. Yine iki şekli de inceleyeceğiz. Öncelikle ID atamsı yaptığımız bir şeyin içeriğini değiştirelim.

ÖRNEK KOD

<!DOCTYPE html>

<html>

<body>

Burasi yazisi degisecek olan kisim

</p>

function FaukFonksiyon()

{

x=document.getElementById("FK"); // id si FK olani x e atama yapildi

x.innerHTML="Suan www.farukunal.net desiniz"; // x in html kodu degistirildi

}

</script>

<button type="button" onclick="FaukFonksiyon()">Yazi Degistirme Islemi</button>

</body>

</html>

KENDİN DENE

Yukarıdaki örnekte ID ile değiştirme işlemini gördük. Bir de this ile fonksiyona eleman yollama ve bunun üzerinde değişiklik yapmayı inceleyelim. Bu örneğimizde fonksiyona yollanacak değeride kullanıcıdan isteyelim. ilerde bu mantık ile mail kontrolleri vs. yapacağız. bunun için bir input oluşturalım ve kullanıcı metni yazdıktan sonra Şunu yazdınız şeklinde yazdığını gösterelim.

ÖRNEK KOD

<html>

<head>

function FonksiyonFK(metin)

{

alert("Metin kutusuna : " + metin + " , yazdiniz");

}

</script>

</head>

<body>

Yorumunuz:

</body>

</html>

KENDİN DENE

Diğer Yazılarımdan Seçmeler...

C# SQL BAĞLANTISI - C# ile SQL İŞLEMLERİ

C# ile SQL Server a bağlanıp verileri okuma ve yazma işlemleri için öncelikle projemize referans olarak aşağıdaki satırları eklememiz gerekiyor

using System.Data;

using System.Data.SqlClient;

Daha sonra ise projemize bağlantı kuracağımız SQL Server ın bağlantı bilgilerini girmemiz gerekiyor. Bunun için yazacağımız SQL bağlantı cümlesi -SQL Connection String- aşağıdaki gibidir.

Data Source=FAUK; Initial Catalog=deneme; User Id=sa; password=1;

Data Source = [Server Adresi - IP - Bilgisayar Adı...];
Initial Catalog = [Bağlanılacak Veritabanı Adı];
User Id = [Bağlantı Kullanıcı Adı];
password = [Bağlantı Şifresi];

HAFIZA KARTI DOLU AMA DOSYALAR GÖZÜKMÜYOR MU

Hafıza kartı dolu ama içindekiler gözükmüyor yada boş gösteriyor
Fotograf makinesine taktığımda fotografları görebiliyorsunuz ama bilgisayarda gözükmüyor
Flash Disk iniz dolu ama içeriğine erişemiyor musunuz

Hemen hemen herkesin başına gelen bir durumdur. Virüs kaynaklı bir sorundur, virüs hafıza kartınızdaki verileri sistem dosyası haline getiriyor ve bilgisayarınız da sistem dosyalarını görmenizi engellediği için göremiyorsunuz. Bu sorunu 2 şekilde çözmek mümkün.

SQL SELECT KOMUTU ile VERİ ÇEKME İŞLEMLERİ

SELECT deyimi, SQL de tablodan veri çekme-seçme komutudur. Bu komut ile belirli kolonlari yada bütün kolonlari çekebiliriz. Genel hatlari ile SELECT ifadesinin kullanimina bakacak olursak;

SELECT [Seçtigimiz kolonlar] FROM [Tablo isimleri]

id	ad	soyad	tel	sehir	yas
1	Faruk	ÜNAL	05369333629	Eskisehir	21
2	Emre	ÜNAL	05541234567	Istanbul	19
3	Fatih	ADEM	05051234567	Ankara	37
4	Emre	ÇINAR	05377654321	Ankara	23
5	Osman	BILGIN	02225554433	Eskisehir	51
6	Mustafa	SAYGI	05061112233	Isparta	43

EN Ã‡OK OKUNANLAR

C# SQL BAĞLANTISI - C# ile SQL İŞLEMLERİ

HAFIZA KARTI DOLU AMA DOSYALAR GÖZÜKMÜYOR MU

SQL SELECT KOMUTU ile VERİ ÇEKME İŞLEMLERİ

JAVASCRİPT KULLANIMI ve UYGULAMALI ÖRNEK KODLAR

C# ARKAPLANDA KLAVYEDE BASILAN TUŞU YAKALAMA

SQL ALT TOPLAM (ARA TOPLAM)

C# BİLGİSAYAR AÇILINCA PROGRAMI OTOMATİK ÇALIŞTIRMAK

ASP.NET DROPDOWNLIST e SQL DEN VERİ DOLDURMAK

SQL de SIRALAMA YAPMAK - ORDER BY KULLANIMI

C# SQL İŞLEMLERİNİ TEK CLASS DA YAPMA

SON YAZILARIM

C# ARKAPLANDA KLAVYEDE BASILAN TUŞU YAKALAMA

ANDROİD LİSTVİEW KULLANIMI

ANDROİD WEBVİEW KULLANIMI ve BROWSER UYGULAMASI

ANDROİD TOGGLE BUTTON KULLANIMI

israil BOYKOT ANDROİD UYGULAMAM

SQL INJECTION

C# DATAGRİDVİEW BUTON EKLEME

WHATSAPP da SON GÖRÜLMEYİ GİZLEME

C# BİLGİSAYAR AÇILINCA PROGRAMI OTOMATİK ÇALIŞTIRMAK

C# ERROR PROVIDER KULLANIMI