diedVIPs

html knowhow

Farbe einer Tabelle ändern










Farbe einer Tabelle ändern

Das Script ändert alle Farben in einer Tabelle, deren Zellenhintergrund auf "automatic" gestellt sind.
So sieht´s aus


Quellcode
<html>
<head>
<style type="text/css">
#button1,#button2 {text-align: center; margin-top: 20px; font-size: 1em; font-family: Myriad Pro; font-weight: semibold; color: red; border-radius: 15px; padding: 1%;}
#button1 {background: #F3D7D7;width:100px;}
#button2 {background: #D1F2F5;width:100px;}
</style>
</head>

<body>
<table>
<tr><td class="auto-style18">

<input id="button1" type="button" value="Hellrot" onclick="setColor('#F3D7D7')"/>
<input id="button2" type="button" value="Hellblau" onclick="setColor('#D1F2F5')"/> <br/>
<script>
function setColor(color){
document.getElementById("tableCell").style.backgroundColor=color;
};
</script>
<br />
</td></tr>
</table>
</body>

</html>








Kontakt    Datenschutz    Impressum