File "highlight_row02.html"

Full Path: /home/analogde/www/Prog/File explorer/highlight_row02.html
File size: 1.39 KB
MIME-type: text/html
Charset: utf-8

<script>
    function toggleSelect(el) {
        el.classList.toggle("selected");
    }

 </script>   

<style>
.selected {
    background-color: #E30B5C;
}
</style>


<h1>Het weer van deze week</h1>
    <table>
        <tr onclick="toggleSelect(this)">
            <th></th>
            <th>Vandaag <br> <img class="w_icon" src="../assets/images/maan_regen.png"  alt="maan met regen" > </th>
            <th>Morgen <br> <img class="w_icon" src="../assets/images/regenwolk.png"  alt="wolkje met regen" ></th>
            <th>Overmorgen <br> <img class="w_icon" src="../assets/images/wolk_zon.png"  alt="wolk met een zonnetje" ></th>
            <th>Daarna <br> <img class="w_icon" src="../assets/images/zon.png"  alt="zonneschijn" ></th>
        </tr>
        <tr onclick="toggleSelect(this)">
            <td id="min_temp">Minimum temperatuur</td>
            <td>5&#8451;</td>
            <td>7&#8451;</td>
            <td>7&#8451;</td>
            <td>7&#8451;</td>
        </tr>
        <tr onclick="toggleSelect(this)">
            <td id="max_temp">Maximum temperatuur</td>
            <td>5&#8451;</td>
            <td>7&#8451;</td>
            <td>7&#8451;</td>
            <td>7&#8451;</td>
        </tr>
        <tr onclick="toggleSelect(this)">
            <td id="wind">Wind</td>
            <td colspan="4">Deze week geen wind van betekenis</td>
        </tr>
    </table>