JS, появление кода.

[Asafchik]

JS, появление кода.

Есть форма, в ней 1 поле.
Текстовое.
Нужно чтобы по клику формировался html:
Value из формы <a href="http://blabalbla/?xz=value из формы"><img src="xz.gif"></a>
Вот примерная задача.
Как её реализовать?
Заранее спасибо и извините если вопрос очень глупый.

 

[bgm]

"По клику" на что? И куда он должен "фомироваться"?

 

[Never die]

чего-то я не до конца понял проблему.. конкретизируй

 

[Asafchik]

ой...простите...
OnClick на кнопке формы.

 

[Never die]

эт ладно.. куда он должен формироваться?

опиши проблему детальней..

 

[Asafchik]

Рядом с формой.

 

[bgm]

Asafchik
И в чём твоя проблема?
- ты не знаешь как отследить событие onClick?
- ты не знаешь как взять значение из <input type="text"> и сформировать html-код?
- ты не знаешь как поместить сформированный html-код рядом с формой?
- кстати, а почему бы тебе не обойтись без JS и просто при нажатии на кнопку "submit" не перегрузить страницу и не отобразить ссылку с помощью PHP?

 

[Asafchik]

Второй вариант =)))))
Ну и третий.
Я делаю документ.райт и форма сама исчезает =(

 

[bgm]

Смотри:
- у тебя должна быть JS функция, которая вызывается по событию onClick;
- на вход этой функции тебе нужно подавать ID текстового поля;
- для того, чтобы получить значение текстового поля по ID используй document.getElementById(ID).value;
- используя полученное значение сформируй текстовую строчку с ссылкой;
- помести полученную текстовую строчку туда, куда тебе необходимо;
- найди толковый учебник по JS, потому что твои вопросы даже не из разряда для начинающих.

 

[Asafchik]

Сделал.Большое всем спасибо.
Выкладываю сюда, вдруг кому пригодится?

<form>
Введите логин:<br>
<input type=text name=login>
<input type=reset value=Вывести onclick="document.write(form.login.value+'<a 

href=http://go.territory.ru/user_info.php?log='+form.login.value+'><img 

src=http://go.territory.ru/images/inf.gif border=0></a><br><a 

href=javascript:history.go(-1)>Назад</a>')";>
</form>

 

[maxwell]

мда уж....
почему бы просто не получить с помощью getelementbyid
значения из формы.
Потом сделать что-то типа
var body = document.getelementbyid("body");
body = body.innerHTML + "<a href=http://blabalbla/?xz=value из формы><img src=xz.gif></a>";

есссно в хтмл нужно вставить типа что-то вроде этого:
<div id=body>
form...
</div>
можно форму вынести ЗА div и тогда в div'е выводить только результат

-~{}~ 30.08.06 15:05:

<script>
function showLogin()
{
	var login = document.getElementById("login").value;
	document.getElementById("body").innerHTML = login+" <a href=http://go.territory.ru/user_info.php?log="+login+" target=_blank>
<img src=http://go.territory.ru/images/inf.gif border=0></a>";
}
</script>
<form>
  <input type=text id="login"><br>
  <input type=button onClick="showLogin();" value="Show">
</form>
<div id="body">
</div>

-~{}~ 30.08.06 15:07:

о, только щазз увидел сообщение bgm