Posts Tagged ‘ajax’

Java Script Bir olaya birden çok işlev baglamak

Pazar, Mayıs 3rd, 2009

Bir olaya bir işlevi bağlamak için addEventListener(mozilla) yada
attachEvent(ie) işlevlerini kullanmamız yeterli.

nesne.addEventListener(olayAdı,,true/false)
nesne.attachEvent(olayAdı,);

IE’de adı olarak “onclick” vs. denilirken
MZ’de “click” vs. olarak belirtilir.

MZ’deki üçüncü girdi işlevin hangi olayın hangi aşamasında çalışması gerektiğini
belirtir.
true:capture
false:buble

Örnek:
<html>
<head>
<script language=”javascript”>
function i1()
{
alert(”birinci ”);
}
function i2()
{
alert(”ikinci ”);
}

function ayarla()
{
var n=document.getElementById(’tik1′);
if(n.attachEvent)
{
n.attachEvent(”onclick”,i1);
n.attachEvent(”onclick”,i2);
}
else if(n.addEventListener)
{
n.addEventListener(”click”,i1,false);
n.addEventListener(”click”,i2,false);
}
}
</script>
</head>
<body onload=”ayarla();”>
<button id=”tik1″>Tıkla</button>
</body>
</html>

Tags: , , , ,
Posted in ajax, java, java script | No Comments »

Create Object methodu ayrıntılı açıklama

Pazar, Mayıs 3rd, 2009

1. Fonksıyon ıcınde tanımlanmıs fonksıyonlara yalnızca o fonksıyon ıcınden erısılebılır.. Bu bır nevı prıvate (ozel) metot yazmak gıbıdır..

PHP Kodu:
function ust(){
function alt(){
alert(‘Burdayım!’);
}
}

// Hatalı kullanım.. ust fonksıyon dısında
// bu fonksıyonu kullanamayız
alt();

2. Fonksıyonlar ıcın gecerlı olan kural degıskenler ıcınde gecerlıdır. Fonksıyon ıcınde tanımlanmıs degısken fonksıyon dısında kullanılamaz.. Yalnız burda dıkkat edılmesı gereken bısey var,

PHP Kodu:
var degisken = ‘Bu evrensel bır degısken’;
degistir();
alert(degisken); // Degısken ıcerıgı degıstı

function degistir(){
degisken = ‘Sımdı ıse evrensel degıskenın ıcerıgını degıstırıyoruz’;
}

Eger yukardakı ornekte fonksıyon ıcındekı degıskenın basına var getırmıs olsaydık degısken evrensel degıl yalnızca o fonksıyon ıcınde kullanılan ozel (prıvate) bır degısken olacaktı..

PHP Kodu:
var degisken = ‘Bu evrensel bır degısken’;
degistir();
alert(degisken); // Degısken ıcerıgı degısmez

function degistir(){
var degisken = ‘Bu artık yerel bır degısken’;
}

Bunu ozellıkle belırtıyorum cunku sık yapılan bır hata.. Bır fonksıyon yada nesneye ozgu olmasını ıstedıgınız degıskenlerın onune var getırın..

3. altında yenı nesne yaratmaya gelınce.. Bunun ıcın kullanılabılecek bı kac degısık yontem var..

a.

PHP Kodu:
var nesne = new Object();
nesne.ozellik = ‘Bu yollardan ilki’;
nesne.metot = function(){
alert(this.ozellik);
}

nesne.metot();

b.

PHP Kodu:
var nesne = {
ozellik : ‘Bu ikincisi’,
metot : function(){
alert(this.ozellik);
}
}

nesne.metot();

c.

PHP Kodu:
function Nesne(){
this.ozellik = ‘Bu üçüncüsü’;
this.metot = function(){
alert(this.ozellik);
}

// Kurucu
this.metot();
}

var nesne = new Nesne();

d.

PHP Kodu:
function Nesne(){
var nesne = {
ozellik : ‘Buda dördüncüsü’,
metot : function(){
alert(this.ozellik);
}
}

// Kurucu
nesne.metot();
}

var nesne = new Nesne();

