mouseover

[turker]

fare hücre üzerine gelince hücrenin rengini nasıl değiştirecem.

<td bgcolor="red" onmouseover="......"></td>

[Sahin]

Head bölümüne

<script language="JavaScript1.2" src="tablelight.js">

Quote içindeki kısmıda bir txt dosyasının içine pasteleyip dosyanın ismini tablelight.js yapacaksin.


function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}

function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||sour ce.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}


Sonra <table... <tr... veya <td... içine onMouseover="changeto('#ffcc66')" onMouseout="changeback('#8C9280')" yazılarını yerleştireceksin ama ffcc66 ve 8C9280 rakamlarını kafana göre değiştir.

Sevgiler...

[turker]

ben js kullanamdan yapmayı düşünmüştüm. mesela cs içine yazarsam oluyor şöyleki

onmouseover="this.className='menuover'

cssdeki menuover için
.menuver { background: #8AC1FF; }

benim yapmak istediğim
<td bgcolor="red" onmouseover="this.backgroundcolr'yellow'"></td>
gibi birşey.

[hmustak]

<td bgcolor="red" onMouseOver="this.bgColor='yellow';" onMouseOut="this.bgColor='red';" >

şeklinde yapabilirsin...

[turker]

teşekkürler
; işaretini koymadığımdan heralde. denemiştim çalışmamıştı.

[hmustak]

hep bu sorun çıkartır zaten. Allahdan kodun başında çözdün... Ben bikeresinde hiç unutmam 1024562 satırlık bi koddayım, derrmişim....

Kolay gelsinnn

[alico]

resim değiştirirsek nasıl olur ?

[MEHMET]

www.haber7.com (http://www.haber7.com) gibi mi?

[IcenGuard]

<script language="JavaScript">
function resimAc(imgName) {
document[ imgName ].src = imgName + "-1.gif";
}
function resimKapa(imgName) {
document[ imgName ].src = imgName + "-0.gif";
}
</script>
<a href="#" onmouseover="resimAc('images/login');" onmouseout="resimKapa('images/login');"><img src="images/login-1.gif" name="images/login" alt="Müsteri Girisi" border="0" height="21" width="129">

[alico]

Haber7.com gibi değil, eski script örneklerinde backclor örneği buldum bunu biraz geliştirip hallettim. Güzelde oldu

Mesele şu Menu tablosunun back color2u değişcek aynı zamanda yine menü tablosunun back image olarak sağa yaslı simgeside değişecekti


Örnek :http://www.k7medya.com/emcet/alico_menu.asp

[Zerzevat Adam]

Ben yazayım 3 yıl sonra kullanılır.

.box { backgrond:...; }
.box:hover { backgrond:...; }

[alico]

@omerbalyali

3 yıla gerek yok şimdide kullanırız rica etsem benim örneğin css koduna geçişini tam olarak verebilirmisin ?

[Zerzevat Adam]

IE5+/-7 desteklemiyor bunu.

Ama IE7 LGPL betiği ile çalışıyor.

.box { width:100px; height:200px; backgrond:url(image.jpg) left top; }
.box:hover { backgrond:url(image2.jpg) left top; }

[Zerzevat Adam]

Bu şekilde çok kod yazdım ve gerçekten çok kullanışlı. Hem metin tabanlı tarayıcılar resmi değil yazıyı görebiliyor. (tabi bu kodu bir listede fygun biçimde kullanırsanız)

[alico]

ha ben yanlış anladım o zaman seni şu an yazdığın komut desteklenmiyor yani doğrumu ?

[Zerzevat Adam]

Destekleniyor. Standart bir kod ama ezik, eşşolubeşkulak MSIE'lerde çalışmıyor.

MS uygun tarayıcı çıkartacak, bu yaygınlaşacak ya da Herkes Mozilla'ya geçecek... 3 yıl... :)

[slay3r]

Ömer XHTML konusunda basit bir örnek site yapımı gibi birşey gösterebilirmisin? Adım adım olarak basit bir şekilde. Ben de XHTML'ye geçmek istiyorum ama anlamadığım birçok şey var.

[Yns]

buradaki (http://www.ceviz.net/index.php?case=article&id=353&catid=16) 5 sayfayı okuyarak başlayabilirsin :tamams:

[Zerzevat Adam]

Yns yazmış. :) Öncelikle onu okuyarak hem neden kullanman gerektiği konusunda çok detaylı olmayan hem de xhtml'i doğru yazabilmek için yeterli bilgiyi bulacaksın.

Bunun dışında
http://www.alistapart.com
http://web.omerbalyali.com
http://www.kahveci.com

[slay3r]

Xhtml'ye geçmeyi çok istiyorum. Zaten önüme gelen Xhtml sitelerini elimden geldiği kadarıyla inceliyorum. Yns'nin verdiği kaynağı daha önceden de okumuştum. Tekrar gözden geçirip okuyacağım onuda.

[Zerzevat Adam]

http://web.omerbalyali.com/tr/iletisim.html

(CSS-XHTML-Web Standartları) başlığındaki linklere de bakabilirsin.

[slay3r]

Tamam inceleyeceğim onları sağol ömer.

[KaravanaBatu]

www.w3schools.com