Потрібна підказка по HTML-формах

nameless · 9 Листопада, 2010 в 15:12

Допустим є така форма:


<form action="http://www.google.com.ua/search" method="get">
<input type="text" name="q">
<input type="submit" value="submit">
</form>

Як зробити так, щоб при натисненні кнопки submit, гугл відкривався в новому вікні?

ursa · 9 Листопада, 2010 в 16:34

Хм. Как бы очень просто

<html>
<form action="http://www.google.com.ua/search" method="get" target="_blank">
<input type="text" name="q">
<input type="submit" value="submit">
</form>
</html>

nameless · 9 Листопада, 2010 в 19:15

Хм. Как бы очень просто

Ну взагалі так, але трохи не те. Потрібен не новий таб, а саме нове вікно.

ursa · 9 Листопада, 2010 в 19:26

Это трабл "нативно-табовых" браузеров. Данная конструкция открывает именно новое окно. Попробуй и убедись в ИЕ

Если ооочень нужно новое окно - можно через javascript сделать

nameless · 9 Листопада, 2010 в 19:32

Это трабл "нативно-табовых" браузеров. Данная конструкция открывает именно новое окно. Попробуй и убедись в ИЕ

Знаю, що саме так воно і є в ІЕ, але потрібне рішення для всіх бравзерів.

ursa · 9 Листопада, 2010 в 19:36

Если в браузере не отключен принудительно javascript - можно копаться в этом направлении

gen552 · 9 Листопада, 2010 в 22:15

<input type="submit" id="indexButton1" [b]onclick="window.open('http://www.google.com');return false;"[/b] name="" value="Submit">

Попробуй это. Если я правильно понял.

ursa · 10 Листопада, 2010 в 06:46

Не работает такая конструкция. Для начала [ b][ /b] нужно убрать из кода, а потом каким-то образом передать в новое окно не просто адрес гугла, а значение из формы...

gen552 · 10 Листопада, 2010 в 10:39

Не работает такая конструкция. Для начала [ b][ /b] нужно убрать из кода, а потом каким-то образом передать в новое окно не просто адрес гугла, а значение из формы...

Вот эта шняга точно работает. Проверял лично.

<font style="font-size:21px" color="#000000" face="Arial"><b>GOOGLE в помощь</b></font>
<input type="submit" id="indexButton1" onclick="window.open('http://www.google.com');return false;" name="" value="ахтунг!">

ursa · 10 Листопада, 2010 в 11:22

Да не работает эта шняга.

Ты не понимаешь сути задачи, может? В новом окне должны быть результаты, а не страница поиска.

Кроме того в "табовом" браузере открывается новая вкладка, а не окно, что тоже противоречит условиям задачи.

gen552 · 10 Листопада, 2010 в 12:38

А, понял.

ursa · 10 Листопада, 2010 в 13:04

Ага, человек хочет, чтобы открылись результаты поиска, а не окно формы поиска. Конечно, может, я что-то и не понял - но не вижу смысла открывать окно Гугла в новом окне, если есть строка, в которую нужно ввести данные для поиска. Соответственно при нажатии кнопки ПОИСК человек ожидает РЕЗУЛЬТАТОВ, а не очередного ввода данных

Протести код автора - при нажатии кнопки появляется страница с результатами поиска по введённым данным. С предложенным мной вариантом результаты открываются в новом окне/вкладке.

"Табовый" - вкладочный браузер, в котором новые окна открываются вкладками.

Проверь свой код в любом другом браузере, кроме ИЕ. Откроется новая вкладка ("таб")

Ему нужна реализация именно нового окна, что-то типа поп-апа.

Да, в Safari этот код открывается новым окном тоже. В Опере - вкладкой. В ФайерФоксе - вкладкой. Но открывается просто страница поиска, а не результаты.

Кстати, довольно громоздкая конструкция window.open в этом случае ничуть не оправданнее более простого target="_blank"

gen552 · 10 Листопада, 2010 в 13:31

С этим разобрался.

Работает _target, если браузер настроен открывать вкладки в новом окне. Проверял в Опере.

А так, как эту фишку обойти - не знаю. Наверное никак. Иначе какой смысл в опциях типа: открыть в текущем окне на новой вкладке?

Нелюблю когда что то открывается в новом окне...

ursa · 10 Листопада, 2010 в 13:39

javascript позволяет открыть окно нужного размера, в нужном месте, с нужными кнопками во всех браузерах... но как туда передать реультаты - пока не понял

gen552 · 10 Листопада, 2010 в 15:29

<form action="http://www.google.com.ua/search" method="get" target="window">
<input type="text" name="q">
<input type=submit onclick="window.open('','window','width=800,height=400, location=yes,toolbar=yes,menubar=yes,status=yes,scroll bars=yes,resizable=yes');">
</form>

Может так должно быть?

ursa · 10 Листопада, 2010 в 15:33

Открылось окно about:blank, а результаты в родительском высветило.

gen552 · 10 Листопада, 2010 в 15:38

Только что скопировал код отсюда и проверил в Опере, Мозиле, ИЕ. Работает.

Скриншот поставить?

ursa · 10 Листопада, 2010 в 16:15

В ИЕ8 мне выдало ошибку "Не удаётся открыть токен безопасности анонимного уровня"

В ФФ - та же чистая страница в новом окне и результат поиска - в родительском. Давай скрин

adebt · 10 Листопада, 2010 в 16:35


<form method="get" name="form" onsubmit="window.open('http://www.google.com.ua/search?q='+document.getElementById('q').value,'window','width=800,height=400,location=yes,scrollbars=yes'); return false">
	<input type="text" name="q" id="q">
	<input type="submit" value="submit">
</form>

Блін. Форум ламає першу строку, там немає бути переносів.

gen552 · 10 Листопада, 2010 в 16:55

В ИЕ8 мне выдало ошибку "Не удаётся открыть токен безопасности анонимного уровня"

В ФФ - та же чистая страница в новом окне и результат поиска - в родительском. Давай скрин

Даю скрин. Хотя это ничего не докажет.

Вот полный код страницы. Попробуй.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
	<meta name="author" content="gen552" />

	<title>Untitled 1</title>
</head>

<body>

<form action="http://www.google.com.ua/search" method="get" target="window">
<input type="text" name="q">
<input type=submit onclick="window.open('','window','width=800,height=400, location=yes,toolbar=yes,menubar=yes,status=yes,scroll bars=yes,resizable=yes');">
</form>

</body>
</html>

adebt, твой код тоже работает.

adebt · 10 Листопада, 2010 в 19:12

adebt, твой код тоже работает.

Да? Оце прикол!

А якщо серйозно, то як ви блін код вставляєте так, що скрол з’являється?

nameless · 10 Листопада, 2010 в 20:09

2adebt - саме те, що й потрібно було. Сєнкью вері мачь =)

adebt · 10 Листопада, 2010 в 21:12

2adebt - саме те, що й потрібно було. Сєнкью вері мачь =)

На здоров’я

Увійти

Потрібна підказка по HTML-формах

Рекомендовані повідомлення

Заархівовано

Останні відвідувачі 0 користувачів онлайн

Теми

Ваш акаунт

Підтримка board.lutsk.ua

Інформація