Перейти до змісту

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


nameless

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

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


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

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

Посилання на коментар
Поділитись на інші сайти

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

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

Посилання на коментар
Поділитись на інші сайти

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

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

Посилання на коментар
Поділитись на інші сайти

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

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

Посилання на коментар
Поділитись на інші сайти

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

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

Посилання на коментар
Поділитись на інші сайти

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

Посилання на коментар
Поділитись на інші сайти

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

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

Посилання на коментар
Поділитись на інші сайти

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

Посилання на коментар
Поділитись на інші сайти

Не работает такая конструкция. Для начала [ 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="ахтунг!">

Посилання на коментар
Поділитись на інші сайти

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

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

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

Посилання на коментар
Поділитись на інші сайти

А, понял.

Посилання на коментар
Поділитись на інші сайти

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

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

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

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

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

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

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

Посилання на коментар
Поділитись на інші сайти

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

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

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

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

Посилання на коментар
Поділитись на інші сайти

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

Посилання на коментар
Поділитись на інші сайти

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

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

Посилання на коментар
Поділитись на інші сайти

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

Посилання на коментар
Поділитись на інші сайти

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

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

Посилання на коментар
Поділитись на інші сайти

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

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

Посилання на коментар
Поділитись на інші сайти


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

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

Посилання на коментар
Поділитись на інші сайти

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

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

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

post-4328-0-83270900-1289407955_thumb.jp

post-4328-0-05538500-1289407965_thumb.jp

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

<!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, твой код тоже работает.:)

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

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

Посилання на коментар
Поділитись на інші сайти

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

Посилання на коментар
Поділитись на інші сайти

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

На здоров’я ;)

Посилання на коментар
Поділитись на інші сайти

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

Ця тема знаходиться в архіві та закрита для подальших відповідей.



×
×
  • Створити...