tableClicker

by raskalbass

HTML

<table border='1' cellpadding='1' cellspacing='1'>
    <tbody>
        <tr class='clickableRow' data-url='{content/emailEtiquette/emailEtiquette_page1.html}'>
            <td>Email Etiquette</td>
        </tr>
        <tr class='clickableRow' data-url='{content/officeEtiquette/officeEtiquette_page1.html}'>
            <td>Office Etiquette</td>
        </tr>
    </tbody>
</table>

CSS

.clickable {
    cursor: pointer;
}

JavaScript

$(".clickableRow").click(function () {
        alert("you clicked: " + $(this).attr("data-url"));
    });