Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Tabele w Javascript (nie działa tak jak bym chciał)
Forum PHP.pl > Forum > Po stronie przeglądarki
wouga
27.07.2007, 10:39:36
Mam Skrypt który ostatnio pisałem i inne kody modyfikowałem aby osiągnąć chciany efekt.. i osiągnąłem... ale tylko pod mozzilla... możecie mi powiedzieć dlaczego pod IE nie działa a pod Operą dziwnie wygląda?
z góry dzieki

oto kod:
[HTML] pobierz, plaintext 
  1. <body onload="start()">
  2. <script>
  3. var gUniqueRowID = 0;
  4.  
  5. //-----------------------------------------------------
  6.  
  7. function usuwaj_ajax(theRowID,co) 
  8. 		{
  9. 		var table = document.getElementById( "users" );
  10. 		var rowToDelete = document.getElementById( theRowID );
  11. 		if (confirm("Czy Napewno Chcesz Usunąć tego uzytkownika?"))
  12. 		{
  13. 		//table.removeChild( rowToDelete );
  14. 		//removeRowWithID( theRowID,co);
  15. 		advAJAX.setDefaultParameters
  16. 		({
  17. 		onInitialization : function(obj) 
  18. 			{
  19. 			var table = document.getElementById( "users" );
  20. 			var newRow = document.createElement( "tr" );
  21. 			table.appendChild( newRow );
  22. 			gUniqueRowID += 1;
  23. 			newRow.id = "queryItem" + gUniqueRowID;	
  24. 			var gRowText = "<td colspan=8 align=center bgcolor=#FF0000><h1>Prosze Czekać!</h1></td>";
  25. 			str = gRowText.replace( /#ROWID#/g, ""+gUniqueRowID );
  26. 			newRow.innerHTML = str;
  27.  
  28. 			},
  29. 		onSuccess : function(obj) 
  30. 			{
  31. 			var table2 = document.getElementById( "users" );
  32. 			var rowToDelete2 = document.getElementById("queryItem"+gUniqueRowID);
  33. 			table2.removeChild( rowToDelete2);
  34. 			if(obj.responseText==1)
  35. 				{
  36. 				table.removeChild( rowToDelete );
  37. 				}
  38. 			else if(obj.responseText==0)
  39. 				{
  40. 				alert('ERROR! Nie Można Usunąć!');
  41. 				}
  42. 			else
  43. 				{
  44. 				alert('ERROR! Błędna Komenda!');
  45. 				}
  46.  
  47. 			},
  48. 		onError : function(obj) 
  49. 			{
  50. 			alert('ERROR! Nie Można Usunąć!');
  51. 			}
  52. 		});
  53. 	advAJAX.get({ url: "cmd.php?&cmd=delete&cmd2=users&id="+co, tag: "dostepnosc" });
  54. 	advAJAX.setDefaultParameters({});
  55. 	}
  56. 		}
  57.  
  58. //-----------------------------------------------------
  59.  
  60. function removeRowWithID( theRowID,co)
  61. 	{
  62. 	var table = document.getElementById( "users" );
  63. 	var rowToDelete = document.getElementById( theRowID );
  64. 	if (confirm("Czy Napewno Chcesz Usunąć tego uzytkownika?"))
  65. 	table.removeChild( rowToDelete );
  66. 	}
  67. //-----------------------------------------------------
  68.  
  69. function start()
  70. 	{
  71. 			newRow('1','Nazwisko,'Imie','wouga','#######','szczegoly','Szczegóły');
  72.  
  73. 			newRow('2','Nazwisko2,'Imie2','wouga2','#######','szczegoly','Szczegóły');			}
  74.  
  75. //-----------------------------------------------------	
  76.  
  77. function newRow(id,nazwisko,imie,nick,email,akcja_l,akcja)
  78. 	{
  79. 	var table = document.getElementById( "users" );
  80. 	var newRow = document.createElement( "tr" );
  81. 	table.appendChild( newRow );
  82. 	gUniqueRowID += 1;
  83. 	newRow.id = "queryItem" + gUniqueRowID;
  84. 	var gRowText = "<td width=24 height=21>"+id+"</td><td width=86 height=21>"+nazwisko+"</td><td width=56 height=21>"+imie+"</td><td width=82 height=21>"+nick+"</td><td width=125 height=21>"+email+"</td><td width=45 height=21><a href=\"?op=konta&cmd=edytuj&id="+id+"\">[Edytuj]</a></td><td width=39 height=21><a href=\"java script:usuwaj_ajax('queryItem#ROWID#','"+id+"');\">[Usuń]</a></td><td width=70 height=21><a href=\"?op=konta&cmd="+akcja_l+"&id="+id+"\">["+akcja+"]</a></td>";
  85. 	str = gRowText.replace( /#ROWID#/g, ""+gUniqueRowID );
  86. 	newRow.innerHTML = str;
  87. 	newRow.setAttribute("onmouseover", "this.style.background='#ababab'");
  88. 	newRow.setAttribute("onmouseout", "this.style.background=''");
  89. 	}
  90.  
  91. </script>
  92.     <table border="0" class="" cellpadding="2" cellspacing="2" style="border-collapse: collapse" bordercolor="#111111" width="544" height="52" id="users">
  93.  
  94.     <tr bgcolor="#8b8b8b">
  95.       <td width="24" height="21">id</td>
  96.       <td width="86" height="21">Nazwisko</td>
  97.       <td width="56" height="21">Imię</td>
  98.       <td width="82" height="21">Nick</td>
  99.       <td width="125" height="21">E-mail</td>
  100.  
  101.       <td width="45" height="21">[Edytuj]</td>
  102.       <td width="39" height="21">[Usuń]</td>
  103.       <td width="70" height="21">[Akcja]</td>
  104.     </tr>
  105.  
  106.   </table>
[HTML] pobierz, plaintext
stoprocent
3.08.2007, 11:40:17
Nie wglebilem sie w caly skrypt ale z tego co mi sie wydaje to problem polega na tym ze IE ma ograniczony dostep to innerHTML etc poprzez tag table.
Daj w table jeszce tbody i wtdy odwoluj sie do tbody a nie do table.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.