[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: якорь в виде кнопки
DenisD
как создать якорь чтоб сработал Submit и одновременно был переход на нужное место на сайте?


как совместить
<input name="Submit" type="submit" value="ПОИСК!">
и
<a href="#top">в нужное место</a>




Спустя 19 минут, 19 секунд (24.06.2011 - 17:28) Игорь_Vasinsky написал(а):
ну функцию JS на onclick этой submit повесь с редиректом после обработки формы.

Спустя 4 минуты, 21 секунда (24.06.2011 - 17:33) sharki написал(а):
DenisD
У JS есть функции для работы с адресной строкой, включая и хэш.

установить хэш можно с помощью
document.location.hash = "#top"

Спустя 59 секунд (24.06.2011 - 17:34) Игорь_Vasinsky написал(а):
пригодиться, не знал.

Спустя 1 минута, 14 секунд (24.06.2011 - 17:35) sharki написал(а):
Игорь_Vasinsky
Так же и извлекать кстати говоря )

Спустя 6 месяцев, 27 дней, 22 часа, 6 минут, 33 секунды (22.01.2012 - 15:42) DenisD написал(а):
Цитата (sharki @ 24.06.2011 - 14:33)
DenisD
У JS есть функции для работы с адресной строкой, включая и хэш.

установить хэш можно с помощью
document.location.hash = "#top"

привет
я тут сделал как ты советовал а как мне прикрутить теперь к HTML форме чтобы сработал запрос
<form method="POST">
<p
align="center">
ВВЕДИТЕ ДАТУ РОЖДЕНИЯ:
<p align="center">
<select
name="ddate" >
<option
value = ""> ЧИСЛО
<option value="01">1 </option>
</select>
<select
name="month">
<option
value = ""> МЕСЯЦ
<option value="01">Январь </option>
</select>
<select
name="year" >
<option
value="">ГОД</option>
<option
value="2010">2010</option>
</select>
<p
align="center">
<input
name="submit" type="submit" value="ПОИСК!">
<span
onClick="document.location.hash='#metka-1'">ПОИСК! через onClick</span>
</form>

Спустя 12 минут, 36 секунд (22.01.2012 - 15:54) Winston написал(а):
OnClick прописать для кнопки (submit)

Спустя 7 минут, 14 секунд (22.01.2012 - 16:01) DenisD написал(а):
непонятно

Спустя 8 минут, 28 секунд (22.01.2012 - 16:10) redreem написал(а):
помоему достаточно по сабмиту сувать нужный якорь в актион и все. например так:

<form method="POST" onsubmit="this.action=window.location.href+'#metka-1';this.submit()">

Спустя 34 минуты (22.01.2012 - 16:44) DenisD написал(а):
Цитата (redreem @ 22.01.2012 - 13:10)
помоему достаточно по сабмиту сувать нужный якорь в актион и все. например так:

<pre class="sh_sourceCode" rel="html"><span class="sh_keyword"><form</span> <span class="sh_att">method</span><span class="sh_symbol">=</span><span class="sh_string">"POST"</span> <span class="sh_att">onsubmit</span><span class="sh_symbol">=</span><span class="sh_string">"this.action=window.location.href+'#metka-1';this.submit( )"</span><span class="sh_keyword">></span></pre>

все равно не переходит на нужную метку (после нажатия на кнопку ПОИСК), а загружает начало страницы.
Цель такая: при нажатии на ПОИСК страница не обновляется, а выводится результат запроса из базы (а в базу вводятся данные из формы).
если заново вводить данные, то опять загружается начало страницы

Спустя 11 минут, 54 секунды (22.01.2012 - 16:56) redreem написал(а):
причем тогда тут "якоря"?
вот в общем-то точно такая же тема:

ТЫК

Спустя 20 минут, 23 секунды (22.01.2012 - 17:16) DenisD написал(а):
Цитата (redreem @ 22.01.2012 - 13:56)
<form method="POST" onsubmit="this.action=window.location.href+'#metka-1';this.submit()">

вообще то Ваше решение тоже подходит, только подскажите как сделать чтоб при выборе новых данных опять был переход на ту же метку?

Спустя 7 минут, 17 секунд (22.01.2012 - 17:23) redreem написал(а):
вы неполностью формулируете условия задачи.

Спустя 15 минут, 12 секунд (22.01.2012 - 17:39) DenisD написал(а):
Цитата (redreem @ 22.01.2012 - 14:23)
вы неполностью формулируете условия задачи.

спасибо уже разобрался, просто для многоразового использования нужно было использовать Hash вот так
<form method="POST" onsubmit="this.action=window.location.hash= '#metka-1';this.submit()">

Спустя 13 минут, 26 секунд (22.01.2012 - 17:52) DenisD написал(а):
Правда в IE не фурычит
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.