Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   FancyBox применть к кнопке submit (https://javascript.ru/forum/dom-window/43611-fancybox-priment-k-knopke-submit.html)

ilyas-> 13.12.2013 14:56

FancyBox применть к кнопке submit
 
fancybox открывает модальное окно аяксом в который вставляет текст из html файла

<a href="/personal/why_we/iphone.html" class="fancybox fancybox.ajax">
<input type="submit" name="asd_submit" id="asd_subscribe_submit" value="<?=GetMessage("ASD_SUBSCRIBEQUICK_PODPISATQ SA")?>" /

</a>

вот только мне нужно нажимать не на ссылку а на input кнопку, чтобы при нажатии посылались пост данные и с задержкой в 1 сек открылось модальное окошко аяксом,я завернул в ссылку только теперь кнопка внутри ссылки не нажимается, атрибут href уже не прописать кнопке

Как применить не к ссылке модальное окно а к кнопке input=submit

danik.js 13.12.2013 15:07

$('input[type="button"]').fancybox({type: 'ajax', href: '/.../iphone.html'});

Примерно так. Точней смотри в документации к fancybox.

ilyas-> 13.12.2013 15:13

Цитата:

Сообщение от danik.js (Сообщение 286456)
$('input[type="button"]').fancybox({type: 'ajax', href: '/.../iphone.html'});

Примерно так. Точней смотри в документации к fancybox.

а как сделать задержку открытия модального окна в 1 сек ?

ilyas-> 13.12.2013 15:21

по айдишнику так обращаться?
$('input#id').fancybox({type: 'ajax', href: '/personal/why_we/iphone.html'});

danik.js 13.12.2013 15:22

Тогда подругому нужно:

$('селектор').click(function(){
    setTimeout(function() {
        $.fancybox.open({type:: 'ajax', href: '/.../iphone.html'});
    }, 1000);
});

ilyas-> 13.12.2013 15:24

вот так будет правильно составлен инициализатор модального окна ?
$('input#id').fancybox({
type: 'ajax',
href: '/personal/why_we/iphone.html',
maxWidth:700,
maxHeight:530,
helpers : {
overlay : {
locked : false,
speedOut : 0,
showEarly : true
}}
});

ilyas-> 13.12.2013 15:40

Цитата:

Сообщение от danik.js (Сообщение 286463)
Тогда подругому нужно:

$('селектор').click(function(){
    setTimeout(function() {
        $.fancybox.open({type:: 'ajax', href: '/.../iphone.html'});
    }, 1000);
});

Спасибо вам большое у меня получилось, вот куки применять придется нужно чтобы форма после закрытия не открывалась в 1 час если даже сто раз страницу обновлю ?

danik.js 14.12.2013 03:13

Цитата:

Сообщение от ilyas->
вот куки применять придется

Ага. Или проще localStorage


Часовой пояс GMT +3, время: 07:30.