2011-02-09 12 views
2

DIVがクリックされたときに、zend-framework、iframe、ajax、およびjqueryを使用してURLを呼び出しています。AjaxとJqueryを使用してiframeのターゲットを設定していますか?

私は.....私はDIV

<div target="listenMsg" class="text" id="<?php echo $row['id']; ?>"> 
...... 
</div> 

次のコードを使用し、jQueryのために、私は次のコードを記述従う

<iframe src="http://localhost.test.com/public/index/listen-message" name="listenMsg" height="120" width="600"> 
          <p>Your browser does not support iframes.</p> 
         </iframe> 

として

$(".text").click(function() 
{ 
    var clickedDiv = $(this).attr("id"); 

    var id=$(this).attr("id"); 

     $.ajax({ 
     type: "POST", 
     url: "http://localhost.test.com/public/index/listen-message", 
     data: id, 
     success: function(data){ 

     } 
     }); 
     return false; 
}); 

をインラインフレームを使用していますしかし、私がDIV "テキスト"コントロールをクリックすると、http://localhost.test.com/public/index/listen-messageに行きますが、結果はIFRAME ....に表示されません。

何が起こりうるのでしょうか?

私はあなたのiframeに返される結果を追加する必要があると仮定し...... ......

答えて

1

1にid="listenMsg"を追加 - コードに誤りがあるものの:

$('iframe[name="listenMsg"]').contents().find("body").html("your message"); 
は、
1

を事前に

おかげでいくつかのコード、リンクやアイデアを提供してください。 ATMのajac-callは、成功関数に何もしません。 。機能(データ){$( "#のlistenMsg")追加(データ);:

だけ

成功をしてみてください}

編集:

私は私はあなたの質問が間違っだと思います。ターゲットを動的に設定したいのですか?機能(データ){$( "#" + $(この).ATTR( 'ターゲット'))(データ)追記;:

その後

成功を使用しています。 } と、この答えにあなたのiframe

target = $(this).attr('target'); 
    $('body', window.frames[target].document).append(data); 
1
$('iframe[name="listenMsg"').contents().find("body").html("your message"); 
関連する問題