Ajax вывод формы в блоке при нажатии

[saaasa]

Доброго дня, такой вопрос, как через ajax/query запрос сделать так , чтоб при нажатии на существующий блок <div> выводились формы ввода логина и пароля(если такое возможно) или еще че нибудть(к примеру другая веб страница) в уже существующем другом большом блоке, т.е существует главная страница в ней 2 кнопки и под ними 1 большой пустой блок, при нажатии на одну из этих кнопок выводится соответствующая информация в этот пустой блок, только вот информация там включает эти самые формы...

[Tim]

Доброго дня

привет

query

ок

при нажатии на существующий блок

$('#айдишник_блока').click(function () {
// тут код выполняющийся при клике
});

выводились формы ввода логина и пароля

$.ajax - если её нужно откуда то подгрузить
$('селектор_до_блока').html('html код формы') - собственно вставляем

Нужно плавно показать скрыть?
юзаем jQuery методы show, hide, fadeIn, fadeOut и тп

а вообще суть задачи не очень как то ясна. с утра особенно

[saaasa]

$('#айдишник_блока').click(function () {
// тут код выполняющийся при клике
});
$.ajax - если её нужно откуда то подгрузить
$('селектор_до_блока').html('html код формы') - собственно вставляем

а вообще суть задачи не очень как то ясна. с утра особенно

Я имел ввиду вот:

дан первый блок кнопка

<div id="ll" class="login">Login</div>

и второй пустой блок заданой ширины и высоты в css-файле:

<div class="mblock"/>

при нажатии на первый блок, вставляются или создаются две формы логина и пароля во второй блок, как это сделать через ajax запрос,
можно ли вставить сразу формы и другие теги туда по нажатию, или надо отдельно создать страницу html с этими формами и передать ее по адресу в этот блок?

[Tim]

создаются две формы логина и пароля во второй блок

логин с паролем в разных формах?

можно ли вставить сразу формы и другие теги туда по нажатию, или надо отдельно создать страницу html с этими формами и передать ее по адресу в этот блок?

возможны оба варианта

Вставка
http://api.jquery.com/html/

Вставка с подгрузкой
http://api.jquery.com/load/

[saaasa]

Вставка
http://api.jquery.com/html/

Вставка с подгрузкой
http://api.jquery.com/load/

так вот собсно:

<div class="round-blocks">
  <div class="login">Login</div>
  <div class="phonebook">Public Phonebook</div>
 </div>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
 $('div.login').click(function () {

 $('div.mblock')
 .html('<input type="text" name="firstname" />');
});
</script>

 <div class="mblock"/>

по примеру делал на вашей ссылке - не работает??
Что тут может быть?

[saaasa]

<div class="round-blocks">
  <div class="login">Login</div>
  <div class="phonebook">Public Phonebook</div>
 </div>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
 $('div.login').click(function () {

 $('div.mblock')
 .html('<input type="text" name="firstname" />');
});
</script>

 <div class="mblock"/>

Всё нашел, чёто в xhtml не хотело открывать надо научится на xhtml правильно делать

[Tim]

Ещё неплохо всё в $().ready завернуть чтобы быть уверенным что DOM готов

[saaasa]

Ещё неплохо всё в $().ready завернуть чтобы быть уверенным что DOM готов

Да, осталось только узнать что такое DOM

[saaasa]

Да, осталось только узнать что такое DOM

Теперь еще вапросик от newbie в запросах:

Вот я при нажатии на ссылочку q1 вывожу внизу ссылку/инфу q2, заодно меняю view details на hide details:

*<script>

 function q1_onclick()
 {
  document.getElementById('q2').style.display='';
  document.getElementById('q1').innerHTML='Hide details';
 }
 
 </script>*/

/

а тут иной вариант через jquery сначала скрываю созданую ссылку q2 , по клику на q1 выводится опять q2 и должно q1 заменять на hide details:

<script>
$('#q2').hide();
$('#q1').click(function() 
{
 $('#q2').show();
 $('#q1').html('hide details');
});
</script>

/

тут ссылки:

<ol id="phonelist">
 <li>Anna Karpova<a id=q1 href=# onclick=q1_onclick()>view details</a></li>
 <a id=q2 href=#>Ссылка 2</a>
 <li>Bob Sinclair</li>
 <li>Charly Knoxx</li>
</ol>

Собственно как сделать так, чтоб при нажатии на ссылку q1 выводилась внизу ссылка q2, потом q1 меняла свое содержание на hide вместо view, и при нажатии на эту q1 которая уже hide , q2 свертывалось/скрывалось/пряталось/исчезало и наоборот, короче обычная развернуть/свернуть кнопочка, вот только на элементе <a>??

[saaasa]

Что никто не знает как эту кнопочку show/hide с показом/скрытием информации реализовать ?