javascript ile stylesheeti değiştirmek

18 12 2008

eğer sayfamızda farklı durumlara göre farklı görsel ayarlar uygulamak istiyorsak ve bu, uygulama postback olmadan gerçekleşsin istiyorsak aşağıdaki gibi bir kod kullanabiliriz.(uygulama içinde 2 adet stylesheet (Stylesheet1.css ve Stylesheet2.css) bulunduğunu varsayıyorum)

<link id=”cssFile” href=”Stylesheet1.css” rel=”stylesheet” type=”text/css” />

<script language=”javascript” type=”text/javascript”>
function ChangeDocumentStyle() {
if (document.getElementById(‘cssFile’).href == ‘Stylesheet1.css’)
document.getElementById(‘cssFile’).href = ‘Stylesheet2.css’;
else
document.getElementById(‘cssFile’).href = ‘Stylesheet1.css’;
}
</script>

bu kodu yazdıktan sonra ChangeDocumentStyle() fonksiyonunu nesnelerin olaylarına ekleyebiliriz.


İşlemler

Information

4 responses

27 02 2009
merhaba

location.href=”http://www.google.com”

27 02 2009
merhaba
2 03 2009
Sadullah KELEŞ

?

31 03 2010
Ümit Özkan

Öncelikle paylaşımınız için teşeşkkürler, fakat bi türlü çalıştıramadım. Aspx satfasında deniyorum nasıl bir hata yapmış olabilirim.

function kutuStyleDegis() {
if ( document.getElementById(‘kutuTemp_a’).href == ‘Css/kutu_temp_a.css’)
document.getElementById(‘kutuTemp_a’).href = ‘Css/kutu_temp_b.css’;
else document.getElementById(‘kutuTemp_a’).href = ‘Css/kutu_temp_a.css’;

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s




%d blogcu bunu beğendi: