Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   вопрос по tablesorter(сорировка таблицы) (https://javascript.ru/forum/jquery/39210-vopros-po-tablesorter-sorirovka-tablicy.html)

Nailya 20.06.2013 15:20
вопрос по tablesorter(сорировка таблицы)
 
Всем привет!

Использовала плагин tablesorter(ниже ссылка) для сортировки таблицы.
если прописать несколько <tr> и <td>, то сортировка работает исправно,но у меня <tr><td> в цикле и он не работает.

Вопрос, почему такой вариант не работает?

http://www.jstoolbox.com/2008/05/14/...c-dlya-jquery/


$(document).ready(function() 
    { 
        $("#large").tablesorter(); 
    } 
);

Вот код:
<table id="large" cellspacing="0" class="tablesorter">

<thead>
	 <tr>
         <th rowspan="2" class="head" class="headerSortUp" class="headerSortDown">Отзывы</th>
		 <th rowspan="2" class="head" class="headerSortUp" class="headerSortDown">Время</th>
		 <th rowspan="2" class="head" class="headerSortUp" class="headerSortDown">Модерация</th>
		 <th rowspan="2" class="head" class="headerSortUp" class="headerSortDown">Выборка</th>
     </tr>
</thead>
<?php

	if(!$table) die("Error_select: " . mysql_error());
	$rows = mysql_num_rows($table);
	
	for($j=0; $j<$rows; $j++){
		$row = mysql_fetch_row($table);
?>

<tbody>
		<tr>
			<td> <?php echo $row[0] ?></td>
			<td> <?php echo $row[1] ?></td>
			<td> <?php echo $row[2] ?></td>
			<td><form action="adminka.php" method="post">
                Добавить<input type="checkbox" id="select_1" name="act1[<?php echo $row[3]?>]">
                На модерации<input type="checkbox" id="select_0" name="act0[<?php echo $row[3]?>]">
                Удалить<input type="checkbox" id="delete" name="act3[<?php echo $row[3]?>]"></td>
		</tr>
		
		  
</tbody><?php }?>
</table>

skrudjmakdak 20.06.2013 15:52
можете прислать с генерированную html страницу
если цикл большой, сократите его искусственно, чтобы с генерированная страница не была большой

skrudjmakdak 20.06.2013 15:53
и если можно ссылку на tablesorter для скачивания, чтобы я не рыскал эту либу по нету

Nailya 20.06.2013 16:02
Сгенерированная страница небольшая(11 строк)

вот плагин
tablesorter.com/docs/#Download

подключила эти два файла:
<script type="text/javascript" src="jquery.tablesorter.js"></script>
<script type="text/javascript" src="jquery-latest.js"></script>

skrudjmakdak 20.06.2013 16:07
нууу и)) скидывайте вашу html я не телепат)

Nailya 20.06.2013 16:17
sort1.php

<?php 
include ('connect_data.php');
header("Content-Type: text/html; charset=utf-8");
?>
<html>
<head>
<title>tablesorter</title>
	<script type="text/javascript" src="jquery-latest.js"></script>
	<script type="text/javascript" src="sort.js"></script>
	<script type="text/javascript" src="jquery.tablesorter.js"></script>
	<link href="otzyvy.css" rel="stylesheet" type="text/css">
