аля как в phpmyadmin

schizoid

как сделать как в phpmyadmin, есть строка, при наведении мышки она меняет цвет, при нажатии в любое место ставится галочка?
хз, понятно или нет объяснил...

Хостинг HostFood.ru · **Хостинг HostFood.ru**

Тарифы на хостинг в России, от 12 рублей: https://www.host-food.ru/tariffs/hosting/
Тарифы на виртуальные сервера (VPS/VDS/KVM) в РФ, от 189 руб.: https://www.host-food.ru/tariffs/virtualny-server-vps/
Выделенные сервера, Россия, Москва, от 2000 рублей (HP Proliant G5, Intel Xeon E5430 (2.66GHz, Quad-Core, 12Mb), 8Gb RAM, 2x300Gb SAS HDD, P400i, 512Mb, BBU):
https://www.host-food.ru/tariffs/vydelennyi-server-ds/
Недорогие домены в популярных зонах: https://www.host-food.ru/domains/

hizel · Непрочитанное сообщение **hizel** » 2008-12-24 13:40:13

покраска
html

Код: Выделить всё

<table id="alias_table">
<tr class="hilightoff" onMouseOver="className='hilighton';" onMouseOut="className='hilightoff';">
</tr>
</table>

css

Код: Выделить всё

#alias_domain_table .hilightoff, #alias_table .hilightoff, #mailbox_table .hilightoff, #overview_table .hilightoff, #log_table .hilightoff, #admin_table .hi
lighoff {
        background: white;
}

#alias_domain_table .hilighton, #alias_table .hilighton, #mailbox_table .hilighton, #overview_table .hilighton, #log_table .hilighton, #admin_table .hilight
on {
        background: #D9FF43; /*#D6FF85;*/ /*#ffdddd;*/
}

а вообще вариантов больше одного

Volodymyr

Проставить галочки JS

Код: Выделить всё

window.onload=markRows;

var marked_row = new Array;

function markRows()
{
	var rows = document.getElementsByTagName('tr');
	for ( var i = 0; i < rows.length; i++ ) {

		if ( 'row_dark' != rows[i].className.substr(0,8) && 'row_light' != rows[i].className.substr(0,9) ) {
			continue;
		}

		if ( navigator.appName == 'Microsoft Internet Explorer' ) {
			// but only for IE, other browsers are handled by :hover in css
			rows[i].onmouseover = function() {
				this.className += ' hover';
			}
			rows[i].onmouseout = function() {
				this.className = this.className.replace( ' hover', '' );
			}
		}
		if (rows[i].className.search(/noclick/) != -1) {
			continue;
		}
		rows[i].onmousedown = function() {
			var unique_id;
			var checkbox;

			checkbox = this.getElementsByTagName( 'input' )[0];
			if ( checkbox && checkbox.type == 'checkbox' ) {
				unique_id = checkbox.name + checkbox.value;
			} else if ( this.id.length > 0 ) {
				unique_id = this.id;
			} else {
				return;
			}

			if ( typeof(marked_row[unique_id]) == 'undefined' || !marked_row[unique_id] ) {
				marked_row[unique_id] = true;
			} else {
				marked_row[unique_id] = false;
			}

			if ( marked_row[unique_id] ) {
				this.className += ' marked';
			} else {
				this.className = this.className.replace(' marked', '');
			}

			if ( checkbox && checkbox.disabled == false ) {
				checkbox.checked = marked_row[unique_id];
			}
		}

		var labeltag = rows[i].getElementsByTagName('label')[0];
		if ( labeltag ) {
			labeltag.onclick = function() {
				return false;
			}
		}
		var checkbox = rows[i].getElementsByTagName('input')[0];
		if ( checkbox ) {
			checkbox.onclick = function() {
				this.checked = ! this.checked;
			}
		}
	}
}


function markAllRows(a_id)
{
	var rows = document.getElementById(a_id).getElementsByTagName('tr');
	var unique_id;
	var checkbox;
	for (var i = 0; i < rows.length; i++ ) {
		checkbox = rows[i].getElementsByTagName('input')[0];
		if (checkbox && checkbox.type == 'checkbox') {
			unique_id = checkbox.name + checkbox.value;
			if (checkbox.disabled == false) {
				checkbox.checked = true;
				if (typeof(marked_row[unique_id]) == 'undefined' || !marked_row[unique_id]) {
					rows[i].className += ' marked';
					marked_row[unique_id] = true;
				}
			}
		}
	}
}

