FAYDALI BİLGİLER :.
ANA SAYFA
 
     
  web tasarım web programlama web site tasarımı asp.net İnternet Nedir?
  web tasarım web programlama web site tasarımı asp.net İnternetin Tarihçesi
  web tasarım web programlama web site tasarımı asp.net Ftp Nedir?
  web tasarım web programlama web site tasarımı asp.net Outlook Ayarları
  web tasarım web programlama web site tasarımı asp.net İnternet Kısaltmaları
  web tasarım web programlama web site tasarımı asp.net Arama Motorları
  web tasarım web programlama web site tasarımı asp.net TCP/IP Nedir?
  web tasarım web programlama web site tasarımı asp.net Intranet Nedir?
  web tasarım web programlama web site tasarımı asp.net E-Posta Nedir?
  web tasarım web programlama web site tasarımı asp.net İnternet Terimleri
  web tasarım web programlama web site tasarımı asp.net Ağ Protokolleri
  web tasarım web programlama web site tasarımı asp.net Evinizi Ağlandırın
  web tasarım web programlama web site tasarımı asp.net Anakart
  web tasarım web programlama web site tasarımı asp.net Ağ Yüklenmesi
  web tasarım web programlama web site tasarımı asp.net 3D Mini Sözlük
     
  web tasarım web programlama web site tasarımı asp.net 3D Studio MAX
  web tasarım web programlama web site tasarımı asp.net Frontpage Kullanımı
  web tasarım web programlama web site tasarımı asp.net Javascript Nedir?
  web tasarım web programlama web site tasarımı asp.net Portlar
  web tasarım web programlama web site tasarımı asp.net Dos Komutları
  web tasarım web programlama web site tasarımı asp.net CGI Nedir?
  web tasarım web programlama web site tasarımı asp.net Flash Nedir?
  web tasarım web programlama web site tasarımı asp.net Flash'ta ASP Kullanımı
  web tasarım web programlama web site tasarımı asp.net Veri Tabanı Nedir?
  web tasarım web programlama web site tasarımı asp.net XML Nedir?
  web tasarım web programlama web site tasarımı asp.net HTML Dersleri
  web tasarım web programlama web site tasarımı asp.net Bilgisayarın Bileşenleri
  web tasarım web programlama web site tasarımı asp.net Windows NT
  web tasarım web programlama web site tasarımı asp.net UNIX İşletim Sistemi
  web tasarım web programlama web site tasarımı asp.net USB Nedir?
     
  web tasarım web programlama web site tasarımı asp.net SQL Sorgulama Dili
  web tasarım web programlama web site tasarımı asp.net Windows 2000
  web tasarım web programlama web site tasarımı asp.net ASP (Active Server Pages)
  web tasarım web programlama web site tasarımı asp.net PHP
     
     
     
     
     
     
     
     
     
     
     

 


  JAVASCRIPT :.
 

EK-1

Öncelikle şunun bilinmesi gerekir.Javascript Java değildir sadece stratejik bir ticari kararla ona bu isim verilmiştir.JavaScript Netscape firması tarafından C'den türetilmiş bir programlama dilidir.Aslında programlama dilide diyemeyiz ama HTML'ye programlama dili deniliyorsa JavaScripte de diyebiliriz. .Java ise Sun firması tarafından Pascal ve Delphi dillerinden türetilmiş gercek bir programlama dilidir.JavaScript'in bir diğerözelliği de bir yorumalyıcıya (browser) ihtiyaç duymasıdır.Netscape HTML'nin yetersizliğini çok önceden gördüğü için   bir programlama dili geliştirdi.Bu dil Web'e dinamiklik getirme amaçlı olarak Serverlarda değilde ziyaretçilerin bilgisayarında çalışacak bir dil idi. İlk başlarda bu dile LiveScript adı verildi.Bu dil bir düz yazı diliydi ve html'nin içine gömülüyordu vehala da öyle,  aynı zamanlarda Sun firması  da işletim sisteminden bağımsız programların yazılabileceği (teorik olarakta olsa güzel) Java dili üzerinde çalışıyordu ve bu isim o sıralarda oldukça popülerdi.Netscape bunun üzerine LiveScirpt'e JavaScript adını verdi ve browser'ının 2. sürümünü de bu dili anlar hale getirdi. Daha sonraları (1 yıldan daha fazla) Microsoft da İ.E.'ye bu dili anlar özellik kattı fakat adını JScript olarak koydu.Böylece trene son vagondanda olsa binebildi.   Microsoft da boş durmadı ve gerçekten kendine ait VBScript dilini geliştirdi ama hiçbir zaman Netscape bu dili desteklemedi.Sonuçta bu yarışı şimdilik Netscape kazanmışa benziyor.