</head>
<body>
<?php 
$table = mysql_query("SELECT com ,
		 time , moderation , id FROM table_com");
?>
<table id="large" cellspacing="0" class="tablesorter">

<thead>
	 <tr>
         <th rowspan="2" class="head" class="headerSortUp" class="headerSortDown">Отзывы</th>
		 <th rowspan="2" class="head" class="headerSortUp" class="headerSortDown">Время</th>
		 <th rowspan="2" class="head" class="headerSortUp" class="headerSortDown">Модерация</th>
		 <th rowspan="2" class="head" class="headerSortUp" class="headerSortDown">Выборка</th>
     </tr>
</thead>
<?php

	if(!$table) die("Error_select: " . mysql_error());
	$rows = mysql_num_rows($table);
	
	for($j=0; $j<$rows; $j++){
		$row = mysql_fetch_row($table);
?>

<tbody>
		<tr>
			<td> <?php echo $row[0] ?></td>
			<td> <?php echo $row[1] ?></td>
			<td> <?php echo $row[2] ?></td>
			<td><form action="sort1.php" method="post">
                Добавить<input type="checkbox" id="select_1" name="act1[<?php echo $row[3]?>]">
                На модерации<input type="checkbox" id="select_0" name="act0[<?php echo $row[3]?>]">
                Удалить<input type="checkbox" id="delete" name="act3[<?php echo $row[3]?>]"></td>
		</tr>
		
		  
</tbody><?php }?>
</table>
	
	</body>
</html>

skrudjmakdak 20.06.2013 16:32
Nailya, вы знайте в чем разница между php и html. вы мне сейчас php скинули, а мне надо html. php кода в чистом html быть не должно

skrudjmakdak 20.06.2013 16:34
в браузере нажмите ctrl + u. откроется (должно) новое окно
скопируйте и вставьте сюда

Nailya 20.06.2013 16:42
я только не понимаю, что вы хотите с чистым html сделать, если вы хотите проверить работает она или нет, то да, работатет

<html>
<head>
<title>tablesorter</title>
</head>
<body>
<table id="large" cellspacing="0" class="tablesorter">
	
	<thead>
		 <tr>
              
              <th rowspan="2">Three</th>
				<th rowspan="2">Three</th>
				<th rowspan="2">Three</th>
              <th rowspan="2">Three</th>
				<th rowspan="2">Three</th>
           </tr>
		<tr>
			<th>Name</th>
			<th>Major</th>
			
		</tr>
	</thead>
	<tfoot>
		<tr>
			<th>Name</th>

			<th>Major</th>
			<th>Sex</th>
			<th>English</th>
			<th>Japanese</th>
			<th>Calculus</th>
			<th>Geometry</th>

		</tr>
	</tfoot>
	<tbody>
		<tr>
			<td>Student01</td>
			<td>Languages</td>
			<td>male</td>

			<td>80</td>
			<td>70</td>
			<td>75</td>
			<td>80</td>
		</tr>
		<tr>
			<td>Student02</td>

			<td>Mathematics</td>
			<td>male</td>
			<td>90</td>
			<td>88</td>
			<td>100</td>
			<td>90</td>

		</tr>
		<tr>
			<td>Student03</td>
			<td>Languages</td>
			<td>female</td>
			<td>85</td>
			<td>95</td>

			<td>80</td>
			<td>85</td>
		</tr>
		
	</tbody>
</table>
	
	</body>
</html>

skrudjmakdak 20.06.2013 16:49
мы видимо друг друга не понимаем. пришлите скан. и опешите что у вас не идет

и мне что то с трудом верится, что это с генерированная html по вашему php, т.к. ответ вы пишите совсем другой.. а с генерироваться должно совсем другое..

Nailya 20.06.2013 16:50 
<html>
<head>
<title>tablesorter</title>
	<script type="text/javascript" src="jquery-latest.js"></script>
	<script type="text/javascript" src="sort.js"></script>
	<script type="text/javascript" src="jquery.tablesorter.js"></script>
	<link href="otzyvy.css" rel="stylesheet" type="text/css">
</head>
<body>
<table id="large" cellspacing="0" class="tablesorter">

<thead>
	 <tr>
         <th rowspan="2" class="head" class="headerSortUp" class="headerSortDown">Отзывы</th>
		 <th rowspan="2" class="head" class="headerSortUp" class="headerSortDown">Время</th>
		 <th rowspan="2" class="head" class="headerSortUp" class="headerSortDown">Модерация</th>
		 <th rowspan="2" class="head" class="headerSortUp" class="headerSortDown">Выборка</th>
     </tr>
</thead>

<tbody>
		<tr>
			<td> dtyutyiyu</td>
			<td> 2013-06-19 14:22:29</td>
			<td> 0</td>
			<td><form action="adminka.php" method="post">
                Добавить<input type="checkbox" id="select_1" name="act1[333]">
                На модерации<input type="checkbox" id="select_0" name="act0[333]">
                Удалить<input type="checkbox" id="delete" name="act3[333]"></td>
		</tr>
		
		  
</tbody>
<tbody>
		<tr>
			<td> gghjggj

dsdgfhjhk,
djgfjhljkhgklj; dhfhggkgl chfgj</td>
			<td> 2013-06-19 16:32:02</td>
			<td> 0</td>
			<td><form action="adminka.php" method="post">
                Добавить<input type="checkbox" id="select_1" name="act1[334]">
                На модерации<input type="checkbox" id="select_0" name="act0[334]">
                Удалить<input type="checkbox" id="delete" name="act3[334]"></td>
		</tr>
		
		  
</tbody>
<tbody>
		<tr>
			<td> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</td>
			<td> 2013-06-19 12:18:36</td>
			<td> 1</td>
			<td><form action="adminka.php" method="post">
                Добавить<input type="checkbox" id="select_1" name="act1[335]">
                На модерации<input type="checkbox" id="select_0" name="act0[335]">
                Удалить<input type="checkbox" id="delete" name="act3[335]"></td>
		</tr>
		
		  
</tbody>
<tbody>
		<tr>
			<td> врарро</td>
			<td> 2013-06-19 14:22:21</td>
			<td> 0</td>
			<td><form action="adminka.php" method="post">
                Добавить<input type="checkbox" id="select_1" name="act1[339]">
                На модерации<input type="checkbox" id="select_0" name="act0[339]">
                Удалить<input type="checkbox" id="delete" name="act3[339]"></td>
		</tr>
		
		  
</tbody>
<tbody>
		<tr>
			<td> tytytyt</td>
			<td> 2013-06-19 14:22:39</td>
			<td> 0</td>
			<td><form action="adminka.php" method="post">
                Добавить<input type="checkbox" id="select_1" name="act1[341]">
                На модерации<input type="checkbox" id="select_0" name="act0[341]">
                Удалить<input type="checkbox" id="delete" name="act3[341]"></td>
		</tr>
		
		  
</tbody>
<tbody>
		<tr>
			<td> uiuiu</td>
			<td> 2013-06-19 15:22:25</td>
			<td> 1</td>
			<td><form action="adminka.php" method="post">
                Добавить<input type="checkbox" id="select_1" name="act1[342]">
                На модерации<input type="checkbox" id="select_0" name="act0[342]">
                Удалить<input type="checkbox" id="delete" name="act3[342]"></td>
		</tr>
		
		  
</tbody>
<tbody>
		<tr>
			<td> реен</td>
			<td> 2013-06-19 13:45:45</td>
			<td> 1</td>
			<td><form action="adminka.php" method="post">
                Добавить<input type="checkbox" id="select_1" name="act1[361]">
                На модерации<input type="checkbox" id="select_0" name="act0[361]">
                Удалить<input type="checkbox" id="delete" name="act3[361]"></td>
		</tr>
		
		  
</tbody>
<tbody>
		<tr>
			<td> вавп</td>
			<td> 2013-06-19 12:17:19</td>
			<td> 0</td>
			<td><form action="adminka.php" method="post">
                Добавить<input type="checkbox" id="select_1" name="act1[379]">
                На модерации<input type="checkbox" id="select_0" name="act0[379]">
                Удалить<input type="checkbox" id="delete" name="act3[379]"></td>
		</tr>
		
		  
</tbody>
<tbody>
		<tr>
			<td> вапв</td>
			<td> 2013-06-19 12:32:42</td>
			<td> 1</td>
			<td><form action="adminka.php" method="post">
                Добавить<input type="checkbox" id="select_1" name="act1[380]">
                На модерации<input type="checkbox" id="select_0" name="act0[380]">
                Удалить<input type="checkbox" id="delete" name="act3[380]"></td>
		</tr>
		
		  
</tbody>
<tbody>
		<tr>
			<td> hfgh</td>
			<td> 2013-06-20 11:59:53</td>
			<td> 1</td>
			<td><form action="adminka.php" method="post">
                Добавить<input type="checkbox" id="select_1" name="act1[381]">
                На модерации<input type="checkbox" id="select_0" name="act0[381]">
                Удалить<input type="checkbox" id="delete" name="act3[381]"></td>
		</tr>
		
		  
</tbody>
<tbody>
		<tr>
			<td> yiy</td>
			<td> 2013-06-19 12:17:19</td>
			<td> 0</td>
			<td><form action="adminka.php" method="post">
                Добавить<input type="checkbox" id="select_1" name="act1[382]">
                На модерации<input type="checkbox" id="select_0" name="act0[382]">
                Удалить<input type="checkbox" id="delete" name="act3[382]"></td>
		</tr>
		
		  
</tbody></table>
	
	</body>
</html>

Nailya 20.06.2013 16:51
извинте, я правда вас не поняла

Nailya 20.06.2013 17:04
я нашла свою ошибку, дело в том, что генерировалась <tbody>

skrudjmakdak 20.06.2013 17:42
вот, я эту ошибку видел сразу.. хотел чтобы вы сами до этого дошли)) и все таки дошли)

мой препод также меня мучал, в свое время.. и из меня что то получилось))

Nailya 21.06.2013 09:41
спасибо за урок) ctrl + u мне помог

Nailya 21.06.2013 09:50
У меня еще одна проблема выплыла: при нажатии на сортировку(th), и при отмеченных чекбоксах, submit перестает работать, ничего не отправляя в бд.

Подскажите в чем может быть дело?

Nailya 21.06.2013 16:15
уже не надо нашла ошибку


Часовой пояс GMT +3, время: 05:32.