Son ıkı yol aynı zamanda yarattıgımız nesneye nasıl kurucu metot (nesne olusturuldugunda calısan) ekleyebılecegımızınde orneklerıdır.. Bunun dısında a ve b yada c ve d arasında secım yapmakta tamamen serbestsınız..

4. Tum bunları toparladıgımızda ortaya su sonuc cıkar.. Bır metot ıcınde (yada dısında) tanımlanmıs fonksıyon (yada metot) kendısını tanımlayan nesnenın ozellık (yada metotlarına) ıkı yolla ulasır,

a. Evrensel degısken yardımıyla:

PHP Kodu:
<script>
// Nesne
function Nesne(){

// Bu degısken metot ıcınde tanımlanmıs
// fonksıyona gore evrenseldır.
var nesne = {
ozellik : ‘Erişmek istediğimiz özellik’,
metot : function(){

// Metot ıcınde tanımlanmıs
// yerel fonksıyonumuz
function yerel(){

// Fonksıyon nesneye aıt ozellıge
// onun evrensel olusundan yararlanarak
// ulasır
alert(nesne.ozellik);
}

// Test edelım ..
yerel();
}
}

// Kurucu
nesne.metot();
}

// Basla …
var nesne = new Nesne();
</script>

b. Atama yardımıyla:

PHP Kodu:
<script>
// Diger nesne
function Diger(){
var diger = {
metot : function(){
alert(this.harici_ozellik);
}
}
return diger;
}

// Nesne
function Nesne(){
var nesne = {
ozellik : ‘Erişmek istediğimiz özellik’,
metot : function(){

// Metot ıcınde cagırdıgımız
// diger nesnemız
var diger = new Diger();

// Sımdı bu nesneye harıcı bır ozellık
// kazandırıyoruz
diger.harici_ozellik = this.ozellik; // nesne.ozellik ‘te dıyebılırdık

// Test edelım ..
diger.metot();
}
}

// Kurucu
nesne.metot();
}

// Basla …
var nesne = new Nesne();
</script>

Ikısı arasındakı fark su.. Ilk yontemın kullanılabılır olması ıcın kullanılan nesne yada fonksıyonun o metot ıcınde en azından onunla aynı sevıyede tanımlanmıs olması sart.. Ornegın ılk yontemde “yerel” fonksıyonunu metodun ıcınde degılde sayfanın basında bı yerlerde tanımlamıs olsaydık fonksıyon “nesne” degıskenıne (nesnesıne) ulasamıyacagı ıcın scrıpt calısmayacaktı..

Ikıncı yontemın ıse bu tıp bır sorunu yoktur.. Kullanılmak ıstenen ozellık yada metodu kullanıcak nesneye yenı bır ozellık / metot olarak atar.. Boylece alanı (scope) ne olursa olsun o ozellık yada metoda erısebılmıs oluruz..

Sımdılık bu kadar.. Umarım yardımı dokunur..
ceviz net———-

Tags: , , , ,
Posted in ajax, java, java script | No Comments »

Flash kullanarak XML dosyasından veri çekmek ( To take data from XML file using Flash )

Pazartesi, Nisan 27th, 2009

(Extensible Markup Language – Genişletilebilir İşaretleme Dili) ismi sizi korkutabilir, ama endişelenmeyin. Formatın kendisini anlamak aslında gayet kolaydır. Kısacası , bilgilerin biçimlendirilmesi ve yapılandırılması için bir yol sunarak, bu verileri alan uygulamaların bunları kolayca yorumlayabilmelerini ve kullanabilmelerini sağlar.

Aşağıdaki basit belgesini inceleyelim.

<Dostlarim>

<Isim Cinsiyet=”Erkek”>Mehmet</Isim>
<Isim Cinsiyet=”Bayan”>Sibel</Isim>
<Isim Cinsiyet=”Erkek”>Caner</Isim>

</Dostlarim>

