fancybox - ファンシーボックスとオンフォーカス

Question

テキストエリアをクリックするときに、phpファイル内でfancyboxをロードする必要があります。

私のコード:

<script type="text/javascript">
    $("#mypop").click(function() {
        $.fancybox({
        'href'                  : 'file.php',
        'transitionIn'      : 'none',
        'transitionOut'     : 'none',
        'titleShow' : false,
        'overlayColor'  :   '#fff',
        'overlayOpacity':   0.8 }); });</script>

<textarea rows="4" cols="50" onfocus="#mypop" ></textarea>

なぜこれが機能しないのですか?

Answer 1

textarea タグを変更する必要があります: removeonfocus="#mypop"および add id="mypop"。関数呼び出しは$("#mypop")で要素を検索しid="mypop"、click(function(){...})関数はイベント リスナーを追加します。この関数呼び出しにより、onfocus=-attribute も不要になります。

Answer 2

<script type="text/javascript">
    $("#mypop").click(function() {
       $.fancybox("<iframe src='file.php' frameborder='0'></iframe>",{
          maxWidth : 700,
          maxHeight : 600,
          fitToView : false,
          width : '50%',
          height : '50%',
          autoSize : true,
          closeClick: false
      });
    });
</script>
<textarea rows="4" cols="50" id="mypop" ></textarea>

投稿者: ホセ・アルフレド・ココム・チャン