单击打开单独页面中的整个div(新选项卡)

时间:2013-05-30 15:23:41

标签: php html

首先看一下这个小提琴http://jsfiddle.net/YrSzQ/

基本上我要做的是添加像这样的代码

<a target="_blank" href="here should be the event tile that you see at the first line of the fiddleel .html">open event</a>

当我点击open事件时,我应该在新页面中打开整个div。

似乎我正在回答这个问题,但我无法访问代码中的代码,从远程页面检索代码获取内容,我想在回显页面中的代码之前添加此代码< / p>

我希望你明白我要解释的是什么

2 个答案:

答案 0 :(得分:0)

不知道我是否理解你是对的,但是如果你想用给定div的内容打开一个新窗口,你为什么不使用window.open并将现有div的内容添加到打开的窗口,如下所述: Add content to a new open window

答案 1 :(得分:0)

也许你正在寻找这样的东西?使用jQuery来识别单击您的div中的链接的时间,然后执行javascript操作以在其自己的窗口中打开该div。

jsFiddle here

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
//alert('Document is ready');
                $('#newwindow a').click(function() {
                    alert('helloooooo');
                });

            });
        </script>
    </head>
<body>

<div id="newwindow">
    <span class="lshevent">Li - Mattek-Sands (Court 1)</span>       
    <div id="event153341" class="lshjpane-slider lshcontent" style="padding-top: 0px; border-top-width: medium; border-top-style: none; padding-bottom: 0px; border-bottom-width: medium; border-bottom-style: none; overflow: hidden; height: 308px;">
        <table width="100%" class="insideslidebg" cellpadding="0" cellspacing="0" border="0"><tbody><tr><td colspan="2"><b>Live Streaming Video </b> <span class="section">Tennis</span>
            <b>: </b> <span id="category754" class="category">Roland Garros 2013</span>
        </td>
    </tr></tbody></table></td>


{ SNIP! }


    </tr></tbody></table></div><!-- #event153341 -->

</div><!--#newwindow-->


</body>
</html>