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 !
  1. <td width="150" valign="top" bgcolor="#FFFFFF">  
  2. <table cellspacing="0" border="0">  
  3. <tr>  
  4.    <td width="150" valign="top" bgcolor="#FFFFFF">  
  5.    <table cellspacing="0" border="0">  
  6.    <tr><td width="150" bgcolor="#AEADB7"><b>Menu</b></td></tr>  
  7.    <tr><td width="150" bgcolor="#D0D0D9"><a href="readmsg.php">Uzenetek olvasasa</a></td></tr>  
  8.    <tr><td width="150" bgcolor="#D0D0D9"><a href="sendmsgu.php">Uzenetek kuldese</a></td></tr>  
  9.    <tr><td width="150" bgcolor="#D0D0D9"><a href="editu.php">Felhasznalo adatai</a></td></tr>  
  10.   
  11.    <tr><td width="150" bgcolor="#D0D0D9"><a href="logout.php">Logout</a></td></tr>  
  12.    </td>  
  13. </table><td width="150" valign="top" bgcolor="#FFFFFF">  
  14. <table cellspacing="0" border="0">  
  15. <tr>  
  16. <!-- space -->  
  17. <td width="10" ></td>  
  18. <td width="630" valign="top">  
  19. <script language="javascript">  
  20. <!--  
  21. function checkAll() {  
  22.      var boxes = document.getElementsByTagName('input');  
  23.    
  24.      for (i = 0; i < boxes.length; i++) {  
  25.           if (boxes[i].type == 'checkbox')  
  26.                 boxes[i].checked = true;  
  27.      }  
  28. }  
  29.   
  30. function clearAll() {  
  31.      var boxes = document.getElementsByTagName('input');  
  32.    
  33.      for (i = 0; i < boxes.length; i++) {  
  34.           if (boxes[i].type == 'checkbox')  
  35.                 boxes[i].checked = false;  
  36.      }  
  37. }  
  38. //-->  
  39. </script>  
  40. <form name="myform" action="readmsg.php" method="post">  
  41. <table width="785" border="0">  
  42.   <tr>  
  43.   
  44.     <td bgcolor="#99CCFF" width="16">&nbsp;</td>  
  45.     <td bgcolor="#99CCFF" width="200">From</td>  
  46.     <td bgcolor="#99CCFF" width="401">Subiect</td>  
  47.     <td bgcolor="#99CCFF" width="140">Date</td>  
  48.   </tr><tr>  
  49.     <td><input type="checkbox" name="list[]" value="81" /></td>  
  50.     <td><a href="?id=81">admin</a></td>  
  51.     <td><a href="?id=81">ez egy subject</a></td>  
  52.     <td>2006-08-08 16:18:06</td>  
  53.   </tr><tr>  
  54.     <td><input type="checkbox" name="list[]" value="85" /></td>  
  55.     <td><a href="?id=85">admin</a></td>  
  56.     <td><a href="?id=85">ez egy masik subject</a></td>  
  57.     <td>2006-08-08 16:24:10</td>  
  58.   
  59.   </tr></table>  
  60. <table width="785" border="0">  
  61.   <tr>  
  62.     <td bgcolor="#99CCFF">  
  63.     <input type="button" name="CheckAll" value="Check all" onClick="checkAll(document.myform.list)">  
  64.     <input type="button" name="ClearAll" value="Clear all" onClick="clearAll(document.myform.list)">  
  65.     <input type="submit" name="Delete" value="Delete" /></td>  
  66.   </tr></table>  
  67. </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:
  1. <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ő.)
  1. ...  
  2. <tr id="check_1">  
  3. <td><input type="checkbox" name="list[1]" value="81" onClick="csiribiri(this,'check_1')"/></td>  
  4. ...  
  5. <script>  
  6. function csiribiri(check, tr){  
  7.   trobj=getElementById(tr);  
  8.   if(check.value){  
  9.     trobj.style.backgroundColor='yellow';  
  10.   }else{  
  11.     trobj.style.backgroundColor='';  
  12.   }  
  13. }  
  14. </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 !