Ayberk Atasay

ASP, CSS, Internet konuları üzerine paylaşımlar

JavaScript ile HTML Sınıfı Değiştirme

Bugün bir site projesi üzerinde çalışırken aklıma gelen ve bu proje üzerinde ziyaretçilerin de işini kolaylaştırabilecek bir özelliği JavaScript ile yapabileceğimi düşünüp uyguladım, hemen ardından buraya da örnek kodları koyuyorum.

Şu an bir site projesi üzerinde çalıştığımdan bahsetmiştim. Burada daha önce paylaştığım CSS Saydamlık Efekti konusunda olduğu gibi bir özellik kullanıyorum. Fakat bir farkla; isteyen kullanıcı bu özelliği tamamen kullanacak (tam saydamlık), isteyen yarım (%50 saydamlık), isteyen de hiç kullanmayacak (saydamlık yok).

Bunuda JavaScript ile basitçe gerçekleştirmemi sağlayan ufak kod aşağıda. Tabi bu verdiğim kod her zaman ki gibi temel hali. Geliştirmek veya ek özellikler uygulamak size kalmış.

<script language="javascript">

function SinifDegistir(){

document.getElementById("Katman").setAttribute("class", "Sinif");

}

</script>

Kullanımı:
<a href="javascript:SinifDegistir()">Sınıf Değiştirme</a>

Javascript/AjaxAyberk Atasay22 Ekim 2009, PerşembeEkle Bunu

Önceki Kayıt

Sonraki Kayıt

Yorumlar

Akgenclik05
2 Ocak 2010, Cumartesi

Paylaşım için tşkler

teoman
5 Aralık 2009, Cumartesi

Güzel paylasım..elinize saglık

mustafa
13 Kasım 2009, Cuma

Hocam bilgi ve paylaşım için teşekkürler

Fatih
1 Kasım 2009, Pazar

Paylaşım için teşekkürler