function unMarkAllRows(a_id)
{
	var rows = document.getElementById(a_id).getElementsByTagName('tr');
	var unique_id;
	var checkbox;

	for (var i = 0; i < rows.length; i++ ) {
		checkbox = rows[i].getElementsByTagName('input')[0];
		if (checkbox && checkbox.type == 'checkbox') {
			unique_id = checkbox.name + checkbox.value;
			checkbox.checked = false;
			rows[i].className = rows[i].className.replace(' marked', '');
			marked_row[unique_id] = false;
		}
	}
}

schizoid

о! супер... а еще вопросик, я тока-тока взялся за пшп (буквально 2 недели), с явой ваще еще никак...как мне эти функции использовать в пшп? в смысле явовские?

hizel · Непрочитанное сообщение **hizel** » 2008-12-24 17:25:19

вы по какому примеру?

жабаскрипт внедряется как обычный html, от этого и скакать

Volodymyr

schizoid писал(а):о! супер... а еще вопросик, я тока-тока взялся за пшп (буквально 2 недели), с явой ваще еще никак...как мне эти функции использовать в пшп? в смысле явовские?

Ни то что написал я ни то что написал hizel не имеет к РНР никакого отношения. Это все HTML.

Пользоваться очень просто. Сложи код джаваскрипта в файл, подключи его к твоему хтмл документу. Строки таблици TR должны иметь класс row_dark или row_light для раскраски мой кусок CSS такой:

Код: Выделить всё

table.list {
	margin: 1em auto 1em auto;
	background: #fff;
	border: 1px solid #ccc;
	border-spacing: 0;
	border-collapse: collapse;
}

table.list td, table.list th{
	border: 1px solid #ccc;
}
table.list th {
	padding: 0.3em;
	background: #690;
	border-top: 1px solid #9c6;
	color: #fff;
}

table.list tr.title td, table.item tr.title td  {
	background: #ddd;
}

table.list tr.row_dark {
	background: #f5f5f5;
}

table.list tr.row_light {
	background: #fcfcfc;
}

table.list tr.row_dark:hover, table.list tr.row_light:hover {
	background: #ffc;
}

table.list tr.marked {
	background: #cfc;
}

table.list td {
	border-bottom: 1px solid #e5e5e5;
	padding: 0.2em;
}

schizoid

такс. раскрасску сделал.
а вот с функциями не доганяю...как их подключить, и куда потом вписать?...

на onClick вешать что-ли?

Volodymyr

schizoid писал(а):на onClick вешать что-ли?

Оно само повесится на onClick.

schizoid

плин. тада не получается.
что я сделал:
1. создал файл с функциями js/functions.js
2. подключил его в php файле <script type="text/javascript" src="js/functions.js"></script> (между тегами <head>)

что еще нуно сделать?... так не пашет...

Volodymyr

schizoid писал(а):что еще нуно сделать?... так не пашет...

Таблицу покажите.

schizoid

плин. сделал тестовую - работает.
наверна в рабочей шота нахамутал.
вот тока в тестовой чета подсветки нету...

Код: Выделить всё

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Документ без имени</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/functions.js"></script>
</head>
<table id="alias_table">
<tr class="tr_off" onMouseOver="className='tr_on';" onMouseOut="className='tr_off';">
<td>1</td>
</tr>
</table>



<table width="200" border="1" id="style.css">
  <tr class='row_dark'>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><center><input name='id' type='checkbox'></center></td>
  </tr>
  <tr class='row_dark'>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><center><input name='id' type='checkbox'></center></td>
  </tr>
  <tr class='row_dark'>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><center><input name='id' type='checkbox'></center></td>
  </tr>
  <tr class='row_dark'>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><center><input name='id' type='checkbox'></center></td>
  </tr>
  <tr class='row_dark'>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><center><input name='id' type='checkbox'></center></td>
  </tr>
</table>

<body>
</body>
</html>

функции ваши, в файле js/functions.js
css тоже ваш. в style.css

Volodymyr

Код: Выделить всё

id="style.css"

замени на

Код: Выделить всё

class="list"

schizoid

снкс огромное! все гут!!

schizoid

плин...а в реальной таблице так и не работает

у мну таблица строится в цикле... может из-за этого?

эх...ща программисты наверна со стульев попадают от такого кода...

Код: Выделить всё

