Форум

SSDarold · #1 (**permalink**) 30.11.2008, 00:56

Вот, собственно, ситуация простая, но требует решения. Есть форма, есть текстовая ссылка. Надо чтобы при нажатии на ссылку, её текст отображался в форме. (нечто похожее на яндексовские подсказки под поиском со словом "Например...").
В js я новичок, так что буду крайне признателен за помощь, выраженную понятным языком

Octane · #2 (**permalink**) 30.11.2008, 01:11

<!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>

Андрей Параничев · #3 (**permalink**) 30.11.2008, 01:12

Самое простое:

<input type="text" id="textfield" /><br />
Например: <a href="javascript://" onclick="document.getElementById('textfield').value = this.innerHTML">какой-то текст</a>

SSDarold · #4 (**permalink**) 30.11.2008, 14:50

Спасибо уважаемые!

bdv1983 · #5 (**permalink**) 30.11.2008, 21:09

А нелязя ли вставить не в текстовое поле, а просто в какой-то тег, скажем <pre id="search2"></pre>?

Octane · #6 (**permalink**) 30.11.2008, 21:28

Вместо «value» поставьте «innerHTML».

Kolyaj · #7 (**permalink**) 01.12.2008, 12:25

Андрей Параничев, а зачем делать ссылку, ведущую в никуда?

Octane · #8 (**permalink**) 01.12.2008, 13:50

Чтобы без JavaScript использовать :hover в IE6 и чтобы этому элементу передавался фокус.

Kolyaj · #9 (**permalink**) 01.12.2008, 15:08

А как вы эту ссылку сможете использовать без JavaScript?

Форум

Справочник

Discord чат

Курсы javascript