Люди , молю о помощи в ПХП и Дж.Скрипт !!!

[Slavik333]

 Люди , у меня не получается (в гостевой книге) определить через event.srcElement.id  какой <див> нажат и спрятан,
когда я нажимаю на имя того , чьё сообщение , у меня открываются все спрятанные сообщения , а мне соответственно необходимо , чтобы открывалось сообщение , принадлежащее этому имени (в той же таблице)...
 Очень прошу не флудить и оказать помощь , по возможности...
За ранее спасибо...
  P.S
Прошу , так же сильно не критиковать , так как учить приходится самому ... Не давно был на курсе по пхп , но за 1.5 месяца
много не выучишь... Других нормальных обучений ПХП я не нашёл... Кстати может подскажете где и сколько времени обучение...
                               Ещё раз огромное спасибо !!!

Код:

                              <!-- show_message.php -->
<?php
//
print"<style>	
.div
{
//overflow-x:none;
//overflow-y:$overflow;
width: 650px;
height: 100px;
max:100;
font-height:5;
}	/*содержание тега div, будет
	зависеть от переменной $overflow*/
</style>";
function show_message()
{
	$mas_file=file("./messages.php");
	for($a=0;$a<count($mas_file);++$a)
	{
	global $num;
	$num=$a;
	$mas_messages=explode(":...:",$mas_file[$a]);    //1$-имя, 2$-дата, 3$-IP, 4$-сообщение.
	for($b=0;$b<count($mas_messages[$b]);++$b)
	{
print "<table align=&#39;center&#39; valign=&#39;top&#39; style=&#39;border:solid 1 black;color:blue;background:silver;width:750px;height:5%;;color:black;font-weight:100;&#39;>";
print "<tr><td style=&#39;background:#8000c0;width:30px;height:15px;color:white;font-size:15px;&#39;>Name</td>";
print "<td style=&#39;background:#8000c0;width:150px;height:15px;color:white;font-size:15px;&#39;>Message</td>";
print "</tr>";
print "<td valign=&#39;top&#39; align=&#39;left&#39; style=&#39;letter-spacing:0.1;margin-top:5px;background:c0ffff;width:30px;height:20px;font-size:14px;&#39;>";
print "<a href=&#39;&#39; onClick=&#39;show();&#39; name=&#39;name&#39;><i>".$mas_messages[$b]."</i></a><br><sub>";
$explode=explode("...",$mas_messages[$b+1]);
for($d=0;$d<count($explode);++$d)
{
	print $explode[$d]."<br>";	//Дата сообщения
}
print "<u>".$mas_messages[$b+2]."</u></sub></td>";
print "<td align=&#39;left&#39; valign=&#39;top&#39; style=&#39;margin-top:5px;background:white;width:150px;height:40px;color:black;font-size:14px;&#39;><div class=&#39;div&#39; name=&#39;$a&#39; id=&#39;$a&#39; style=&#39;display:block;&#39; onClick=&#39;hide();&#39;>";           // ТЕКСТ СООБЩЕНИЯ
$count="0";		//делим строки сообщения на равное кол-во символов
$i="0";
	while(substr($mas_messages[$b+3], $i))
	{
		$check_do=substr($mas_messages[$b+3], $i);
		if($mas_messages[$b+3]{$i}==" ")
		{
			$count--;
		}
		print $mas_messages[$b+3]{$i};
		$count++;
			if($count>=89)
			{
				print"<br>";
				$count="0";
			}
		++$i;
	}
print "</div>";		//  !!!
print "</td></tr>";
if(session_is_registered("admin"))
{
	print "<tr><td colspan=&#39;2&#39; align=&#39;center&#39; 
style=&#39;background:c0ffff;width:30px;height:20px;font-size:14px;&#39;>";
print "<form method=&#39;get&#39; action=&#39;adm/del_message.php&#39;><input type=&#39;button&#39; name=$a value=&#39;Delete&#39; style=&#39;border:solid 0 black;&#39; onClick=&#39;delete_message();&#39;>";
print "</td>";
}
print "</table><br></form>";
}
}
}
show_message();
			//Прошу помочь с определением нажатия на <див> и далее...