if ( mysql_num_rows ($result) > 0 )
{
	$myrow = mysql_fetch_array($result); 
	echo "
	<form action='process_a.php' method='post'>
	<table width='99%' border='0' align='center' cellpadding='0' cellspacing='0' class='list'>
			<tr align='center'>
			<td>"; if ($order == 'date_zak' and $way == '1') { echo "<a title='Сортировка' href='zakup.php?order=date_zak&way=0&vid=".$vid."&client=".$usr."'>";} 
				else {echo "<a title='Сортировка' href='zakup.php?order=date_zak&way=1&vid=".$vid."&client=".$usr."'>";} echo "<p class='".cl($c1)."'>Дата заказа</p></a></td>
			<td>"; if ($order == 'client' and $way == '1') { echo "<a title='Сортировка' href='zakup.php?order=client&way=0&vid=".$vid."&client=".$usr."'>";} 
				else {echo "<a title='Сортировка' href='zakup.php?order=client&way=1&vid=".$vid."&client=".$usr."'>";} echo "<p class='".cl($c2)."'>Клиент</p></td>
			<td>"; if ($order == 'code' and $way == '1') { echo "<a title='Сортировка' href='zakup.php?order=code&way=0&vid=".$vid."&client=".$usr."'>";} 
				else {echo "<a title='Сортировка' href='zakup.php?order=code&way=1&vid=".$vid."&client=".$usr."'>";} echo "<p class='".cl($c3)."'>Код</p></td>
			<td>"; if ($order == 'item' and $way == '1') { echo "<a title='Сортировка' href='zakup.php?order=item&way=0&vid=".$vid."&client=".$usr."'>";} 
				else {echo "<a title='Сортировка' href='zakup.php?order=item&way=1&vid=".$vid."&client=".$usr."'>";} echo "<p class='".cl($c4)."'>Наименование</p></td>
			<td>"; if ($order == 'amount' and $way == '1') { echo "<a title='Сортировка' href='zakup.php?order=amount&way=0&vid=".$vid."&client=".$usr."'>";}
				else {echo "<a title='Сортировка' href='zakup.php?order=amount&way=1&vid=".$vid."&client=".$usr."'>";} echo "<center><p class='".cl($c5)."'>Кол-во</p></center></td>
			<td>"; if ($order == 'prov' and $way == '1') { echo "<a title='Сортировка' href='zakup.php?order=prov&way=0&vid=".$vid."&client=".$usr."'>";} 
				else {echo "<a title='Сортировка' href='zakup.php?order=prov&way=1&vid=".$vid."&client=".$usr."'>";} echo "<p class='".cl($c6)."'>Поставщик</p></td>
			<td>"; if ($order == 'date_pr' and $way == '1') { echo "<a title='Сортировка' href='zakup.php?order=date_pr&way=0&vid=".$vid."&client=".$usr."'>";} 
				else {echo "<a title='Сортировка' href='zakup.php?order=date_pr&way=1&vid=".$vid."&client=".$usr."'>";} echo "<p class='".cl($c7)."'>Дата прихода</p></td>
			<td>"; if ($order == 'note' and $way == '1') { echo "<a title='Сортировка' href='zakup.php?order=note&way=0&vid=".$vid."&client=".$usr."'>";} 
				else {echo "<a title='Сортировка' href='zakup.php?order=note&way=1&vid=".$vid."&client=".$usr."'>";} echo "<p class='".cl($c8)."'>Примечание</p></td>

			<td><center><input name='edit' type='submit' value=' ' class='but_edit'></center></td>
			<td>&nbsp;</td>
			<td><center><input name='drop' type='submit' value=' ' class='but_drop'></center></td>
				
			</tr>
	";

			do
			{
			$n++;
			if ($n % 2 == 0) {$bgcolor='#f6f6f6';} else {$bgcolor='';}
			$client = $myrow['client'];
			$code = $myrow['code'];
			$item = $myrow['item'];
			$id = $myrow['id'];
			$amount = $myrow['amount'];
			$note = $myrow['note'];
			$provider = $myrow['provider'];
			$date_zak = $myrow['date_zak'];
			$date_pr = $myrow['date_pr'];
			
			if ($date_pr == '0000-00-00') {$color = 'red';} else {$color = 'green';}
			
			echo "
			<tr class='row_dark'>
			<td><p class='zak_title_buf'><font color='$color'>$date_zak</font></p></td>
			<td><p class='zak_title_buf'><font color='$color'>$client</font></td>
			<td><p class='zak_title_buf'><font color='$color'>$code</font></td>
			<td><p class='zak_title_buf'><font color='$color'>$item</font></p></td>
			<td><center><p class='zak_title_buf'><input name='".$id."amount' id='amount' style='color:$color; border:1px #000000 solid;' type='text' value='$amount' size='5' maxlength='5' onKeyPress ='if ( ((event.keyCode < 46) || (event.keyCode > 57) ) && ((event.keyCode < 8) || (event.keyCode > 9)) 
	&& ((event.keyCode < 37) || (event.keyCode > 40)) &&  ((event.keyCode < 13) || (event.keyCode > 13)) ) event.returnValue = false;'/></p></center></td>
			<td><p class='zak_title_buf'>
			<select name='".$id."provider'>";
			
			$result1 = mysql_query("SELECT id,provider FROM provider ORDER BY provider",$db);
			if ( mysql_num_rows ($result1) > 0 ) {$myrow1 = mysql_fetch_array($result1);}
			do { 
				if ($myrow1['provider'] == $provider) 
				{echo "<option value='$myrow1[provider]' style='color:$color; border:1px #000000 solid;' selected>$myrow1[provider]</option>";}
				else {echo "<option value='$myrow1[provider]' style='color:$color; border:1px #000000 solid;'>$myrow1[provider]</option>";}
			} while ($myrow1 = mysql_fetch_array($result1));
			
			echo"</select>
			</p></td>
			<td><p class='zak_title_buf'><input name='".$id."date_pr' id='date_pr' type='text' style='color:$color; border:1px #000000 solid;' value='"; if ($date_pr == '0000-00-00') {echo "";} else {echo $date_pr;} echo "' size='10' maxlength='10'/></p></td>
			
			<td><p class='zak_title_buf'><input name='".$id."note' id='note' style='color:$color; border:1px #000000 solid;' type='text' value='$note' size='30' maxlength='150'/></p></td>
					
			<td><center>&nbsp;</center></td>
			<td><center><input name='id[$id]' type='checkbox'></center></td>
			<td><center>&nbsp;</center></td>
			<input name='vid1' type='hidden' value=".$vid." />
			<input name='client1' type='hidden' value=".$usr." />
			";
		
			} while ($myrow = mysql_fetch_array($result));

	echo "
	</form>
	</table><p>";
}

