-2

「要求されたコンテンツを読み込めません。後でもう一度やり直してください」というメッセージが表示されるので、何が問題なのかわかりません。

<form action="<?php echo site_url('frontend/accelerator/|fltru:true|');?>" method="post" name="product_form"  >
<input type="text" name="cod_bar" id="cod_bar" value="introduceti codul de bare" onClick="if (document.product_form.cod_bar.value == 'introduceti codul de bare') {document.product_form.cod_bar.value='';}" onBlur="if (document.product_form.cod_bar.value == '') {document.product_form.cod_bar.value='introduceti codul de bare';}">
<input type="text" value="introduceti cantitatea" name="qty" onClick="if (document.product_form.qty.value == 'introduceti cantitatea') {document.product_form.qty.value='';}" onBlur="if (document.product_form.qty.value == '') {document.product_form.qty.value='introduceti cantitatea';}">
<input type="submit" value="Insereaza" name="add_product"   style="margin-left:5px; min-width:10px;">
<input type="submit" value="Cauta"  **class="fancybox fancybox.button"** name="search_product"  style="margin-left:5px; min-width:10px;">

</form>

ヘッダーには、次のようなものがあります。

$(document).ready(function() {
$(".fancybox").fancybox({
    width       : 700,
    'height'    : 500,
    fitToView   : true,
    closeBtn    : true,
    autoSize    : false,
    closeClick  : true,
    openEffect  : 'elastic',
    closeEffect : 'elastic',
    'type': 'iframe',
    helpers : {
    overlay : {
    closeClick : true,
        css : {
            'background' : 'rgba(58, 42, 45, 0.3)'
        }
    }
}
});


});

<a class="fancybox fancybox.button" href="something">bla</a> 次のようなリンクで、fancybox が適切に動作するという事実を追加したいと思い ます。

4

3 に答える 3

0

代わりに送信ボタンでfancybox効果を使用したい場合。

  <a  href=''></a>

次に、送信ボタンにonclickイベントを含めて、それを呼び出します。あなたの場合、クリック後にfancyboxにロードする場所や画像を指定していないため、fancyboxにロードして表示するコンテンツも提供する必要があります。

于 2013-03-13T14:25:59.523 に答える
0

Fancybox は、リソースをロードするために href 属性を探します。あなたの送信アクションにはそのような属性がありません。フォーム アクション URL をロードするようにしたいと思いますか? POSTデータで？ファンシーボックスの beforeLoad メソッドをオーバーライドする必要があります

$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        type: 'iframe',
        autoSize : false,
        beforeLoad : function() {                    
            this.width = parseInt(this.href.match(/width=[0-9]+/i)[0].replace('width=',''));  
            this.height = parseInt(this.href.match(/height=[0-9]+/i)[0].replace('height=',''));
        }
});

http://jsfiddle.net/BJNYr/

ここを見ると：http://fancyapps.com/fancybox/#docs

オーバーライドできる href 変数があります。

ファンシーボックスに正確に何を表示させたいかを決めるだけです。

于 2013-03-13T14:59:40.557 に答える