podświatlane wiersze w tabeli

[Yay Gree]

jak zrobic w tabelce ze po najechaniu na komurke podświetla sie caly wiersz na jakis tam kolorek???

[obrobkareczna]

np tak:

http://alistapart.com/articles/tableruler/

[Yay Gree]

a tak coś bardziej oczywistego zeby dzialalo

[Kosjo]

np:
[php]<?php
<script language="JavaScript1.2">
var kol_tlo = '#B0BF9F';
var kol_tlo_mysz='#adff2f';
var z_dnia = '25.09.2004';
var godzina_oferty = '10:15';
var data_dzisiaj = '2004-09-25';
var nnagl = ["<a style='color: white;' href='oferta.php'>Nr</a>", "<a style='color: white;' href='oferta.php?order=zd'>Nazwa zdarzenia</a>", "<a style='color: white;' href='oferta.php?order=dys'>Dyscyplina</a>", "Kursy wyników", "<a style='color: white;' href='oferta.php?order=zak'>Koniec<br>przyjmow.<br>zakładów</a>", "<a style='color: white;' href='oferta.php?order=tzd'>Termin<br>zdarzenia</a>"];
var nkurs = ["<a style='color: white;' href='oferta.php?order=k1'>1</a>", "<a style='color: white;' href='oferta.php?order=k0'>0</a>", "<a style='color: white;' href='oferta.php?order=k2'>2</a>", "<a style='color: white;' href='oferta.php?order=k10'>10</a>", "<a style='color: white;' href='oferta.php?order=k20'>02</a>", "<a style='color: white;' href='oferta.php?order=k12'>12</a>"];
var theader = '<table align="center" cellPadding=0 border=1 cellSpacing=0 width="100%"><tr><td align="center" colspan=11 rowspan=1 class=TytulTabeliOfertyWyniki>OFERTA TOTOMIX S.A<br>Z DNIA ' + z_dnia + ' GODZ. ' + godzina_oferty + ' </td></tr><tr>';
for (var ia=0; ia<6; ia++)
theader += '<td align="center" class=NaglowkiTabeliOfertyWyniki ' + ((ia!=3) ? 'rowspan=2 ' : 'colspan=6 ') + '>' + nnagl[ia] + '</td>';
theader += '</tr><tr>';
for (var ia=0; ia<6; ia++)
theader += ('<td align="center" class=NaglowkiTabeliOfertyWyniki>' + nkurs[ia] + '</td>');
theader += '</tr>';
var offerlist = [['1','CZY PADNIE SZOSTKA DNIA 25.09','DUZY LOTEK','2.50','4.00','1.50','---','---','---','25.09 15:55','2004-09-25'],
['2','PARZ/NIEPARZ DL 25.09','DUZY LOTEK','3.00','1.85','3.00','---','---','---','25.09 15:55','2004-09-25'],
['3','PARZ./NIEPARZ.ML 25.09','MULTILOTEK','2.00','4.00','2.00','---','---','---','25.09 15:55','2004-09-25'],
['4','NUMEREK: 1-6 27.09','NUMEREK-N','5.20','---','---','---','---','---','27.09 18:55','2004-09-27'],
var tagwe = '<td align="center">';
var tagwy = '</td>';
var twe, twy;
var wiersz = '';
with (document) {
write(theader);
for (var ii=0; ii<offerlist.length; ii++) {
twe = tagwe;
twy = tagwy;
if (offerlist[ii][10] == data_dzisiaj) {
twe += '<b>';
twy = '</b>' + tagwy;
}
offerlist[ii][10] = offerlist[ii][10].substr(8) + '.' + offerlist[ii][10].substr(5, 2);
//write('<tr>');
wiersz = wiersz + '<tr bgColor="'+kol_tlo+'" class=WierszTabeliOfertyWyniki onMouseOver="this.style.background=kol_tlo_mysz;" onMouseOut="this.style.background=kol_tlo;">';
//write('<tr bgColor="'+kol_tlo+'" class=WierszTabeliOfertyWyniki onMouseOver="this.style.background=kol_tlo_mysz;" onMouseOut="this.style.background=kol_tlo;">');
for (jj=0; jj<11; jj++)
{
wiersz = wiersz + twe + offerlist[ii][jj] + twy;
//write(twe + offerlist[ii][jj] + twy);
}
//write('</tr>');
wiersz = wiersz + "</tr>";

if ((ii%10)==9 || ii==offerlist.length-1)
{
write(wiersz);
wiersz = '';
}

}
write('</table>');
if (!offerlist.length)
write('<center>BRAK OFERTY.</center>');
}
</script>

?>[/php]

Kawałek kodu z: http://www.toto-mix.pl/open/oferta.php

[Yay Gree]

dzieki wielkie!! a poza tematem nie dalo by sie tego na css zrobic??

[Kosjo]

dzieki wielkie!! a poza tematem nie dalo by sie tego na css zrobic??

Dałop by sie.
Musisz wkleic w pliku :
[php]<?php
<link rel="Stylesheet" href="Adres do pliku .css" />
?>[/php]

[iro]

Niezła porada Kosjo , ale on chyba wie jak dowiązać do dokumentu plik stylu. Chyba chodziło o to jak powinien wyglądać plik css aby uzyskać taki efekt, a nie jak go podpiąć.

[obrobkareczna]

nadal twierdze ze mój sposób jest najlepszy. no i jest oparty na css jak chceYan gree.

[Kosjo]

prosze

Kod: Zaznacz cały

 [...]


.NaglowkiTabeliOfertyWyniki {
	background: #20A000;
	font-family: Arial;
	font-size: 14px;
	font-weight: bolder;
	cursor: default;
	color: white;
}

[...]

.WierszTabeliOfertyWyniki {
	background: #B0BF9F;
	font-family: Arial;
	font-size: 12px;
	cursor: default;
}
[...]

[Yay Gree]

dobra troche poczytalem i wymyslilem prosciej sie chyba nie da

dla przykladowego wiersza:

<tr onmouseover="this.style.backgroundColor='#F0F0F0'; this.style.cursor='hand';" onmouseout="this.style.backgroundColor='#FFFFFF';" bgColor=#FFFFFF>

panowie / panie po co kombinować liczy sie optymalność i efekt

[iro]

A jednak da się . I to na samym css.

Kod: Zaznacz cały

<style>
tr {background-color:inherit;}
tr:hover {background-color:red;}
</style>

[Wojciech Kocjan]

A jednak da się :). I to na samym css.

Da sie, da sie - ale nie z Microsoftem i ich cudownym dzieckiem Internet Explorer - ta przegladarka niestety tego nie 'obsłuży'..

[iro]

Faktycznie. Trochę się zapędziłem. Misie nie obsługują inherit'ów.
Ale to niezbyt duży problem. Wystarczy zmienić inherit na reprezentację koloru i będzie działało zarówno pod misiem jak i pod netscapem, mozillą czy operą.

[Wojciech Kocjan]

Faktycznie. Trochę się zapędziłem. Misie nie obsługują inherit'ów.
Ale to niezbyt duży problem. Wystarczy zmienić inherit na reprezentację koloru i będzie działało zarówno pod misiem jak i pod netscapem, mozillą czy operą.

Nie do konca.. Pseudoklasa :hover w IE działa jedynie dla linków (a:hover) - dla tr, td, divow, inputów itd - IE oczywiście nie da sobie rady.

[iro]

Więc wygląda na to, że w moim poście znalazły się 2 rzeczy, których miś nie obsługuje.
Zwracam honor Wojtek.
Ale to coraz bardziej mnie utwierdza w przekonaniu, że dobrze zrobiłem przerzucając się na Firefoxa