print"<script>
function show()
{
	id_event=event.srcElement.id;
	document.getElementById(id_event).style.display=&#39;block&#39;;
}
function hide()
{
	id_event=event.srcElement.id;
	document.getElementById(id_event).style.display=&#39;none&#39;;
}
</script>";
?>

[RXL]

Slavik333, если не трудно, приведи сгенеренный HTML - в таком виде только глаза ломать.

Кстати, если применять полноценные php-скобки (<?php ?>), то движок форума делает расцветку исходника.

Код:

ONCLICK="show(this);" HREF="javascript:void(0);"

function show( obj )
{
    obj.style.display = 'block';
}

[Slavik333]

Код:

<meta http-equiv='Content-Type' content='text/html; charset=windows-1251'><style>	
.div
{
overflow-x:none;
width: 650px;
height: 100px;
max:100;
font-height:5;
}

</style><table align='center' valign='top' style='border:solid 1 black;color:blue;background:silver;width:750px;height:5%;;color:black;font-weight:100;'>
<tr><td style='background:#8000c0;width:30px;height:15px;color:white;font-size:15px;'>Имя</td>
<td style='background:#8000c0;width:150px;height:15px;color:white;font-size:15px;'>Сообщение</td></tr>
<td valign='top' align='left' style='letter-spacing:0.1;margin-top:5px;background:c0ffff;width:30px;height:20px;font-size:14px;'>
<a href='' onClick='show();' name='name'><i>wer</i>  
</a> <br> <sub>05:21:23<br> Monday<br>04.07.2005<br> <u>127.0.0.1</u> </sub> </td> 
 <td align='left' valign='top' style='margin-top:5px;background:white;width:150px;height:40px;color:black;font-size:14px;'>  
