Существует ли рабочий пример jQuery Shadowbox?

Question

У меня есть

window.onload = function() 
{ 
    $('form').submit(function() 
    { 
     return false; 
    }); 
}; 

Внутри функции OnLoad, позже я называю Shadowbox.open(). Конечно, я прохожу варианты. В любом случае, моя форма отправляет всю страницу и вместо этого возвращает false.

Я искал фактический рабочий пример того, как обрабатывать формы для формы, переданной Shadowbox. Если вы можете указать мне на один, это будет потрясающе.

Спасибо

Answer 1

То, что вы должны сделать, это:

1. использовать IFrame-плеер (при загрузке Shadowbox вы должны проверить "Внешние сайты и страницы" -checkbox)
2. обеспечивают callback-function for onFinish, чтобы убедиться, что iframe существует до отправки формы
3. изменить целевой атрибут формы на sb-player (это имя iframe, созданного shadowbox)

Пример кода (будет работать Google-поиск в Shadowbox)

<script type="text/javascript"> 
Shadowbox.init(); 

$(function() 
    { 
    $('form') 
     .submit(function() 
       { 
       //reference to the form, needed in onFinish 
       var me=this; 

       Shadowbox.open({ 
            //we dont need to load a page 
           content: 'about:blank', 
            //use the iframe-player 
           player: 'iframe', 
           height: 350, 
           width: 850, 
           options: { 
              //send the form without 
              //triggering the submit-event 
              //when the iframe is available 
              onFinish:function() 
                {me.submit();} 
             } 
     }); 
     //set the iframe(the name is sb-player) as target of the form 
      $(this).attr('target','sb-player'); 

     return false; 
    }); 
}); 

</script> 
<form action="http://google.de/search"> 
<input name="q" value="shadowbox"> 
<input type="submit"> 
</form>