ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jquery ajax таблички
9 сообщений из 9, страница 1 из 1
jquery ajax таблички
    #36320792
alexandre2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
alexandre2
Гость
Возникла такая дилемма загружаю 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, 19:39
| Ответить | Цитировать | Написать  
jquery ajax таблички
    #36320994
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
alexandre2,

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


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