JavaScript'te Alternatif Yöntem

07.07.2014 00:17

yms WM Aracı Kullanıcı

Üyelik 04.12.2013
Yaş/Cinsiyet 34 / E
Meslek Yazılım Geliştirici
Konum Samsun

Ad Soyad M** K**
Mesajlar 277
Beğeniler 39 / 62
Ticaret 0, (%0)

Merhaba üstadlar.

JavaScript bilgim zayıf olduğu için danışmak istediğim bir konu var.

HTML etiketler içinde onmouseover, onclick gibi parametreler ile işlemler yapıyorum.

Örneğin;

Ancak, öyle zamanlar oluyor ki, bu tür nesneler yüzleri bulabiliyor. Hâliyle de kod kalabalığı yaşanıyor.

Merak ettiğim husus; nesneleri tanımlayıp, JavaScript içinde id ile bu işlemleri yapabilir miyim?

Yani;



<script>

Blok1.over{Blok1.style.backgroundColor='#FF0000';}

</script>

JavaScript'teki "over" tamamen şahsıma ait sallamadır. Bunun gibi bir yöntem kullanabilir miyim?

Yardıma niyetlenen üstadlara da teşekkürler :)

@Bean Love getLove()

07.07.2014 03:55

#2

brk Meşgul Kullanıcı

Üyelik 24.05.2011
Yaş/Cinsiyet 32 / E
Meslek Bilgisayar Programcısı
Konum Osmaniye

Ad Soyad B** G**
Mesajlar 285
Beğeniler 82 / 81
Ticaret 1, (%100)

$(document).ready(function(){

    // .degis classına sahip divler üzerine gelince arkaplan rengini #eee olarak ayarla

    $("div.degis").mouseover(function() {

        $(this).css("background", "#eee");

    }).mouseout(function() {

        $(this).css("background", "#aaa");

    });

});

1 kişi bu mesajı beğendi.

coder, bike rider, hobbyist photographer

07.07.2014 12:36

#3

cArleone WM Aracı Kullanıcı

Üyelik 26.11.2013
Yaş/Cinsiyet 30 / E
Meslek Web master
Konum Isparta

Ad Soyad A** M**
Mesajlar 226
Beğeniler 85 / 59
Ticaret 9, (%100)

document.getElementById("id").function(){

 //işlemler

}

jquery kullanman tavsiyem.yazım olarak javascrip de göre daha basit.

www.ustaderslik.com

07.07.2014 14:45

#4

nopacq2 WM Aracı Kullanıcı

Üyelik 14.05.2014
Yaş/Cinsiyet 27 / E
Meslek Web Programlama Öğrencisi
Konum Aydın

Ad Soyad A** K**
Mesajlar 33
Beğeniler 1 / 4
Ticaret 0, (%0)

Javascript de fonksiyon tanımlayarak yapabilirsin.

<script>
function karart() {

this.style.backgroundColor='#FF0000'
}
</script>

gibi... Script dosyalarının hepsini head'in içinde tanımla öyle kullan böyle zor olur.

Bence PROGRAMLAMACILAR ölmemelidir!
http://buradaogreniyoruz.blogspot.com.tr

07.07.2014 16:08

#5

yms WM Aracı Kullanıcı

Üyelik 04.12.2013
Yaş/Cinsiyet 34 / E
Meslek Yazılım Geliştirici
Konum Samsun

Ad Soyad M** K**
Mesajlar 277
Beğeniler 39 / 62
Ticaret 0, (%0)

brk adlı üyeden alıntı

$(document).ready(function(){
    // .degis classına sahip divler üzerine gelince arkaplan rengini #eee olarak ayarla
    $("div.degis").mouseover(function() {
        $(this).css("background", "#eee");
    }).mouseout(function() {
        $(this).css("background", "#aaa");
    });
});

Biraz karışık görünüyor ama akşam deneyeceğim. Cebabınız için teşekkür ederim.

cArleone adlı üyeden alıntı

document.getElementById("id").function(){
 //işlemler
}

jquery kullanman tavsiyem.yazım olarak javascrip de göre daha basit.

Jquery'den bağımsız olsun istiyorum. Ne kadar az entegrasyon, o kadar mutluluk :) Cevabınız için teşekkür ederim.

nopacq2 adlı üyeden alıntı

Javascript de fonksiyon tanımlayarak yapabilirsin.

<script>
function karart() {

this.style.backgroundColor='#FF0000'
}
</script>

gibi... Script dosyalarının hepsini head'in içinde tanımla öyle kullan böyle zor olur.

HTML etiketinde onmouseover parametresini kullanmak istemediğim için böyle bir şeyin peşine düştüm zaten. Normalde, ben de fonksiyonlar kullanıyorum ama burada derdimi anlatmak için yukarıdaki şekildeki gibi yazdım. Cevabınız için teşekkür ederim.

@Bean Love getLove()

07.07.2014 16:10

#6

nopacq2 WM Aracı Kullanıcı

Üyelik 14.05.2014
Yaş/Cinsiyet 27 / E
Meslek Web Programlama Öğrencisi
Konum Aydın

Ad Soyad A** K**
Mesajlar 33
Beğeniler 1 / 4
Ticaret 0, (%0)

yms adlı üyeden alıntı

Biraz karışık görünüyor ama akşam deneyeceğim. Cebabınız için teşekkür ederim.

Jquery'den bağımsız olsun istiyorum. Ne kadar az entegrasyon, o kadar mutluluk :) Cevabınız için teşekkür ederim.

HTML etiketinde onmouseover parametresini kullanmak istemediğim için böyle bir şeyin peşine düştüm zaten. Normalde, ben de fonksiyonlar kullanıyorum ama burada derdimi anlatmak için yukarıdaki şekildeki gibi yazdım. Cevabınız için teşekkür ederim.

Aslında ben NodeJs 'ye geçmek için yeniden başlayacağım javascript'e bırakmıştım önceden Asp.Net kulanıyordum :) Yardımım olursa buradayım arkadaşım rica ederim :)

Bence PROGRAMLAMACILAR ölmemelidir!
http://buradaogreniyoruz.blogspot.com.tr

09.07.2014 01:42

#7

yms WM Aracı Kullanıcı

Üyelik 04.12.2013
Yaş/Cinsiyet 34 / E
Meslek Yazılım Geliştirici
Konum Samsun

Ad Soyad M** K**
Mesajlar 277
Beğeniler 39 / 62
Ticaret 0, (%0)

brk adlı üyeden alıntı

$(document).ready(function(){

    // .degis classına sahip divler üzerine gelince arkaplan rengini #eee olarak ayarla

    $("div.degis").mouseover(function() {

        $(this).css("background", "#eee");

    }).mouseout(function() {

        $(this).css("background", "#aaa");

    });

});

Denedim ve tam istediğim gibi oldu. Çok teşekkür ederim.

1 kişi bu mesajı beğendi.

@Bean Love getLove()

JavaScript'te Alternatif Yöntem

Üye Girişi Yap