如何从两个不同的页面像whatsappweb一样并排获得两个div?

时间:2016-09-29 08:09:42

标签: javascript jquery html css

任何人都可以帮助我如何使用javascript从不同的页面中像whatsapp web一样并排获得两个div。我想在一个页面中显示它们。我的代码是:

page1.html的代码:

<div class="page1">
<p>hii</p>
<div>

page2.html的代码:

<div class="page2">
<p>hello</p>
<div>

我的PHP代码:

<?php if($chat_topic_id==1) { 
    if(isset($_SESSION['customer_id'])!=""){
    $onclickEvent = "onclick='return showChatWindowApplication(".$chat_question_id.");'";
    }else{
$onclickEvent = "onclick='return ChatLoginModule(".$chat_question_id.");'";
                    }?>
 <div><a href="javascript:void(0);" <?php echo $onclickEvent;?>>
 <p><?php echo $chat_question_title;?></p></a></div>

3 个答案:

答案 0 :(得分:0)

这是你要找的吗?

&#13;
&#13;
section {
    width: 100%;
    height: 200px;
    margin: auto;
}
div#page1{
    width: 50%;
    height: 200px;
    background: red;
    float: left;
}
div#page2{
    margin-left: 50%;
    height: 200px;
    background: black;
}
&#13;
<section>
    <div id="page1"></div>
    <div id="page2"></div>
</section>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

首先,你的例子是假的。

这是正确的例子:

.page1, .page2 {
    display: inline-block;
}
<div class="page1">
<p>hii</p>
</div>

<div class="page2">
<p>hello</p>
</div>

干杯。

答案 2 :(得分:0)

iframe
{
width:49%;
float:left;
height:1000px;}
<iframe src="http://www.w3schools.com/"></iframe>

<iframe src="https://www.tutorialspoint.com/"></iframe>

使用iframe,你可以在sigle窗口中显示两个不同的页面