ugrás a tartalomhoz

Bejelolt checkbox sorainak szinezese JS-sel

Anonymous · 2006. Aug. 8. (K), 22.56
Milyen AJAX koddal lehetne azt megcsinalni, hogy a kijelolt sorokat (amikor bejelolom a checkboxokat) szineze ki a sort peldaul sargaval ?

Pelda:

[x] sor1
[] sor1
[x] sor1

Az elso es a harmadik sor legyen szinezve.

Koszonom !

<td width="150" valign="top" bgcolor="#FFFFFF">
<table cellspacing="0" border="0">
<tr>
   <td width="150" valign="top" bgcolor="#FFFFFF">
   <table cellspacing="0" border="0">
   <tr><td width="150" bgcolor="#AEADB7"><b>Menu</b></td></tr>
   <tr><td width="150" bgcolor="#D0D0D9"><a href="readmsg.php">Uzenetek olvasasa</a></td></tr>
   <tr><td width="150" bgcolor="#D0D0D9"><a href="sendmsgu.php">Uzenetek kuldese</a></td></tr>
   <tr><td width="150" bgcolor="#D0D0D9"><a href="editu.php">Felhasznalo adatai</a></td></tr>

   <tr><td width="150" bgcolor="#D0D0D9"><a href="logout.php">Logout</a></td></tr>
   </td>
</table><td width="150" valign="top" bgcolor="#FFFFFF">
<table cellspacing="0" border="0">
<tr>
<!-- space -->
<td width="10" ></td>
<td width="630" valign="top">
<script language="javascript">
<!--
function checkAll() {
     var boxes = document.getElementsByTagName('input');
 
     for (i = 0; i < boxes.length; i++) {
          if (boxes[i].type == 'checkbox')
                boxes[i].checked = true;
     }
}

function clearAll() {
     var boxes = document.getElementsByTagName('input');
 
     for (i = 0; i < boxes.length; i++) {
          if (boxes[i].type == 'checkbox')
                boxes[i].checked = false;
     }
}
//-->
</script>
<form name="myform" action="readmsg.php" method="post">
<table width="785" border="0">
  <tr>

    <td bgcolor="#99CCFF" width="16">&nbsp;</td>
    <td bgcolor="#99CCFF" width="200">From</td>
    <td bgcolor="#99CCFF" width="401">Subiect</td>
    <td bgcolor="#99CCFF" width="140">Date</td>
  </tr><tr>
    <td><input type="checkbox" name="list[]" value="81" /></td>
    <td><a href="?id=81">admin</a></td>
    <td><a href="?id=81">ez egy subject</a></td>
    <td>2006-08-08 16:18:06</td>
  </tr><tr>
    <td><input type="checkbox" name="list[]" value="85" /></td>
    <td><a href="?id=85">admin</a></td>
    <td><a href="?id=85">ez egy masik subject</a></td>
    <td>2006-08-08 16:24:10</td>

  </tr></table>
<table width="785" border="0">
  <tr>
    <td bgcolor="#99CCFF">
    <input type="button" name="CheckAll" value="Check all" onClick="checkAll(document.myform.list)">
    <input type="button" name="ClearAll" value="Clear all" onClick="clearAll(document.myform.list)">
    <input type="submit" name="Delete" value="Delete" /></td>
  </tr></table>
</form>
‹ Charset probléma kedit, kate és konqueror használatával Lenyíló menü, szerkeszthető tartalommal (combobox) hogyan? ›
 ■
1

ajax?

Anonymous · 2006. Aug. 8. (K), 23.57
Mármint amikor a user rákattint?
Javascript, DOM.
Például: 
<input type="checkbox" name="list[]" value="85" onclick="this.style.backgroundColor='yellow'" />
azt hiszem...
2

Ez sima javascript, nem ajax

pp · 2006. Aug. 9. (Sze), 07.40
minden sornak adsz egy egyedi azonosítót, és minden checkboxnál az onClick eseményre ráültetsz egy fügvényt, aminek átadod paraméternek ezt az id-t.
pl. (nem próbáltam, lehet, hogy nem megy, de talán a módszer lényege érthető.)

...
<tr id="check_1">
<td><input type="checkbox" name="list[1]" value="81" onClick="csiribiri(this,'check_1')"/></td>
...
<script>
function csiribiri(check, tr){
  trobj=getElementById(tr);
  if(check.value){
    trobj.style.backgroundColor='yellow';
  }else{
    trobj.style.backgroundColor='';
  }
}
</script>
4

ne már onclick

Táskai Zsolt · 2006. Aug. 9. (Sze), 10.08
vannak egér nélkül netezők, illetve a billentyűzetet és az egeret vegyesen használók. néhány kontrollnál 'onchange', máshol meg más. de mindenképp gondoljatok erre...
jó munkát,
Tasi
3

hahó

toxin · 2006. Aug. 9. (Sze), 08.34
téged 5 évvel ezelőtt hibernáltak ? :) közben feltalálták a css-t , diszkrét javascript-et, meg a tableless form-ot , üdv újra köztünk ;)
5

koszonom

Anonymous · 2006. Aug. 9. (Sze), 19.17
Mukodik, koszonom !