Change color tr onclick

I have this code, when the row is clicked the row is changed to 'selected_row'. When clicked again it´s supposed to c开发者_JAVA百科hange back to '$class', but it doesn't. What is causing the trouble and how can I solve this?

$class = ($class == 'even') ? 'odd' : 'even';

echo '<tr class="'.$class.'" onclick="this.className=this.className==\'selected_row\'? '.$class.' :\'selected_row\';">

You forgot a closing quote behind the last $class.

I think these kind of syntax errors should show up when you use FireBug or similar debugging tools.

Hi you could try this, simply place the function below within the section of your html code.

<script type="text/javascript">
function toggleClass(ele,customClass)
{
    ele.className=ele.className=='selected_row' ? customClass:'selected_row';
}
</script>

Then change your existing syntax from:

echo '<tr class="'.$class.'" onclick="this.className=this.className==\'selected_row\'? '.$class.' :\'selected_row\';">

To:

echo '<tr class="'.$class.'" onclick="toggleClass(this,\''.$class.'\');"><td>apple</td></tr>';

Hope this helps.