Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jquery ajax таблички / 9 сообщений из 9, страница 1 из 1
19.11.2009, 19:39
    #36320792
alexandre2
alexandre2
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery ajax таблички
Возникла такая дилемма загружаю c помощью jquery php вывод таблички работает загружается, дальше пытаюсь сделать неоднократно описанную в разных примерах зебру хоть убейся не работает. Вроде пару строчек а не как.
index.html
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
<!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
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
<?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);
?>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.11.2009, 22:19
    #36320994
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery ajax таблички
alexandre2,

Не понял. Зебра - это чередование стилей строчек в таблице? Ну и пишите, в зависимости от чётности номера строки (знак "%") класс цсс.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.11.2009, 01:12
    #36321201
alexandre2
alexandre2
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery ajax таблички
Проблема не в том чтоб написать у меня отдельно работает зебра отдельно работает аякс а в месте почему то не хочет работать табличка. Посмотрите код jquery там вроде все должно работать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.11.2009, 01:16
    #36321207
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery ajax таблички
alexandre2Проблема не в том чтоб написать у меня отдельно работает зебра отдельно работает аякс а в месте почему то не хочет работать табличка. Посмотрите код jquery там вроде все должно работать.
Ацтой. Зебру делайте на сервере с помощью пхп.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.11.2009, 01:36
    #36321225
an0nym
an0nym
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery ajax таблички
alexandre2Проблема не в том чтоб написать у меня отдельно работает зебра отдельно работает аякс а в месте почему то не хочет работать табличка. Посмотрите код jquery там вроде все должно работать.
Не работает у вас потому что ready наступает при загрузке документа, а получение данных по аяксу - после (при загрузке документа только отправляется запрос на данные, возвращаются данные позже).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.11.2009, 03:11
    #36321302
alexandre2
alexandre2
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery ajax таблички
попробовал немного переделать не работает а что делать если ту же зебру или другие наворты вообще хочется подключить отдельным файлом?
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<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);
        	},
        });
         zebraRows('tbody tr:odd td', 'odd');  
    	//используется для того, чтобы задать чередование стилей строк 
    	function zebraRows(selector, className) 
    	{ 
    	$(selector).removeClass(className).addClass(className); 
         }
    });
});
</script>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.11.2009, 08:15
    #36321382
m-arbatov
m-arbatov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery ajax таблички
Посмотрите через IE developer toolbar или FireBug, тот ли HTML получается на выходе
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.11.2009, 08:38
    #36321404
GWhite
GWhite
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery ajax таблички
Для начала попробуйте перенести
вызов zebraRows в
Код: plaintext
1.
2.
3.
4.
success: function(answer){
            	$("#result").html(answer);
                zebraRows('tbody tr:odd td', 'odd');
        	}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.11.2009, 02:52
    #36323569
alexandre2
alexandre2
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery ajax таблички
Спасибо после переноса заработало теперь буду думать над редактированием ячейки на jquery, может уже похожая тема была уже?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jquery ajax таблички / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 503ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1453931]:
 0ms
get settings:
 7ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 189ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 30ms
get tp. blocked users:
 1ms
others: 244ms
total:  503ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]