Programalama > JAVA SCRIPT

JAVA SCRIPT / Form Kutucukları

Form Kutucukları Işaretlendiğinde Tablo Hücrelerinin Arkaplan Renginin Değişmesini De Sağlıyor

Etiketler: form, kutucukları

Ort. 3

Puan ver:

hazirkod 19 June 19:34 1

2 kişiden 6 puan aldı

5717

<html>
<head>
<title>Table Row Highlighter</title>
<script type="text/javascript">

/* JavaScripts http://kanalbizim.tr.gg
Created by: Gil Davis | kanalbizim */
function check(it) {
  tr = it.parentNode.parentNode;
  tr.style.backgroundColor = (it.checked) ? "gold" : "white";
}
</script>

<style type="text/css">
<!--
tr.row {
  color: #cc3333;
  background-color: white;
}

td.col {
  border: 1px solid blue;
  padding: 5px;
}

table.test {
  text-align: center;
  width: 340px;
  margin-left: 10%
}
-->
</style>

</head>
<body>

<form onsubmit="return false">
<table class="test">
<tr class="row"><td class="col"><input type="checkbox" onclick="check(this)"></td><td class="col"><a href="http://kanalbizim.tr.gg">kanalbizim.tr.gg</a></td><td class="col"><a href="http://kanalbizim.tr.gg">kanalbizim.tr.gg</a></td></tr>
<tr class="row"><td class="col"><input type="checkbox" onclick="check(this)"></td><td class="col"><a href="http://kanalbizim.tr.gg">kanalbizim.tr.gg</a></td><td class="col"><a href="http://kanalbizim.tr.gg">kanalbizim.tr.gg</a></td></tr>
<tr class="row"><td class="col"><input type="checkbox" onclick="check(this)"></td><td class="col"><a href="http://kanalbizim.tr.gg">kanalbizim.tr.gg</a></td><td class="col"><a href="http://kanalbizim.tr.gg">kanalbizim.tr.gg</a></td></tr>
<tr class="row"><td class="col"><input type="checkbox" onclick="check(this)"></td><td class="col"><a href="http://kanalbizim.tr.gg">kanalbizim.tr.gg</a></td><td class="col"><a href="http://kanalbizim.tr.gg">kanalbizim.tr.gg</a></td></tr>
</table>
</form>

</body>
</html>

http://www.kanalbizim.tr.gg
kanalbizim@hotmail.com