Вставка текста в форму
Вот, собственно, ситуация простая, но требует решения. Есть форма, есть текстовая ссылка. Надо чтобы при нажатии на ссылку, её текст отображался в форме. (нечто похожее на яндексовские подсказки под поиском со словом "Например...").
В js я новичок, так что буду крайне признателен за помощь, выраженную понятным языком :) |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
window.onload = function() {
document.getElementById('example').onclick = function() {
document.getElementById('search').value = this.innerText || this.textContent;
return false;
};
};
</script>
</head>
<body>
<div>
<form action="">
<fieldset>
<label for="search">Поиск: <input id="search" type="text" size="100" /></label>
<p>Например, <a href="#" id="example">Чердынь и Чокурдах - разница во времени</a></p>
</fieldset>
</form>
</div>
</body>
</html>
|
Самое простое:
<input type="text" id="textfield" /><br />
Например: <a href="javascript://" onclick="document.getElementById('textfield').value = this.innerHTML">какой-то текст</a>
|
Спасибо уважаемые! :)
|
А нелязя ли вставить не в текстовое поле, а просто в какой-то тег, скажем <pre id="search2"></pre>?
|
Вместо «value» поставьте «innerHTML».
|
Андрей Параничев, а зачем делать ссылку, ведущую в никуда?
|
Чтобы без JavaScript использовать :hover в IE6 и чтобы этому элементу передавался фокус.
|
А как вы эту ссылку сможете использовать без JavaScript?
|
| Часовой пояс GMT +3, время: 11:37. |