Новое окно с заданными параметрами по нажатию на submit

[fiver]

Здравствуйте!

Подскажите пожалуйста, как по нажатию на кнопку формы <input type="submit" value="КЛИК"> открыть файл обработчик, который указан в атрибуте action, в новом окне, поверх текущего с заданными параметрами. По типу mywindow=window.open('uploud.php' ,'','height=300, width=300' );

Или как вариант, как уйти от кнопки <input type="submit" value="КЛИК"> к обычной ссылке <a href='uploud.php'>КЛИК</a>, но так что бы все данные формы записались в суперглобальный массив POST.

СПАСИБО!

[Быколай]

Перехватывать события javascript, погуглите на эту тему

[fiver]

Перехватывать события javascript, погуглите на эту тему

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

[Быколай]

Смотрите, каждое действие пользователя над открытой в браузере страницей -- это событие. То есть все клики, нажатия попадание элемента в фокус, переход табом и т.д.

Надо лишь решить, какое событие для какого элемента вы хотите использовать, и написать к нему свой обработчик.

Вот тут есть подробная инф-ия: http://javascript.ru/tutorial/events

Мне проще при помощи jQuery писать, чем на чистом js.

В общем вот такой код для вашей задачи набросал:

<script>
$(function(){
// следим за кликом по ссылке с id=submit
	$('a#submit').bind('click', function(){
// формируем окно с нужным именем и параметрами
		window.open('uploud.php' ,'upload','height=300, width=300' );
		$('form#form').submit(); // отправляем форму
		return false; // выход из обработчика, чтобы прервать переход по ссылке. 
	});
})
</script>
<!-- указываем имя окна, адрес обработчика, метод, id формы чтобы найти её через js -->
<form target="upload" action="upload.php" method="post" id="form">
    <input type="text" name="text"/>
    <a href="#" id="submit">Отправить</a>

</form>

[fiver]

Спасибо за наброски.

Направление уловил, статейки почитаю.

Раз разговор зашел о jQuery, то у меня такой вопрос.

А можно привязать действие кнопки формы к открытию окна с помощью jQuery.

У меня на сайте есть скрипт, который открывает окна нужного мне размера с помощью jQuery.

Но действует по клику на ссылке с прописанным классом.

Я применил этот класс сначала к форме в целом, потом к кнопке конкретно.

Что то видимо сработало, так как прошло затемнение, но окно с заданными параметрами не открылось.

вот код скрипта

<script type="text/javascript" src="modalform/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="modalform/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="modalform/js/jquery.fancybox-1.2.1.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$("a.gallery, a.iframe").fancybox();
$("a.modalbox").fancybox(
{								  
"frameWidth" : 400,	 
"frameHeight" : 400 							  
});
$("#menu a, .anim").hover( function() {
$(this).animate({"paddingLeft" : "10px"}, 300)},
function() {$(this).animate({"paddingLeft" : "0"}, 300);
});

</script>

[Быколай]

Без разметки затрудняюсь сказать что вы упустили. М.б. класс где-то не прописали...