Jump to content
php.lv forumi

Tabulas katru otro rindu iekrāsot


Sasa
 Share

Recommended Posts

tr.zils { background:blue }

 

tr:hover { background:blue } // shis tev uztaisiis zilu bg, kad brauksi ar peli paari tabulas rindaam

 

<tr class="zils">

<td>zils</td>

</tr>

<tr>

<td>balts</td>

</tr>

Link to comment
Share on other sites

  • 8 months later...

Jquery te ir spēks :)

 

JS

$(document).ready(function(){
 $("table#zebra tr:odd").addClass("highlighted");
});

 

HTML

<table id="zebra">
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>

 

CSS

table#zebra tr.highlighted td{
background-color:green;
}

Edited by briedis
Link to comment
Share on other sites

$(document).ready(function(){ 
 $("table#zebra tr:odd").addClass("highlighted");

 $("table#zebra tr").hover(function(){
   $(this).addClass("hover");
 },function(){
   $(this).removeClass("hover");
 });
});

 

CSS

table#zebra tr.hover td{
background-color:green;
}
table#zebra tr.highlighted.hover td{
background-color:red;
}

 

 

A man liekas debīli rakstīt 70 rindiņas, ja var uzrakstīt 10 rindiņas...

 

 

Un ne jau vienīgā vieta, kur var izmantot jquery ir liekot hover efektus...

Edited by briedis
Link to comment
Share on other sites

Vai es esmu vienīgais, kuram tas liekas nedaudz debīli ?
Nebūsi vis.

 

$(document).ready(function(){ 
 $("table#zebra tr:odd").addClass("highlighted");

 $("table#zebra tr").hover(function(){
   $(this).addClass("hover");
 },function(){
   $(this).removeClass("hover");
 });
});

 

A man liekas debīli rakstīt 70 rindiņas, ja var uzrakstīt 10 rindiņas..

10 rindiņas ar jQuery vs:

$i = 0; // ārpus cikla
$i++;
$highligh = $i % 2 ? '' : ' highlight';
echo '<rinda class="[..]', $hightlight, '">blah dati</rinda>';

Jeb - veselas 3 jaunas rindiņas + labojums ceturtajā. Ne tuvu minētajām 70 rindām. Un civilizēti browseri, cik atceros, saprot :hover pseidoklasi bez jebkādas JavaScript iejaukšanās.

Edited by Kavacky
Link to comment
Share on other sites

 Share

×
×
  • Create New...