Zoque.Forum
Dirsek Teması:
Geri Dön Zoque.Forum » Webmaster Kaynaklari » ://www » JavaScript » JavaScript le stil değiştirmek...


JavaScript JavaScript ile ilgili merak ettiklerinizi, sorunlarınızı ve fikirlerinizi bu bölümde paylaşabilirsiniz.

Yanıt
 
LinkBack Seçenekler
Old 22.08.2006   #1 (permalink)
 
Üyelik Tarihi: 17.01.2005
Yer: Zonguldak
Yaş: 24
Mesaj: 100
JavaScript le stil değiştirmek...


merhabalar... elimde bir adet form butonu var... ve ben bu butonun stil özelliklerini onMouseOver olunca değiştirmek istiyorum... yani :

Alıntı:
onmouseover="this.style.backgroundColor='#667494'; "
gibi... ancak istediğim özellikler sadece background la kısıtlı değil... border, width, text-align gibi bi çok parametreyi de değiştirmek istiyorum... ancak hepsini tek tek bu şekilde yazmak kod kalabalığı yapar düşüncesiyle, bunları sayfaya include ettiğim bir CSS dosyasına stil olarak yazdım.. ama gerektiğinde bu stili JavaScript kullanarak nasıl çağaracağımı bilmiyorum... yardımcı olursanız sevinirim.. kolay gelsin..
__________________
ilginç resimler
maximus şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 22.08.2006   #2 (permalink)
 
fatihturan's Avatar
 
Üyelik Tarihi: 22.10.2005
Yer: Rize
Yaş: 24
Mesaj: 342
Görsel: 3
Re: JavaScript le stil değiştirmek...

Bu bahsettiğin olayları CSS ile, Js'ye gerek kalmadan Pseudo elementleriyle halledebiliyorsunuz ama bu seferde internet Explorer 6'da çalışmıyor. İllede Js ile bu bahsettiğiniz stil değiştirme olayını halletmek istiyorsanız buradaki örnek sizin işinize yarayacağını düşünüyorum. Zaten bu ve bu gibi işlerde Alistapart çok iyi bir bilgi kaynağı.
__________________
blog | flickr | twitter | del.icio.us | digg | lastfm | sosyomat
fatihturan şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 23.08.2006   #3 (permalink)
ba kubah
 
Mesaj: n/a
Re: JavaScript le stil değiştirmek...

Kod:
.bilmemne { border:0; border-left:10px solid #000;  }
Kod:
onmouseover="this.className='bilmemne';"
fatihturan'ın bahsettiği de sanırım şu:

Kod:
input:hover { border:0; border-left:10px solid #000; }
 
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 23.08.2006   #4 (permalink)
 
fatihturan's Avatar
 
Üyelik Tarihi: 22.10.2005
Yer: Rize
Yaş: 24
Mesaj: 342
Görsel: 3
Re: JavaScript le stil değiştirmek...

Kod:
input[type="text"]:hover {border: 1px solid #cfcfcf;color: #656F5C;font:11px Arial, Helvetica, sans-serif;}
input[type="submit"]:hover {border: 1px solid #cfcfcf;color: #656F5C;font:11px Arial, Helvetica, sans-serif;}
input[type="textarea"]:hover {border: 1px solid #cfcfcf;color: #656F5C;font:11px Arial, Helvetica, sans-serif;}
Yukardaki gibi yazı kutularına, formdaki düğmelere falan müdahale edebiliyorsunuz daha önce de dediğim gibi Ie6'da yemiyor bu.
__________________
blog | flickr | twitter | del.icio.us | digg | lastfm | sosyomat
fatihturan şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 23.08.2006   #5 (permalink)
 
metsatöll's Avatar
 
Üyelik Tarihi: 11.07.2001
Yer: Tallinn
Yaş: 28
Mesaj: 519
Görsel: 9
Re: JavaScript le stil değiştirmek...

2 adet "this.style ........" sorusu
__________________
Gabfire - Talkntravel
metsatöll şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 23.08.2006   #6 (permalink)
 
Üyelik Tarihi: 24.10.2005
Yer: Kocaeli
Yaş: 27
Mesaj: 83
Re: JavaScript le stil değiştirmek...

http://tuncay.kinali.net/yeni/
alico şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Sponsorlu Bağlantılar
Zoque.Forum
Reklam
Yanıt

Etiketler

degistirmek , stil , javascript



 
Zoque'a hoşgeldiniz!
Zoque 27.02.1999 tarihinde yayın hayatına başlamış, paylaşıma dayalı bir oluşumdur. Tasarım, teknoloji, web, kültür ve sanat ana başlıkları altında bilgi paylaşımı ve benzer değerlere sahip katılımcıların birbirleriyle iletişime girmelerine imkan sağlar. "Az ama Öz" sloganından yola çıkarak, kaliteli ve nitelikli katılımı temel alır.

Saygın ve ciddi bir ortamda yardımlaşmak, haberleşmek, kendi bildiklerini diğer katılımcılarla paylaşmak isteyen, oluşumumuza düzenli katılımda bulunacağı inancını taşıyan konuklarımızı üye olmaya davet ediyoruz. [ » ]


Üye Girişi:

UslanmaM baktabul.com TEKplatform TEKplatform

En popüler ilk 100 etiket
Tag Cloud
acil adsl ajax almak arama araniyor ariyorum ariyoruz asp bilen bilgi bilgisayar blog calisma canon css dijital div domain dosya eleman film firefox flash font form forum fotograf freelance google gore grafik grafiker hakkinda hangi hata hatasi hosting html ilgili ilk image internet istanbul istiyorum java javascript karakter kayit kisisel kullanimi link logo mac mail menu muzik mysql nasil neden nedir online photoshop php problemi program programi reklam resim satilik sayfa script server ses sistemi site sitesi son soru sorun sorunsali sorunu sql swf tasarim tasarimci tasarimcisi tasarimi turk turkce veri video web windows wordpress xml yardim yazi yeni zoque
Zoque RSS Aboneliği
Son eklenen konuları e-posta ile haber verelim mi?

Forum Yazılımı: vBulletin® Version 3.7.3 Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0

Arayüz/Skin "Güneş" © www.zoque.com / net. Copyright © 1999 - 2008
Forum Saati GMT +2. Şu anda saat: 09:22.