Tüm internet kullanıcılarının ziyaret edebileceği sayfalar hazırlamak istiyorsak JavaScript dilini kullanmak zorundayız.Peki bu dil nasıl ve nerede çalışıyor? JavaScript HTML kodlarının içine <script>..</script> kodları arasında yazılarak gömülüyor ve Browser tarafından yorumlanıyor.Browser tarafından yorumlandığı için   mutlaka hazırladığımız scriptleri her iki browserda da denememiz gerekir.

JavaScirp hakkında daha detaylı bilgiyi bu yazıyı da hazırlarken kullandığım Dr. Hakkı Öcal'ın Ağustos PcWorld dergisinde yayınlanan "JavaScript İle Dinamik Web Sayfaları" adlı kitapçığından yararlanabilirsiniz.



K-2________________________________ÖRNEK KODLAR
1. Animasyonlu Butonlar.


Script Kodu:


<script LANGUAGE="JavaScript">
    if ((navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 3)
    || (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) >= 4)) { analiz = 1; }
    else { analiz = 0; }

if (analiz)
{
buton1on = new Image(91, 22); // 1. butonun fare gelince çıkacak resmin genişliği ve yüksekliği belirtilmiştir
buton1on.src = "images/a2.gif";// 1. butonun fare gelince çıkacak resmin bulunduğu klasör ve ismi belirtilmiştir
buton1off = new Image(91, 22);// 1. butonun fare gidince çıkacak resmin genişliği ve yüksekliği belirtilmiştir
buton1off.src = "images/a1.gif";// 1. butonun fare gidince çıkacak resmin bulunduğu klasör ve ismi belirtilmiştir
}

function faregel(resimadi)
{
if (analiz)
{
fgelince = eval(resimadi + "on.src");
document [resimadi].src = fgelince;
}
}

function faregit(resimadi)
{
if (analiz)
{
fgidince = eval(resimadi + "off.src");
document [resimadi].src = fgidince;
}
}

</script>
---Asağıdaki kodlar sadece bir buton için tablo oluşuturmaktadır ikinci bir   buton yapmak isterseniz 1 gördüğünüz yere 2 yazmalisiniz.---
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" height="22"><a HREF="hedef.htm" onmouseover="faregel('buton1')"
onmouseout="faregit('buton1')"><img SRC="images/a1.gif" BORDER="0" ALT NAME="buton1"
WIDTH="91" HEIGHT="22"></a></td>
</tr>
</table>

   Açıklama :
   İ.E. ve Netscape'de çalışır.

  1. yukarıdaki  <script language="javascript >......</script> bölümünü sayfanızın html kodlarının <head> ile </head> arasında olan bölümüne yerleştirin.
  2. Birden fazla buton kullanmak için if(analiz) diye başlayan fonksiyon içine buton1 le baslayan satırları tekrar kopyalayın ve 1 leri 2 yada daha fazla yapın ve resim isimlerini de değiştirin
  3. <table ile baslayan satırları butonlarınızı koymak istediğiniz yere yerleştirin
  4. Birden fazla buton kullanmak istiyorsanız <tr> ile baslayıp </tr>  biten bölümü tekrar kopyalayın ve 1'leri 2 yapın
  5. Son olarak yukarıda kırmızı renkteki yazıları kullanırken silin
 
Büyüyüp Küçülen Yazılar.

Script Kodu:

 

<script language="Javascript1.2"> 
<!--
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.javascript-page.com
 
var tags_before_clock = "<center>";
var tags_after_clock  = "</center>";
 
var speed = 100;
var speed2 = 2000;
var biggest_text = 28;
 
var x = 0;
var y = 0;
var themessage, size;
var esize = "</font>";
 
function initArray() {
 
this.length = initArray.arguments.length;
  for (var i = 0; i < this.length; i++) {
  this[i] = initArray.arguments[i];
  }
}
 
var themessage2 = new initArray(
"Buraya 1. Mesajınızı yazın.",
"2. Mesajınız.",
"3. Mesajınız.",
"4. Mesajınız ..." 
);
 
if(navigator.appName == "Netscape") {
document.write('<layer id="wds"></layer><br>');
}
 
if (navigator.appVersion.indexOf("MSIE") != -1){
document.write('<span id="wds"></span><br>');
}
 
function upwords(){ 
 
themessage = themessage2[y];
 
if (x < biggest_text) {
 x++;
 setTimeout("upwords()",speed);
}
 
else {
setTimeout("downwords()",speed2);
}
 
if(navigator.appName == "Netscape") {
  size = "<font point-size='"+x+"pt'>"; 
  document.wds.document.write(size+tags_before_clock+themessage
                              +tags_after_clock+esize);
  document.wds.document.close();
}
 
if (navigator.appVersion.indexOf("MSIE") != -1){
  wds.innerHTML = tags_before_clock+themessage+tags_after_clock;
  wds.style.fontSize=x+'px'
}
} 
 
function downwords(){
 
if (x > 1) {
 x--;
 setTimeout("downwords()",speed);
}
 
else {
 setTimeout("upwords()",speed2);
 y++;
 if (y > themessage2.length - 1) y = 0;
}
 
if(navigator.appName == "Netscape") {
  size = "<font point-size='"+x+"pt'>"; 
  document.wds.document.write(size+tags_before_clock+themessage
                              +tags_after_clock+esize);
  document.wds.document.close();
}
 
if (navigator.appVersion.indexOf("MSIE") != -1){
  wds.innerHTML = tags_before_clock+themessage+tags_after_clock;
  wds.style.fontSize=x+'px'
}
}
 
setTimeout("upwords()",speed);
//-->
</script>

 

Açıklama :
Yukarıdaki kodları sayfanızda <body>..</body> takıları arasında istediğiniz yere koyabilirsiniz.
  
   İ.E. de düzgün Netscape de sorunlu çalışır..

 
Fareyi takip eden Noktalar.

Script Kodu:

<script language="Javascript1.2">
<!--
if(navigator.appName == "Netscape") {

window.captureEvents(Event.MOUSEMOVE)

var numdots = 15 // Noktacık sayısı
var dotcolor = "#000000"
var step2 = .14

var speed = 1
var Xpos = 50
var Ypos = 50
var yBase = window.innerHeight/2
var xBase = window.innerWidth/2
var speed = 1
var step = 0

for (var w = 0; w < numdots; w++) {
document.write('<layer left="10" top="10" visibility="show"'
+' bgcolor="'+dotcolor+'" clip="0,0,3,3"></layer>')
}

function movedots(z) {
Xpos = z.pageX
Ypos = z.pageY
}

window.onMouseMove = movedots

function dotcursor() {

yBase = window.innerHeight/4
xBase = window.innerWidth/4

for (var q = 0; q < numdots; q++) {
document.layers[q].top = Ypos +
Math.cos((20*Math.sin(step/(20+q)))+q*70)*yBase*(Math.sin(10+step/10)+0.2)*Math.cos((step + q*25)/10)
document.layers[q].left =Xpos +
Math.sin((20*Math.sin(step/20))+q*70)*xBase*(Math.sin(10+step/(10+q))+0.2)*Math.cos((step + q*25)/10)
}

step += step2
}

setInterval("dotcursor()", speed)
}
//-->
</script>


Açıklama :


Yukarıdaki kodları sayfanızda <body>..</body> takıları arasında istediğiniz yere koyabilirsiniz.
  
Netscape'de çalışır.

4. Daktilo Metin.

Script Kodu:


<script language="Javascript1.2">
<!--
// made by: Nicolas - http://www.javascript-page.com
var tags_before_clock = "<big>";
var tags_after_clock = "</big>";
var speed = 100;
var speed2 = 2000;
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
var mymessage = new initArray(
"Daktilo metin karşınızda.",//mesajlarınızı bu tırnaklar içine yazınız.
"Java Appletler kadar etkileyici.",
"Fakat onlardan daha küçük ve daha hızlı.",
"Tam sitenize aradığınız script."
);
var mymessage2 = mymessage;
var x = 0;
var y = 0;
if(navigator.appName == "Netscape") {
document.write('<layer id="ticker"></layer><br>');
}
if (navigator.appVersion.indexOf("MSIE") != -1){
document.write('<span id="ticker"></span><br>');
}
function upticker(){
if (y > mymessage2.length - 1) {
y = 0;
setTimeout("upticker()",speed);
}
else{
if (x > mymessage2[y].length) {
mymessage = mymessage2[y];
x = 0; y++;
setTimeout("upticker()",speed2);
}
else {
mymessage = mymessage2[y].substring(0,x++);
setTimeout("upticker()",speed);
}
if(navigator.appName == "Netscape") {
document.ticker.document.write(tags_before_clock+mymessage+tags_after_clock);
document.ticker.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
ticker.innerHTML = tags_before_clock+mymessage+tags_after_clock;
}
}
}
setTimeout("upticker()",speed);
//-->
</script> </p>


