[php][js]Podświetlenie wiersza tabeli Opcje

[piotrooo89]

Mam taki malutki problemik...

Mam taki oto kodzik:

[PHP] pobierz, plaintext 
<?php
echo '<table border="0" class="wyswietl">
			  <tr class="naglowek">
				  <td class="naglowek"><h3>Numer</h3></td>
				  <td class="naglowek"><h3>Nazwa</h3></td>
			  </tr>';
 
		while($linia=mysql_fetch_array($sql))
		{
			echo '<tr onMouseover="this.bgColor='black'" onMouseout="this.bgColor='white'">
					  <td class="reszta">' . $linia['nr_'] . '</td>
					  <td class="reszta">' . $linia['nazwa'] . '</td>
				  </tr>';
		}
			echo '</table>';
?>
[PHP] pobierz, plaintext 

i ta funkcja w javie nie chce mi sie odpalić. :/ Chodzi o podświetlanie wiersza nad którym jest kursor.

Jestem kompletnie zielowny w Javie Script.
Dzieki!

[erix]

[PHP] pobierz, plaintext 
<?php
echo '<tr onMouseover="this.bgColor='black'" onMouseout="this.bgColor='white">
?>
[PHP] pobierz, plaintext 

Podpowiem: pojedyncze apostrofy w środku echo" title="Zobacz w manualu PHP" target="_manual.

[piotrooo89]

zrobiłem tak:

[PHP] pobierz, plaintext 
<?php
echo <tr onMouseover=this.bgColor="#00FFFF" onMouseout=this.bgColor="white">
?>
[PHP] pobierz, plaintext 

i hula thx

[foxik000000]

Pozwolicie, że się podłącze do tematu
Korzystam z tego samego kodu co kolega piotrooo89.

Jednak mam pewien problem.
Chciałbym, aby wiersz zmieniał swój kolor tylko po najechaniu myszką, a po odsunięciu myszki wiersz powrócić do domyślnego koloru zdefiniowanego na początku tabeli.

Po zostawieniu wyłącznie

[PHP] pobierz, plaintext 
<?php
<tr onMouseover=this.bgColor="#00FFFF">
?>
[PHP] pobierz, plaintext 

po odsunięciu kolor wiersza nie wraca do domyślnego :/

Co w zrobić w tej sytuacji?

[zegarek84]

powinno zadziałać - umieść to w head... testowałem to jako skryptozakładkę na tym forum i działało - ale do skryptu musiałem niewiele dopisać to możem literówkę walnął ale raczej jest dobrze na 99%

zmień tylko:
document.onload=zmien(id_Twojej_tabeli,kolor_wiersza);
na id Twojej tabeli i podaj w tym kolor podświetlenia

Kod

<script type="text/javascript">
//<![CDATA[


var color=[];function zmien(id_tab,color_tab){a=document.getElementById(id_tab).getElementsByTagName('tr');i=0;while(a[i]){a[i].onmouseout=function(){this.bgColor=color[this]};a[i].onmouseover=function(){color[this]=this.bgColor;this.bgColor=color_tab};++i}};


document.onload=zmien(id_Twojej_tabeli,kolor_wiersza);

//]]>
</script>

[piotrooo89]

w

[HTML] pobierz, plaintext 
onMouseOut=this.bgColor
[HTML] pobierz, plaintext 

ustaw kolor taki jaki masz w tabelce.
i najlepiej pokaż kod jak to robisz.

btw. ale masakra to dawno było takie byki sadziłem...

Ten post edytował piotrooo89 20.03.2009, 08:27:59

[phpion]

Ten sam efekt można uzyskać w samym CSS poprzez tr td oraz tr:hover td. Niestety są problemy z działaniem na starszych przeglądarkach ale moim zdaniem często można sobie to darować i przejść z JS na rzecz CSS.