需要将<div>内容从一个页面发送到另一个页面的特定<div> </div> </div>

时间:2014-03-02 22:18:33

标签: javascript php jquery html

我正在尝试创建一个拖放幻灯片放映器。到目前为止,它进展顺利。用户选择他们的幻灯片,然后将其拖放到指定区域。拖放脚本将内容加载到有序列表中页面上的“div”标记中。

这是我的一切。它完成了我。我需要这些内容......要发送到另一个页面......

......到目前为止已经是EPIC FAIL了。

我试图获取“div”的内容(将“li”添加到对我来说非常重要的项目信息中),然后将它们发送到另一个页面,其中所选数据将成为幻灯片的基础秀。

“div to div”剧本是让我脱掉头发的原因!

((注意:我开始了一个会话,但不知道如何使用它)) ((注意:我是PHP的初学者,我的大部分经验都是前端开发。请温柔。)) ((注意:不,我还没有开始喝酒。但是。我正在尝试幽默。我们会看到它是怎么回事。)

以下是原始页面“NEW16”上的代码:

    <?php
session_start( );
session_register('cart');
session_register ('drop');
include 'canvas.php';
?>
<html>
<head>
    <meta charset="utf-8" />
    <title>Presentation Builder</title>
    <link rel="stylesheet" href="htmldemodraganddrop.css" />
</head>
<body>
    <!-- icons from  http://www.iconfinder.net/search/?q=iconset:superpack | author site : http://officinadigitale.forumcommunity.net/-->
    <ul id="products">
        <li><a class="item" href="#" id="2020Vision" draggable="true"><img src="2020Vision.jpg" /><div><p><strong>2020 Vision</strong></p><p><strong></strong>: <span></span></p></div></a></li>
        <li><a class="item" href="#" id="3000Days" draggable="true"><img src="3000Days.jpg" /><div><p><strong>3000 Days</strong></p><p><strong></strong>: <span></span></p></div></a></li>
        <li><a class="item" href="#" id="3000Days-Economictrends" draggable="true"><img src="3000Days-Economictrends.jpg" /><div><p><strong>3000 Days-Economic trends</strong></p><p><strong></strong>: <span></span></p></div></a></li>
        <li><a class="item" href="#" id="401Kor401G" draggable="true"><img src="401Kor401G.jpg" /><div><p><strong>401K or 401G</strong></p><p><strong></strong>: <span></span></p></div></a></li>
        <li><a class="item" href="#" id="AccumulationCalculator" draggable="true"><img src="AccumulationCalculator.jpg" /><div><p><strong>Accumulation Calculator</strong></p><p><strong></strong>: <span></span></p></div></a></li>
    </ul>
    <div id="cart">
        <form method="post" action="canvas.php?content=cart">
            <input type="hidden" name="cart" value="<?php echo $cart; ?>" />
        <h1>Slide Builder</h1>
        <ul></ul>
        <h2>Drop here to add Slide</h2>
            <input type="submit" name="Submit" value="Go!" />
</form>
    </div>      
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script src="jquery.ndd.js"></script>
    <script src="jsdemodraganddrop.js"></script>
</body>
</html>

在“幻灯片生成器”中,UL标签之间是包含ID的内容在用户放入时的位置。我想要选择文件的名称,以及包含全尺寸图像的相对链接,以及没有别的东西填充“canvas.php”页面。

所以我觉得我在这里很漂亮。而那就是我跑进那个命运的大砖墙的地方。 “NEW16”现在加载图像。它们具有鼠标悬停标题,用户可以将它们拖到购物车中,并且购物车总数会更新为文件名。我已将它(可能是笨拙的)放入要提交的表格中。我似乎无法从一个页面到下一个页面获取任何内容。

(羞愧地抱头)

这就是原因:“canvas.php”的代码

<?php  session_start(); 
?>
<html>
<body>
<?php Print_r ($cart); echo "<p>"; ?>
DIV Content<?php echo $_PRODUCT["id"]; ?>

<?php echo $cart; 
echo $_POST['cart'];
?>
</body>
</html>

这太糟糕了,我应该从网络中被驱逐出去。我知道。这就是我在这里的原因。通常,我通过搜索得到我的答案,而不必发帖(谢谢)。这一次,我需要寻求帮助。

我只需要将购物车内容从一个页面发送到下一页。

请帮忙!

2 个答案:

答案 0 :(得分:0)

你只需要使用$ _POST []; - 获取购物车中输入数据的方法。

主页:(注意该字段的ID)

<div id="cart">
<form method="post" action="anypage.php">
<input type="hidden" name="cart" id=cart value="<?php echo $cart; ?>" />

<h1>Slide Builder</h1>
<ul></ul>
<h2>Drop here to add Slide</h2>
<input type="submit" name="Submit" value="Go!" />
</form>

anypage.php:

<? $cart=$_POST['cart']; ?>

<div id="whatever">
<? echo $cart ?>

</div>

当然你也可以使用一个会话,但如果你只想通过 从一个页面到另一个页面的数据,这是最简单的方法。

希望你能从中找到一些东西。

答案 1 :(得分:0)

您可以在会话var中从第一页编写内容,并在第二页上读取var。另一种方法是使用jquery $ .get()读取session var并在第二页上写入div。或者我误解了你?

相关问题