mouse over ile table backgroundunu değiştirmek

doubt · 01.03.2002

çok denedim ama mouse over ile tablonun backgroundunu değiştirmeyi yapamadım.
yardımcı olursanız sevinirim.
teşekkürler.

Scud · 01.03.2002

Kod:

<table id=scud border=1 width=400>
<tr>
<td>1
</td>
<td onmouseover="scud.bgColor='red'">2
</td>
</tr>
</table>

doubt · 01.03.2002

teşekkürler
bu işe yarıyor.
peki bunu CSS dosyası içine nasıl koyabilirim. ayrıca mouse üzerinden çekince eski rengine gelmesini nasıl sağlayabilirim.

ayrıca bütün tablo renkleniyor. ben sadece üzerine gelinen hücre renklensin istiyorum.
zoque'nin üstte bulunan kontrol panelim v.s. olduğu menü gibi yani.

buraya göndermiş olduğun cevapta buldum aradığım şeyi.
teşekkür tekrar

blackinwhite · 01.03.2002

<table border="0" cellpadding="10" cellspacing="0" width="100%" bgcolor="white">
<tr onmouseover="this.style.backgroundColor='#eff7ff'; " onmouseout="this.style.backgroundColor='#FFFFFF';" onclick="location.href='sey_iste.HTML';" style="cursor:hand;">

gibi de oluyor.

Scud · 01.03.2002

Aşağıdaki script daha kullanışlı çünkü kod kalabalığı yapmıyor. Yani hücrelerde onmouseover veya out gibi attribute ler tanımalamanıza gerek kalmıyor.
Bu script mouse ile üzerine gelince üzerine geldiği satırın rengini değiştiriyor.

Kod:

<HTML>
<HEAD>
<META name=VI60_defaultClientScript content=JavaScript> 
<meta http-equiv="Content-Type" content="text/HTML; charset=windows-1254"> 
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"> 
<META NAME="AUTHOR" Content="Deniz Dursun (Scud)"> 
<TITLE></TITLE>
<style>
.hucre{background-color:#EAF2E6}
.hucreon{background-color:#F8F8F8; cursor:hand}
</style>
<script language="JavaScript">
function renkdegis() {
  if (event.srcElement.parentElement.className == "hucre") {
     event.srcElement.parentElement.className = "hucreon";
  }
}

document.onmouseover = renkdegis;
function eskihal() {
  if (event.srcElement.parentElement.className == "hucreon") {
     event.srcElement.parentElement.className = "hucre";
  }
}
document.onmouseout = eskihal;
</script>
</HEAD>
<BODY>
<table width="99%" border="0" cellspacing="1" cellpadding="4" align="center" bgcolor="#B9D3AB">
  <tr bgcolor="#61804D"> 
    <td> <font color="#FFFFFF"><b>Adı</b></font></td>
    <td> <font color="#FFFFFF"><b>Cinsiyeti</b></font></td>
    <td> <font color="#FFFFFF"><b>Doğum Tarihi</b></font></td>
    <td> <font color="#FFFFFF"><b>Başvuru Tarihi</b></font></td>
  </tr>
  <tr class=hucre>
    <td>Deniz Dursun</td>
    <td>Erkek</td>
    <td>1981</td>
    <td>2000</td>
  </tr>
  <tr class=hucre> 
    <td>Abuzer Kadayıf</td>
    <td>Travesti</td>
    <td>1977</td>
    <td>2002</td>
  </tr>
</table>
</BODY>
</HTML>

Eğer satır değil de her hücrede değişsin istiyorsanız script içindeki parentElement yazan kısımları temizleyin ve o şekliyle kullanın. bir de <tr class=hucre değil de her hücrede <td class=hucre şeklinde tanımlanması gerekiyor. Umarım yardımcı olabilmişimdir.

Saygılar..

01.03.2002	#1 (permalink)
doubt Üyelik Tarihi: 25.12.2000 Yer: Moskova Yaş: 31 Mesaj: 1,404 Görsel: 101	mouse over ile table backgroundunu değiştirmek çok denedim ama mouse over ile tablonun backgroundunu değiştirmeyi yapamadım. yardımcı olursanız sevinirim. teşekkürler. __________________ www.graphixel.com

01.03.2002	#2 (permalink)
Scud Üyelik Tarihi: 25.08.2001 Yer: Antalya Yaş: 27 Mesaj: 970	Kod: <table id=scud border=1 width=400> <tr> <td>1 </td> <td onmouseover="scud.bgColor='red'">2 </td> </tr> </table> __________________ Take me back to my boat on the river and I won't cry out any more

01.03.2002	#3 (permalink)
doubt Üyelik Tarihi: 25.12.2000 Yer: Moskova Yaş: 31 Mesaj: 1,404 Görsel: 101	teşekkürler bu işe yarıyor. peki bunu CSS dosyası içine nasıl koyabilirim. ayrıca mouse üzerinden çekince eski rengine gelmesini nasıl sağlayabilirim. ayrıca bütün tablo renkleniyor. ben sadece üzerine gelinen hücre renklensin istiyorum. zoque'nin üstte bulunan kontrol panelim v.s. olduğu menü gibi yani. buraya göndermiş olduğun cevapta buldum aradığım şeyi. teşekkür tekrar __________________ www.graphixel.com Mesaj doubt tarafından 01.03.2002 (13:38) yeniden düzenlendi..

01.03.2002	#4 (permalink)
blackinwhite Üyelik Tarihi: 21.10.2000 Yer: Istanbul, Türkiye Yaş: 28 Mesaj: 1,995	<table border="0" cellpadding="10" cellspacing="0" width="100%" bgcolor="white"> <tr onmouseover="this.style.backgroundColor='#eff7ff'; " onmouseout="this.style.backgroundColor='#FFFFFF';" onclick="location.href='sey_iste.HTML';" style="cursor:hand;"> gibi de oluyor. __________________ ::: e? - Online Yaşam ve Tasarım Kültürü Sorunuz belki çoktan cevaplanmıştır? Faydalı: W3 - MACCAWS - WaSP