Делается это так:

1. Имеем Кнопку "Подробнее"
2. Делаем в js код:

        function showBox(div) {
		if(document.getElementById(div).style.display == 'none') 
			document.getElementById(div).style.display = 'block';
		else 
			document.getElementById(div).style.display = 'none';
	}

3. В диве прописываем: id='div_1' onClick="showBox('div_1');"

Спасибо большое!!!
Я думал это очень сложно.

Расскажите пожалуйста как оно должно работать.
Я должен в отдельный div запихнуть подробную информацию и скрыть её, а при клике показать??

Например у меня есть список:

user1(подробно)
user2 (подробно)

При нажатии "подробно" на user1:
user1
->address phone city
user2

Получается user2 сместился ниже, а на его месте вывелась инф. о user1
Или как-то по другому???

пробуй

Должно быть так:

user1 (<a href="#"  onClick="showBox('div_1');" >подробно</a>)
<div id="div_1" style="display: none;">address phone city</div>

user2 (<a href="#"  onClick="showBox('div_2');" >подробно</a>) 
<div id="div_2" style="display: none;">address phone city div 2</div>

Заметь, у каждого спрятанного дива, должен быть уникальный id

Спасибо большое, заработало!!!
Но только для одной записи user1

Дело в том что насколько я понял из кода то для каждого user я должен создавать отдельную ссылку и div.
Список достается из БД количество записей user я не знаю, постоянно меняется,
по этому я не смогу для каждого писать код.
Может можно как-то автоматизировать процесс создания div и ссылок.
Что бы сколько записей user столько и генерировалось ссылок.
Получается нужно заранее узнать сколько записей в БД, а потом в цикле их как то создавать или по другому???

as009 я у себя сейчас проверил и все работает для обоих дивов, вот:

        echo '
		user ' . $id . ' (<a href="#"  onClick="showBox(\'div_'.$id.'\');" >подробно</a>) 
		<div id="div_'.$id.'" style="display: none;">тут инфа спрятанная</div>
	';

Все заработало как надо!!!)

И еще у меня есть такой код:

<div id="third">
      <center><font color=#9e9e9e><u><b>Phones<b></u></center><br>
      <input type="text" name="T1" size="15"> 
      <br><br><input type="text" name="T2" size="15"> 
      <a href=""  onclick="Add()" >add</a>
</div>

function Add() 
{
 document.write(<form><input type="text">name="phone" size="15"</form> ");
 document.write("<br />");
}

Хочу что б при нажатии на ссылку добавлялось новое поле ввода.
Но почему то не хочет работать, javascript знаю очень плохо может кто подскажет в чем проблема.

Guest
А кавычки кто будет ставить?

function Add() 
{
 document.write('<form><input type="text" name="phone" size="15"></form>');
 document.write("<br />");
}

С кавычками заработало, но нет так как ожидал:
вот код:

  <div id="third">
      <center><font color=#9e9e9e><u><b>Phones<b></u></center><br>
      <input type="text" name="T1" size="15"> 
      <br><br><input type="text" name="T2" size="15"> 
     <a href=""  onclick="Add()">add</a>
    </div>

При нажатии на ссылку нужно чтоб поле для записи появлялось под теми полями которые уже есть.
А вместо этого открывается новая страница, появляется поле и страница сразу закрывается....

Подскажите пожалуйста как применить javascript к конкретному div ???

обращайся по ID

используй ID - он должен быть уникальным для каждого из элементов

Не вариант.
А если у него целая куча этих дивов и они добавляются динамически, тут надо пользоваться свойством this и проходится циклом по всем элементам объекта.
Жопа короче

Примерно таким образом, но правда тут берутся все дивы на странице.

div = document.getElementsByTagName('DIV');
    for(var i = 0; i < 2; i++)
        div[i].onclick = myFunction;

Ну и потом можно взять дочерний элемент этого объекта

function myFunction() {
   alert(this.firstChild.nodeValue);
}

Ну и сделать условие, если данный див имеет класс "блок" (например) то выполнить функцию отображения или чего либо

не ну если с параметрами то да, можно и так.

Не очень понял, я javascript очень плохо знаю.
Вот у меня есть div:

<div id="newDiv">
      <input type="text" name="T1" size="15">
      <a href="javascript:void(0)"  onclick="Add()">add</a>
</div>

Можно ли имя этого div передать в скрипт и изменение применить именно к этому div.

as009
Ответ на вопрос: можно!
Совет: если плохо знаешь, то ты подразумеваешь, что вообще не знаешь! А это повод узнать что-то новенькое!

inpost спасибо за совет)))

Вот сделал все работает:

function Add() {
var DIV = document.getElementById('newDiv'), X='<br><br><input type="text" name="phone" size="15">';
DIV.innerHTML += X
}

Только осталась проблема как давать имена созданным полям и как их записывать в БД, ведь я не знаю сколько полей может быть 5 или 10 (пользователь сам решает)...

Как такое можно реализовать, может кто то такое делал уже, когда заранее не известно сколько записей и все их надо записать в БД???

name="phone[]"
Тогда в скрипт-обработчик попадёт массив всех существующих инпутов с именем "phone[]".

Тему перенес в JavaScript, ибо много явы и хтмл и ничего про PHP.

Что-то не получается передавать массивом(
Вот форма где я сохраняю данные в массив phone[]

<script language="JavaScript">
function Add() {
var DIV = document.getElementById('newDiv'), X='<br><br><input type="text" name="phone[]" size="15">';
DIV.innerHTML += X
}
</script>

<div id="newDiv">
      <input type="text" name="phone[]" size="15">
     <a href="#"  onclick="Add();">add</a>
</div>

Вот скрипт который принимает данные из формы:

$Phone=$_POST['phone'];
foreach($Phone as $value){
echo $value."";}

Если одна запись в массиве то работает, если больше то выдает ошибку...
Что я сделал неправильно, может массив как-то неправильно передал???

Уже все перепробовал ничего не хочет работать.
Что никто такого не делал???
Передать данные в массив, а потом достать их из него...

Почитай эту тему, в этой теме тоже массивы передавали http://phpforum.ru/index.php?showtopic=371...15&#entry787603

Все дело в javascript
Попробовал несколько полей в самой форме сделать и записать в массив, все работает, а если добавлять поля через javascript, то не работает.

Я что как-то не правильно добавляю поля????