заработала пока тока подсветка, и то тока в опере...а при нажатии в рядок не ставится галочка чек-бокса

Volodymyr

Вы генерируете строки таблицы. И не одну из них не закрываете </tr>

Код действительно можно оптимизировать довольно серьезно.

hizel · Непрочитанное сообщение **hizel** » 2008-12-24 20:12:15

солнышко, делай сразу красиво, используй шаблоны(templates) ;(

schizoid

напишите еще пару советов и ключевых слов для поиска, пойду гуглить и учиться, что б не задавать глупых вопросов.
снкс. чета как-то поднадоело админство, решил вот расширить кругозор...

Volodymyr

http://www.smarty.net/manual/ru/

hizel · Непрочитанное сообщение **hizel** » 2008-12-24 21:04:47

+templates
+MVC
+ORM
+JavaScript Framework
+CSS
+W3C
-PHP

schizoid

о!
а че -PHP ?

hizel · Непрочитанное сообщение **hizel** » 2008-12-24 21:24:47

э что то вроде юмора

я испытываю отвращение к PHP, даже больше чем к разным вариациям Basic, но для вас это может быть совершенно не существенно

schizoid

ясна

спасибо огромное.

schizoid

2 Volodymyr,а еще что хотел спросить, на счет тех функций установки галочек, это только у меня еногда при снятии галочки, цвет строки не меняется, а остается зелененьким?

Volodymyr

schizoid писал(а):2 Volodymyr,а еще что хотел спросить, на счет тех функций установки галочек, это только у меня еногда при снятии галочки, цвет строки не меняется, а остается зелененьким?

Для того что бы избежать каких либо неправильных действ со стороны этого скрипта убедитись в том что ваш xHTML документ правильный. http://validator.w3.org/ - вот валидатор. Вообще то этот код от phpmyadmin и работает он нормально. Так что правьте ошибки и будет вам счастье

schizoid

пасибо. еще вопрос. разобрался почему ж таки не работает в основном файле, а работает в тестовом. если убираю в строке поля типа input type='text', то начинает работать. не знаете в чем может быть баг?

forum.lissyara.su

аля как в phpmyadmin

аля как в phpmyadmin

Услуги хостинговой компании Host-Food.ru

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin

Re: аля как в phpmyadmin