<div class='div' name='0' id='0' style='display:block;' onClick='hide();'>(:<br> </div> </td> </tr> </table> <br>
</form> 
<table align='center' valign='top' style='border:solid 1 black;color:blue;background:silver;width:750px;height:5%;;color:black;font-weight:100;'> <tr>  
<td style='background:#8000c0;width:30px;height:15px;color:white;font-size:15px;'>Имя</td>  
<td style='background:#8000c0;width:150px;height:15px;color:white;font-size:15px;'>Сообщение</td> </tr>  
<td valign='top' align='left' style='letter-spacing:0.1;margin-top:5px;background:c0ffff;width:30px;height:20px;font-size:14px;'> <a href='' onClick='show();' name='name'><i>sdfsd</i></a><br><sub>05:42:38<br>Monday<br>04.07.2005<br> <u>127.0.0.1</u> 
</sub> </td> <td align='left' valign='top' style='margin-top:5px;background:white;width:150px;height:40px;color:black;font-size:14px;'> 
<div class='div' name='1' id='1' style='display:block;' onClick='hide();'>(:<br> </div> </td> </tr> </table> <br> </form> 
<table align='center' valign='top' style='border:solid 1 black;color:blue;background:silver;width:750px;height:5%;;color:black;font-weight:100;'> <tr> <td style='background:#8000c0;width:30px;height:15px;color:white;font-size:15px;'>Имя</td> 
<td style='background:#8000c0;width:150px;height:15px;color:white;font-size:15px;'>Сообщение</td> </tr>
<td valign='top' align='left' style='letter-spacing:0.1;margin-top:5px;background:c0ffff;width:30px;height:20px;font-size:14px;'> 
<a href='' onClick='show();' name='name'> <i>wfefwfe</i> </a><br> <sub>07:09:30<br>Monday<br>04.07.2005<br><u>127.0.0.1</u> 
</sub> </td> <td align='left' valign='top' style='margin-top:5px;background:white;width:150px;height:40px;color:black;font-size:14px;'> 
<div class='div' name='2' id='2' style='display:block;' onClick='hide();'>(:frewqfwe<br> </div> </td> </tr> </table>
<br> </form>  
<table align='center' valign='top' style='border:solid 1 black;color:blue;background:silver;width:750px;height:5%;;color:black;font-weight:100;'> <tr> <td style='background:#8000c0;width:30px;height:15px;color:white;font-size:15px;'>  
Имя</td><td style='background:#8000c0;width:150px;height:15px;color:white;font-size:15px;'>Сообщение</td>  
</tr>  
<td valign='top' align='left' style='letter-spacing:0.1;margin-top:5px;background:c0ffff;width:30px;height:20px;font-size:14px;'> 
 <a href='' onClick='show();' name='name'> <i>ergegr</i> </a> <br>  
<sub>19:11:09<br>Monday<br>04.07.2005<br> 
<u>127.0.0.1</u> 
</sub> </td> <td align='left' valign='top' style='margin-top:5px;background:white;width:150px;height:40px;color:black;font-size:14px;'> 
<div class='div' name='3' id='3' style='display:block;' onClick='hide();'>(:eggreg<br> </div> </td> </tr> </table>
<br> </form> <script>
function show()
{
	id_event=event.srcElement.id;
	document.getElementById(id_event).style.display='block';
}
function hide()
{
	id_event=event.srcElement.id;
	document.getElementById(id_event).style.display='none';
}
function delete_message()
{
	id_del=event.srcElement.id;
	url_id='adm/del_message.php?id_message='+document.getElementById(id_del).id;
	document.location=url_id;
}
</script>

[RXL]

Попробуй проще - через явное объявление изменяемого объекта. Например через ID.

Код:

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1251"/>
<SCRIPT TYPE="text/javascript">
function show_toggle( id, inline )
{
	var p = document.getElementById(id);

	if ( p == null ) return;

	if ( p.style.display == 'none' )
		p.style.display = inline ? 'inline' : 'block';
	else
		p.style.display = 'none';
}
</SCRIPT>
</HEAD>
<BODY>
	<DIV>
		<A ONCLICK="show_toggle('t1',1);" HREF="javascript:void(0);">*</A>
		<SPAN ID="t1" ONCLICK="show_toggle('t1',1);">text1</SPAN>
	</DIV>
	<DIV>
		<A ONCLICK="show_toggle('t2',0);" HREF="javascript:void(0);">*</A>
		<SPAN ID="t2" ONCLICK="show_toggle('t2',0);">text2</SPAN>
	</DIV>
</BODY>
</HTML>

[Slavik333]

                                         ХОЧУ ДОБАВИТЬ !!!
Все ID элементов страницы генерируються в предыдущих обработках текстовых данных...ID-шки фактически являются номерами переменных из циклов...
Кстати , что такое 'inline' откуда он берётся или откуда его брать ? Это одна из функций дж.скрипт или это выдуманная переменная ?

  Заранее спасибо !!!

[RXL]

Slavik333, в php эти ID и подставляй.

Код:

<?php
$text = "text 1";
$id="abc123";

echo "<A ONCLICK=\"show_toggle(&#39;$id&#39;,1);\" HREF=\"javascript:void(0);\">*</A>";
echo "<SPAN ID=\"$id\" ONCLICK=\"show_toggle(&#39;$id&#39;,1);\">$text</SPAN>";

Почитай доки по CSS.

Syntax:	display: <value>
Possible Values:	block | inline | list-item | none
Initial Value:	block
Applies to:	All elements
Inherited:	No

The display property is used to define an element with one of four values:

    * block (a line break before and after the element)
    * inline (no line break before and after the element)
    * list-item (same as block except a list-item marker is added)
    * none (no display)

Each element typically is given a default display value by the browser, based on suggested rendering in the HTML specification.

The display property can be dangerous because of its ability to display elements in what would otherwise be an improper format. The use of the value none will turn off display of the element to which it is assigned, including any children elements!

[Slavik333]

Извеняюсь , вылетело из головы . Про CSS я почитал уже достаточно.

Вопрос не по теме: чей это сайт , Саши ?

[RXL]

http://club.shelek.ru/gallery/details.php?image_id=25

[Slavik333]

 Подскажите,где можно почитать хорошее объяснение функциям:
getElementById,srcElement,event...

[RXL]

Ищи по словам Javascript (или ECMA Script) DOM.

[RXL]

Есть у меня пару глав от старенькой (~1999) книги в электронном виде - там есть и HTML-DOM и просто DOM.

[MOPO3]

Имею на русском языке в электронном виде : Энциклопедия ЯваСкрипт.
Весит в архиве аж 51Мб, после распаковки больше 100Мб. Если надо кому, могу выложить на пару часиков для скачки.

[Slavik333]

Очень нужно !!!

[Slavik333]

А искать мне надоело...
То сайты на народе,то пишут без пробелов,то глючные,то ,то вообще не понятные и отвратительные...Да и без поисковиков.
Ни один сайт по джаве не стоит и не лижит рядом с php.net

[Slavik333]

Имею на русском языке в электронном виде : Энциклопедия ЯваСкрипт.
Весит в архиве аж 51Мб, после распаковки больше 100Мб. Если надо кому, могу выложить на пару часиков для скачки.

Так ты выложишь ? Plzzz !

[RXL]

MOPO3, залей на ftp, а я выложу.

[MOPO3]

RXL, залью уже завтра с утра. Линк тебе в личку скину.
А вообще я много чего поимел нп днях хорошего, вот только весит всё много

[RXL]

Если действительно хорошее, я скачаю себе и осмотрю, как обжать получше.

[MOPO3]

RXL, написал тебе в личку. Проблемсы почему-то с фтп (видимо пароли имеющиеся у меня уже устарели ). Выложил в другм местею Линк в личке.

[RXL]

Лежит тут: https://club.shelek.ru/download.php?id=323

[Slavik333]

Огромное спасибо !

[Slavik333]

 Кстати,скрипт у меня заработал,благодаря вам,Спасибо!
Загвоздка была в 'href',можно обхохотаться...Я задавал хреф,как пустое место(href='' onClick='...'),что фактически вызывало рефреш страницы,и из-за этого все спрятанные прежде сообщения раскрывались .Я долго пытался понять,почему это происходит,но после ночной смены,как я обычно занимаюсь,бдительность и внимательность слабоваты...И вот на днях я болел,соответственно выспался и меня вдруг озарило-нашёл ошибку...
 ВЫВОД: или побольше высыпаться(но на это жалко тратить столько времени),или не высыпаться,но иногда болеть,чтобы высыпаться...

[Slavik333]

 Есть ещё вопросик:
href='javascript:void(0);' что точно обозначает,и как его совместимость с браузерами...

[MOPO3]

href='javascript:void(0);' что точно обозначает,и как его совместимость с браузерами...

Совместимо со всеми броузерами на которых я это пробовал. А использую я это вот почему :
Если оставить href пустым, а у тебя страница с большим скроллингом и линк где-то посередине, то при нажатии страница типо рефрешится и скролится автоматически в самый верх. А на линке у меня допустим открывается другое окно с фоткой. Естевственно что скролинг вверх меня раздражает. А если использовать конструкцию вида

Код:

href='javascript:void(0);

, тогда после клика открываетя нормально окно с фоткой, а страница не рефрешится и остаётся в том же положении, чего собственно и добивались мы

Я это всегда использую когда мне надо использовать событие онклик :

Код:

<a href="javascript:void(0);" onClick="javascript:window.open(blablabla)">

[Slavik333]

Всё ясно , спасибки...