Тема: jquery ajax html
Показать сообщение отдельно
  #3 (permalink)  
Старый 18.11.2009, 23:08
Аспирант
Отправить личное сообщение для alexandre Посмотреть профиль Найти все сообщения от alexandre
 
Регистрация: 23.03.2009
Сообщений: 44

Возникла такая дилемма загружаю c помощью jquery php вывод таблички работает загружается, дальше пытаюсь сделать неоднократно описанную в разных примерах зебру хоть убейся не работает. Вроде пару строчек а не как.
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../../../js/jquery-ui-1.7.2.custom/js/jquery-1.3.2.min.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8">	
<title>title </title>
</head>
<body id="index">
<div id="result">
ход запроса
</div>

<button> отправить </button>

<script type="text/javascript">
// по окончанию загрузки страницы
$(document).ready(function(){             
    $("button").click(function(){
        $.ajax({
            url: "query.php",
			type: "POST",
			dataType: "HTML",
			beforeSend: function(){
				$("#result").html("<img scr='img1.jpg' /> Loading...");
        	},
        	success: function(answer){
            	$("#result").html(answer);
        	},
        	
        });
    });
});
//то что не работает
$(document).ready(function() { 
    zebraRows('tbody tr:odd td', 'odd'); 
	}); 
	
	//используется для того, чтобы задать чередование стилей строк 
	function zebraRows(selector, className) 
	{ 
	$(selector).removeClass(className).addClass(className); 
     }

</script>
</body>
</html>


query.php
<?php
require_once('mysql.php');

$result = mysql_query("SELECT * FROM client ORDER BY name");

echo 
"<div id='pagewrap'> 
	<div id='body'> 
		<table border='1px' cellpadding='1' cellspacing='1' id='resultTable'>
			<thead>
			<tr> <th >-</th><th>Имя</th><th>Редактировать</th> </tr>
			</thead>
		<tbody>";
		$cr = "\n";
		$ctr = 0;
		while($row = mysql_fetch_array($result))
  		{
  		$ctr++;
  
  		echo '<tr id="row'.$ctr.'" >'.$cr;
  		echo '<td><input type="checkbox" id="cb'.$ctr.'" \> <input type="hidden" id="rowid'.$ctr.'" value="'.$row['id'].'" \> </td>'.$cr;
  		echo '<td>' . $row['id'] . '. '. htmlspecialchars($row['name']) . '</td>'.$cr;
  		echo '<td><input type="button" onClick="editRow('.$row['id'].')" value="Редактировать"></td>'. $cr;
  		echo '</tr>'.$cr;
  		}  
		echo 
		"</tbody>
		</table>
	</div>
</div>";

//mysql_close($con);
?>

сутки бьюсь все никак не пойму в чем проблема просто если к php выводу применить то работает а если к аяксовуму выводу то ниче не работает а почуму ума не приложу.

Последний раз редактировалось Octane, 19.11.2009 в 19:43. Причина: http://javascript.ru/formatting
Ответить с цитированием