Açıklama :

Yukarıdaki kodları sayfanızda <body>..</body> takıları arasında istediğiniz yere koyabilirsiniz.
  
   İ.E. ve Netscape'de çalışır.

 

5. Farklı mesaj

Script Kodu:

<script language="Javascript">
<!--
// Her seferinde farklı bir mesaj
// made by: Nicolas - http://www.javascript-page.com
// düzenleyen: Hüsamettin batur http://netinet.cjb.net
var core = 0
var currentdate = 0

function StringArray (n) {
this.length = n;
for (var i =1; i <= n; i++) {
this[i] = ' '

}
}

quote = new StringArray(5)
quote[0] = "Bu 1. mesaj"
quote[1] = "Bu 2. mesaj"
quote[2] = "istikbal göklerdedir"
quote[3] = "Tis time to fear when tyrants seem to kiss"
quote[4] = "The past is pregnant with the present"

author = new StringArray(5)
author[0] = "John Paul Jones"
author[1] = "Thomas Jefferson"
author[2] = "Atatürk"
author[3] = " yazarın adı"
author[4] = "Gottfried Leibniz"

var ran = 60/quote.length

currentdate = new Date()
core = currentdate.getSeconds()
adcore = Math.floor(core/ran)
core = adcore

var thequote = quote[core]
var theauthor = author[core]
var thebreak = ' - '
var theq = '"'
var theend = '.'

document.write(theq + thequote + theq + thebreak + theauthor + theend)

//-->
</script>


Açıklama :
Yukarıdaki kodları sayfanızda <body>..</body> takıları arasındaistediğiniz yere koyabilirsiniz.
  
   İ.E. ve Netscape'de çalışır.

6. Geliş Saati "sayfaya geliş saatinizi yazdıran script"

Script Kodu:



<script language="JavaScript">
<!--
today = new Date()
document.write("Bu Sayfaya Geliş Saatiniz: <b>");
document.write("",today.getHours(),":",today.getMinutes(),":",today.getSeconds());
document.write("</b>");
//-->
</script>



Açıklama :
Yukarıdaki kodları sayfanızda <body>..</body> takıları arasında istediğiniz yere koyabilirsiniz.
  
   İ.E. ve Netscape'de çalışır.

7. Kısayol Tuşu.

Script Kodu:


<script language="Javascript1.2">
<!--
// http://netinet.cjb.net
var quickkey = 110 //hangi tuşu kısayol tuşu yapacaksanız buraya o tuşun ascii karşılığını yazmalısınız.
var url = "script.htm" //hedef link

if(navigator.appName == "Netscape") {
document.captureEvents(Event.KEYPRESS);
}

function qk(keyp){
if(navigator.appName == "Netscape") {
if (keyp.which == quickkey) window.location = url;
}
if (navigator.appVersion.indexOf("MSIE") != -1){
if (event.keyCode == quickkey) window.location = url;
}
}

document.onkeypress = qk
//-->
</script>

Açıklama :
Yukarıdaki kodları sayfanızda <body>..</body> takıları arasında istediğiniz yere koyabilirsiniz.
  
   İ.E. ve Netscape'de çalışır.Yalnız Netscape'de çalısabilmesi için sayfada çerceve (frame) olmaması lazım.

8. Konulu Mail.

Script Kodu:

<script language="JavaScript">
<!--
function mesaj()
{
parent.location='mailto:netinet@netinet.cjb.net ?subject=Konu  &amp;cc=Açıklama!'
}
// --></script> 
<form>
<input type="button" value="e-mail" onclick="mesaj()">
</form>

 

Açıklama :
Yukarıdaki kodları sayfanızda <body>..</body> takıları arasında istediğiniz yere koyabilirsiniz.
  
   İ.E. ve Netscape'de çalışır.

9. Kullanıcı Adı Soran ve Cevap veren Script.

Script Kodu:


<script>
<!--
var caution = false
function setCookie(adi, value, expires, path, domain, secure)
{
var curCookie = adi + "=" + escape(value) +
((expires) ? "; expires=" + expires.toGMTString() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "")
if (!caution || (adi + "=" + escape(value)).length <= 4000)
document.cookie = curCookie
else
if (confirm("Cookie exceeds 4KB and will be cut!"))
document.cookie = curCookie
}