XML’de, <Isim></Isim> gibi gibi tanımlanmış etiketlere düğüm (node) denir. Her belgesi sadece bir adet kök düğüm (root node) içerebilir. Örneğin yukarıdaki örnekde <Dostlarim> kök düğümdür ayrıca <Isim> olarak adlandırdığımız düğüm de çocuk düğüm (child node) olarak adlandırılır. Yukarıdaki örnekde Cinsiyet olarak adlandırdığımız kısım bir niteliktir (attribute). Nitelikler seçime bağlıdır ve her bir düğüm sınırsız sayıda niteliğe sahip olabilir.

Şimdi sıra oluşturduğumuz bir dosyasını nasıl flashda kullanabiliriz onu görelim.  Öncelikle bir tane dosyası oluşturalım. Bunun için sadece notepad’i açmamız yeterlidir. Notpad i açarak alağıdaki dosyasını oluşturalım.

<KisiselBilgiler>

<Isim>Samet</Isim>
<SoyIsım>Ersan</SoyIsim>
<Adres>4. Cadde Ankara</Adres>
<Telefon>0312 300 30 30</Telefon>

</KisiselBilgiler>

XMLimizi oluşturdukdan sonra sıra oluşturduğumuz dosyasını a eklemekde. Öncelikle ı açalım ve yeni bir döküman oluşturalım. Ardından aşağıda gördüğümüz alanları sayfamıza ekleyelim.

xml_1.jpg

Text Tool yardımı ile yukarda gördüğümüz Dynamic Text alanını sayfamıza ekliyoruz. Bu alanın değişken (Var) özelliğine “isim” adını veriyoruz. Bu oluşturduğumuz alan için uyguladığımız özellikleri diğer alanlar içinde oluşturuyoruz (Soyisim, Adres,Telefon).

Şimdi oluşturduğumuz bu alanlara den verileri listeletelim. İlk layerımızın ilk alanını seçdikden sonra aşağıda gördüğümüz kodu yazalım.

xml_3.jpg

Şimdi neler yaptık satır satır inceleyelim.

myXML = new ();

myXML adında bir nesnesi oluşturduk.

myXML.ignoreWhite = true;

Biçimlendirme için kullanılan space, enter, tab, vb. gibi karakterler bilgisayarların kafasını karşıtırır. Bunu basitçe önlemek için flash’ın getirdiği ignoreWhite özelliğini kullandık.

myXML.onLoad = function(success) {

nesnesinin okunması bittiğinde success adında bir fonsiyonu çağırıyoruz.

if (success) {

Eğer doğru bir şekilde yüklendiyse aşağıdaki işlemlerin yapılmasını istiyoruz.

isim = myXML.firstChild.childNodes[0].firstChild;

isim adlı değişkenimize dosyasının değerlerini yüklüyoruz. Burada myXml dediğimiz bizim bilgiler adı dosyamız  myXML.firstChild bizim <KisiselBilgiler> adlı düğümümüzdür ve bunun altında bulunan myXML.firstChild.childNodes[0] adlı düğümüzün ise <Isim> adlı düğüme referans olmaktadır. Son olarak myXML.firstChild.childNodes[0].firstChild ise Samet değişkenizi göstermektedir.

soyisim = myXML.firstChild.childNodes[1].firstChild;

adres = myXML.firstChild.childNodes[2].firstChild;

telefon = myXML.firstChild.childNodes[3].firstChild;

} else {

trace(” Dosyanız Yüklenemedi”);

Eğer dosyamız başarı ile okunamzsa bu satır devreye girer.

}

};

myXML.load(”bilgiler.xml”);

dosyamızın yolunu göstermek için bu kod satırı kullanırız.

(Extensible Markup Language - Extensible Markup Language) the name scare you, but do not worry. To understand the format itself is actually quite easy. In short, , and formatting of information by offering a way to configure this data field can interpret and use applications can easily provide them.

Let us examine the following simple document.

<Dostlarim>

<Isim Cinsiyet=”Erkek”> Mehmet </ Name>
Sibel <Isim Cinsiyet=”Bayan”> </ Name>
Caner <Isim Cinsiyet=”Erkek”> </ Name>

</ Dostlarim>

