Логин:   Пароль:






Новости
Рассылки
Форум
Поиск


Java
- Апплеты
- Вопрос-ответ
- Классы
- Примеры
- Руководства
- Статьи
- IDE
- Словарь терминов
- Скачать

Мобильная Java
- Игры
- Примеры
- Статьи
- WAP, WML и пр.

JavaScript
- Вопрос-ответ
- Примеры
- Статьи

Веб-мастеринг
- HTML
- CSS
- SSI

Разминка для ума
Проекты
Книги
Ссылки
Программы
Юмор :)




Rambler's Top100
Rambler's Top100

JavaScript: ПримерыСкрипт: Прячет и показывает строчку в таблице

Скрипт: Прячет и показывает строчку в таблице

Данный скрипт работает только под IE.

Вот как он работает (крестик прячет, галочка показывает).

  v
Первая  x 
Вторая  x 
Третья  x 
Четвертая  x 
Пятая  x 

<html>
<head>
<script language="javascript">
//функция прячет определенную строку
function hideRow(control)
{
 control.parentElement.style.display=(control.parentElement.style.display==""?"none":"");
}
//функция показывает все строки
function showAllRow(control)
{
 for(var i=0;i<control.rows.length; i++)
 {
  control.rows[i].style.display = "";
 }
}
//функция по выбору действия
function tableHandler(table)
{
 var control = event.srcElement;
 switch(control.id)
 {
  case "showRowContol":
       showAllRow(table);
       break;
  case "hideRowContol":
       hideRow(control);
       break; 
 }
}
</script>
</head>
<body>
<table border="1" width="50%" onclick="tableHandler(this)">
<tr>
 <td width="100%" colspan="2" id="showRowContol" style="cursor:hand;color:#00ff00" title="Показать строки">
    v
 </td>
</tr>
<tr>
 <td width="100%">
  Первая
 </td>
 <td id="hideRowContol" style="cursor:hand;color:#ff0000" title="Скрыть строку">
   x 
 </td>
</tr>
<tr>
 <td width="100%">
  Вторая
 </td>
 <td id="hideRowContol" style="cursor:hand;color:#ff0000" title="Скрыть строку">
   x 
 </td>
</tr>
<tr>
 <td width="100%">
  Третья
 </td>
 <td id="hideRowContol" style="cursor:hand;color:#ff0000" title="Скрыть строку">
   x 
 </td>
</tr>
<tr>
 <td width="100%">
  Четвертая
 </td>
 <td id="hideRowContol" style="cursor:hand;color:#ff0000" title="Скрыть строку">
   x 
 </td>
</tr>
<tr>
 <td width="100%">
  Пятая
 </td>
 <td id="hideRowContol" style="cursor:hand;color:#ff0000" title="Скрыть строку">
   x 
 </td>
</tr>
</table>
</body>
</html>

Warning: mysql_connect() [function.mysql-connect]: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) in /pub/home/javaport/javaportal/books/show2b.php on line 11

Warning: mysql_db_query() [function.mysql-db-query]: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) in /pub/home/javaport/javaportal/books/show2b.php on line 19

Warning: mysql_db_query() [function.mysql-db-query]: A link to the server could not be established in /pub/home/javaport/javaportal/books/show2b.php on line 19

Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /pub/home/javaport/javaportal/books/show2b.php on line 30
Узнай о чем ты на самом деле сейчас думаешь тут.


[an error occurred while processing this directive]



Warning: mysql_connect() [function.mysql-connect]: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) in /pub/home/javaport/javaportal/news/worldnews.php on line 91

Warning: mysql_db_query() [function.mysql-db-query]: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) in /pub/home/javaport/javaportal/news/worldnews.php on line 93

Warning: mysql_db_query() [function.mysql-db-query]: A link to the server could not be established in /pub/home/javaport/javaportal/news/worldnews.php on line 93

Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /pub/home/javaport/javaportal/news/worldnews.php on line 95