| |
|
|
| | Нужен скрипт из PhpMyAdmin. Суть скрипта в том, что он выделяет выбранные обьекты. Когда мышой проводишь по таблице с данными он подсвечивает каждую строку. Когда нажимаешь левой кнопкой на нужную строку он выделяет строку. Когда повторно кликаешь по выделенной строке он меняет ей цвет в нормальное состояние. Может у кого есть такой скрипт ? | |
| |
|
|
|
| |
|
|
| |
для: Alexx
(14.06.2006 в 19:20)
| | |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Table Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
.highlight{ background-color: #1E90FF; }
.light{ background-color: #FFFFFF; }
.dark{ background-color: #CCCCCC; }
</style>
<script type="text/javascript">
function checkAll(field){
nb_checked=0;
for(n=0;n<field.length;n++){
if(field[n].checked==true)
nb_checked++;
}
if(nb_checked == field.length){
for (j = 0; j < field.length; j++)
field[j].checked = (field[j].checked===true?false:true);
}
else{
for (j = 0; j < field.length; j++){
field[j].checked = true;
document.frm_data.check_all.checked=true;
}
}
}
function colorMe(el)
{
var chkbox = el;
while(el.tagName != 'TR') { el = el.parentElement; }
var original_color = el.bgColor;
if(chkbox.checked)
el.style.backgroundColor= '#cccccc';
else{
el.style.backgroundColor= original_color;
}
}
</script>
</head>
<body>
<div>
<form name="frm_data" id="frm_data" method="post" action="">
<table width="100%" border="1" cellpadding="3" cellspacing="0" >
<tr>
<th width="10%" bgcolor="#000066" ><input type="checkbox" name="check_all" value="check_all" onclick="checkAll(document.frm_data.deletelist)"/></th>
<th width="40%" bgcolor="#000066" style="color:#FFFFFF">Airplane Name</th>
<th width="40%" bgcolor="#000066" style="color:#FFFFFF">Airplane Type</th>
</tr>
</table>
<div>
<table class="list" width="100%" border="1" cellpadding="3" cellspacing="0" >
<tr class="light" onMouseOut="this.className='light'" onMouseOver="this.className='highlight'">
<td width="10%" align="center" ><input type="checkbox" name="deletelist[1]" id="deletelist" value="" onclick="colorMe(this)"/></td>
<td width="40%" align="center">B2-Spirit</td>
<td width="40%" align="center">Bomber</td>
</tr>
<tr class="dark" onMouseOut="this.className='dark'" onMouseOver="this.className='highlight'">
<td width="10%" align="center" ><input type="checkbox" name="deletelist[2]" id="deletelist" value="" onclick="colorMe(this)"/></td>
<td width="40%" align="center">F15-Eagle</td>
<td width="40%" align="center">Fighter</td>
</tr>
<tr class="light" onMouseOut="this.className='light'" onMouseOver="this.className='highlight'">
<td width="10%" align="center" ><input type="checkbox" name="deletelist[3]" id="deletelist" value="" onclick="colorMe(this)"/></td>
<td width="40%" align="center">Mig29-Fulcrum</td>
<td width="40%" align="center">Fighter</td>
</tr>
</table>
</div>
</form>
</div>
</body>
</html>
|
| |
| |
|
|