, <Isim> </ Name> tags as nodes are defined as (node) is called. Every document, only one root node (root node) may contain. For example, the root node above <Dostlarim> is here also referred to as the node <Isim> child node (child node) is called. The part above the so-called here gender is an attribute (attribute). The attributes are optional, and each node can have an unlimited number of properties.

Now we have created an file, while it let’s see how we can use flashda. First, we create one file. For this purpose it is enough just to open notepad’i. Create file by opening alağıdaki i Notpad.

<KisiselBilgiler>

<Isim> Samet </ name>
Ersan <SoyIsım> </ Surname>
4th <address> Street Ankara </ Address>
<Telefon> 0312 300 30 30 </ Phone>

</ KisiselBilgiler>

file after the oluşturdukdan have created XMLimizi a eklemekde. First, let’s open a new document to create a . Then we saw the fields below, add to our page.

xml_1.jpg

We have seen above with the help of Text Tool Dynamic Text field, add to our page. This field variables (Var) on the “name” is the name given. These features have created more space for the application in the build (Surname, Address, Phone).

Now we have created this area of data will list. After the first field below seçdikden first layerımızın write the code we’ll see.

Tags: , , , , , , , , , , , , , , , , , , , , , , , ,
Posted in flash | No Comments »

Ajax div yenilemek ( Ajax to refresh div )

Pazartesi, Nisan 27th, 2009

içindeki veriyi sürekli yeniletmek için aşağidaki kod işinizi görecektir. Bütün tarayıcılarda sorunsuz çalışmaktadır.

To the data in the continuously following code to see your work. Works smoothly in all browsers.

<html>
<head>
<script type=”text/JavaScript” language=”JavaScript”>
var xmlHttp=false;
try {
xmlHttp = new ActiveXObject(”Msxml2.xmlHttp”);
} catch (e) {
try {
xmlHttp = new ActiveXObject(”Microsoft.xmlHttp”);
}
catch (E) {
xmlHttp = false;
}
}
if (!xmlHttp && typeof XMLHttpRequest!=’undefined’) {
try {
xmlHttp = new XMLHttpRequest();
}
catch (e) {
xmlHttp=false;
}
}
if (!xmlHttp && window.createRequest) {
try {
xmlHttp = window.createRequest();
}
catch (e) {
xmlHttp=false;
}
}
function callServer(){
//burada çağiracağin sayfayı yazarsın
var url = “xml.asp” + “?tarih=” + new Date().getTime();

xmlHttp.open(”GET”, url, true);
xmlHttp.onreadystatechange = updatePage;{
if (xmlHttp.readyState==4) {
alert(xmlHttp.responseText)
}
}
xmlHttp.send(null)
}
function updatePage(){
//4 sorun yoksa demek
if(xmlHttp.readyState == 4){
//gelen cevap
var response = xmlHttp.responseText;
//hangi  gelcekse buraya yazılcak
okn.innerHTML = response;
//500 milisaniyede bir fonksiyonu cağirir
setTimeout(’callServer()’,500);
}
}
callServer(’url’);
</script>
</head>
< id=”okn”></><!– İçine bilginin geleceği  burasi, id sinin fonksiyondaki id ile aynı olmasına dikkat etmen gerekiyor –>

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
Posted in ajax | No Comments »

Ajax Nedir ?

Pazar, Ekim 26th, 2008

kullanarak sayfa yenilenmeden divler içerisinde veri çağırarak sitenizin hızını ve görselliğini artırabilirsiniz.
, “Asynchronous JavaScript And XML” ‘in kısaltılmışıdır. bir programlama yöntemidir ve 2005 yılında Suggest hizmetiyle popüler olmaya başlamıştır. bir programlama dili değildir sadece mevcut programlama dillerinin yeni bir kullanım yöntemidir. ile daha iyi, hızlı ve kullanıcı dostu internet uygulamaları geliştirebilirsiniz. Javascript ve HTTP istekleri üzerine kurulu bir yöntemdir.

Tags: , , , , , , , , , , , , , , , , , , ,
Posted in ajax | No Comments »

Oyun Domain Registration Australia
Add to Technorati Favorites Technorati