Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.08.2013, 09:28
Новичок на форуме
Отправить личное сообщение для lemuriec Посмотреть профиль Найти все сообщения от lemuriec
 
Регистрация: 01.08.2013
Сообщений: 4

plugin selectable
Добрый день.
Мммм... столкнулся с проблемой по плагину selectable.
В основном в интернете во всех примерах его применяют к <ul><li> . А можно ли его применять к строкам динамической таблице выгруженной из БД? Если нет то как сделать следующее: при наведении курсора на строку динамической таблицы чтоб эта строка подсвечивалась. А при клике она (строка) выделялась? если можно сделать это плагином то подскажите пожалуйста как? Я делал так:
<style>
	
	#selectable .ui-selecting { background: #FECA40; }
	#selectable .ui-selected { background: #F39814; color: white; }
	#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
	#selectable tr { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
	</style>
	<script>
	$(function() {
		$( "#selectable" ).selectable();
	});
	</script>


а сама таблица так:
<table align="center" class="table1" id="selectable" >
  <thead>
  <tr>
    <th>col1</th>
    <th>col2</th>
   
  </tr>
  </thead>
  <tbody >
    
  <?php do { ?>
  
   <tr>
      
      <td><?php echo $row_Recordset1['col1']; ?></td>
      <td><?php echo $row_Recordset1['col2']; ?></td>
      
    </tr>
    <?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); ?>
   </tbody>
</table>

Но при этом выделяется одна ячейка, а не строка и то через раз. Что делать?
Ответить с цитированием
  #2 (permalink)  
Старый 01.08.2013, 12:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,070

Сообщение от lemuriec
Но при этом выделяется одна ячейка, а не строка и то через раз. Что делать?
а подумать -- что для ваших tr будет тоже самое чем для li является ul.
Ответить с цитированием
  #3 (permalink)  
Старый 01.08.2013, 15:30
Новичок на форуме
Отправить личное сообщение для lemuriec Посмотреть профиль Найти все сообщения от lemuriec
 
Регистрация: 01.08.2013
Сообщений: 4

в тег tbody вставлял id="selectable" - не помогает
Ответить с цитированием
  #4 (permalink)  
Старый 01.08.2013, 15:30
Новичок на форуме
Отправить личное сообщение для lemuriec Посмотреть профиль Найти все сообщения от lemuriec
 
Регистрация: 01.08.2013
Сообщений: 4

Сообщение от рони Посмотреть сообщение
а подумать -- что для ваших tr будет тоже самое чем для li является ul.
в тег tbody вставлял id="selectable" - не помогает
Ответить с цитированием
  #5 (permalink)  
Старый 01.08.2013, 15:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,070

Сообщение от lemuriec
в тег tbody вставлял id="selectable" - не помогает
а подумать?
<!DOCTYPE html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>selectable demo</title>
  <script src="http://code.jquery.com/jquery-1.9.1.js">
</script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js">
</script>
  <style>
    #selectable .ui-selecting { background: #FECA40; }
    #selectable .ui-selected { background: #F39814; color: white; }
    #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
    #selectable tr { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
    #selectable tr:hover {  cursor: pointer; background-color: #FFB861;}
  </style>
  <script>
  $(function() {
        $( "#selectable tbody" ).selectable();
    });
  </script>
</head>

<body>
  <table align="center" class="table1" id="selectable">
    <thead>
      <tr>
        <th>col1</th>

        <th>col2</th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <td>test</td>

        <td>test</td>
      </tr>

      <tr>
        <td>test</td>

        <td>test</td>
      </tr>

      <tr>
        <td>test</td>

        <td>test</td>
      </tr>
    </tbody>
  </table>
</body>
</html>
Ответить с цитированием
  #6 (permalink)  
Старый 02.08.2013, 09:36
Новичок на форуме
Отправить личное сообщение для lemuriec Посмотреть профиль Найти все сообщения от lemuriec
 
Регистрация: 01.08.2013
Сообщений: 4

Спасибо за помощь. вопрос закрыт)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
textchange plugin VitAl2013 jQuery 15 01.08.2012 08:48
При единичном выборе (selectable)... Undefitied jQuery 1 09.03.2012 22:00
jQuery Cycle Plugin - position: absolute; brabuz jQuery 1 26.08.2011 15:56
Подскажите plugin... Serg_pnz jQuery 3 18.05.2011 12:54
Google Maps plugin InviS jQuery 0 06.10.2010 14:17