2012-11-15 20 views
0

我需要加载fancybox与内部的php文件,当我点击textarea。fancybox and onfocus

我的代码:

<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> 

为什么这是不工作?

回答

1

您需要更改textarea标记:删除onfocus="#mypop"并添加id="mypop"$("#mypop")函数调用将搜索具有id="mypop"的元素,并且click(function(){...})函数将添加事件侦听器。这个函数调用也使得onfocus=-属性不必要。

+0

谢谢我忘了在$(“#mypop”)之前添加。click(function()添加$(document).ready(function():)现在它可以工作! – andys

+0

@ user1139767如果这个答案有帮助 - 请[*接受它!*](http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work) – alfasin

+0

好的,但会是什么提交按钮?我需要在输入onclick中写入什么? – andys

0

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

通过:何塞·阿尔弗雷多·科空陈