function getCookie(adi)
{
var prefix = adi + "="
var cookieStartIndex = document.cookie.indexOf(prefix)
if (cookieStartIndex == -1)
return null
var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
if (cookieEndIndex == -1)
cookieEndIndex = document.cookie.length
return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
}

function deleteCookie(adi, path, domain) {
if (getCookie(adi))
{
document.cookie = adi + "=" +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
"; expires=Thu, 01-Jan-70 00:00:01 GMT"
}
}

function fixDate(date)
{
var base = new Date(0)
var skew = base.getTime()
if (skew > 0)
date.setTime(date.getTime() - skew)
}

var now = new Date()
fixDate(now)
now.setTime(now.getTime() + 31 * 24 * 60 * 60 * 1000)
var adi = getCookie("adi")
if (!adi)
adi = prompt("Lütfen Nickinizi giriniz:", "Sitemiz Sizi Bu İsimle Tanıyacaktır")
setCookie("adi", adi, now)
document.write("Sayın<b> " + adi + "!</b> Netinete Hoşgeldiniz.")
//-->
</script>


Açıklama :
Yukarıdaki kodları sayfanızda <body>..</body> takıları arasında istediğiniz yere koyabilirsiniz.
  
   İ.E. ve Netscape'de çalışır.

10. Yazıcıdan Çıkar.

Script Kodu:


<script language="Javascript1.2">
<!--
var message = "Sayfayı Yazdır";
function printpage() {
window.print();
}

document.write("<form><input type=button "
+"value=\""+message+"\" onClick=\"printpage()\"></form>");

//-->
</script>


Açıklama :
Yukarıdaki kodları sayfanızda <body>..</body> takıları arasında istediğiniz yere koyabilirsiniz.
  
   İ.E. ve Netscape'de çalışır.

11. Rastgele Midi Çalar.

Script Kodu:


<script language="Javascript">
<!--
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.javascript-page.com

var currentdate = 0
var theranmidi = " "
var core = 0

function StringArray (n) {
this.length = n;
for (var i =1; i <= n; i++) {
this[i] = ' '

}
}

midi = new StringArray(10)//listenizdeki midi sayısı
midi[0] = 'midi/amerika.mid'
midi[1] = 'midi/akdeniz_aksamlari.mid'
midi[2] = 'midi/Bebegim.mid'
midi[3] = 'midi/copculer.mid'
midi[4] = 'midi/Beverly.mid'
midi[5] = 'midi/Ghostbusters.mid'
midi[6] = 'midi/MissionImpossible(2).mid'
midi[7] = 'midi/padisah.mid'
midi[8] = 'midi/PinkPanther.mid'
midi[9] = 'midi/karas.mid'

ran = 60 / midi.length

function ranmidi() {
currentdate = new Date()
core = currentdate.getSeconds()
adcore = Math.floor(core/ran)
core = adcore
theranmidi = midi[core]
return (theranmidi)
}

document.write("Rastgele Midi: <b>"+ranmidi()+"</b><br><br>"
+"<EMBED src="+ranmidi()+" Width=200 Height=55 autostart=true>")

//-->
</script>

Açıklama :
Yukarıdaki kodları sayfanızda <body>..</body> takıları arasında istediğiniz yere koyabilirsiniz.
  
   İ.E. ve Netscape'de çalışır.

12. The End Efekt.

Script Kodu:



<body bgcolor="ff0000" text="000000">
<script language="Javascript">
<!--
// Bu script yazıların sayfanızdan kaymasını ve bir süre sonra da diğer sayfanın açılmasını sağlar
// Hazırlayan: Hüsamettin Batur http://netinet.cjb.net

var end = 45000
var URL = "endefekt.htm"//buraya gideceğiniz sayfayı yazın

function vertsc() {

for (i = 1; i <= end; i++){
parent.scroll(1,i)
}

if (i >= end) {
location = URL
}
}

setTimeout("vertsc()",1000)
//-->
</script>


<h1 align="center"><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
HOŞGELDİNİZ..<br>// kaymasını istediğiniz satırlar
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
NETiNET Java Dünyası...<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
Oldukça etkileyici değil mi?<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
Artık hedef sayfaya geçebiliriz.<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
Güle Güle! </h1>


Açıklama :


Yukarıdaki kodları sayfanızda <body>..</body> takıları arasındaistediğiniz yere koyabilirsiniz.
  
İ.E. ve Netscape'de çalışır.Netscape de daha hızlı çalışır.

Kaynak : MUHAMMED ÇAYIRLI