0

我在这里问你创建“发电机”的最佳方式。

到目前为止我做了什么：检索发布数据的 PHP 文件，

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- 33 KB -->

<!-- fotorama.css & fotorama.js. -->
<link href="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.2/fotorama.css" rel="stylesheet"> <!-- 3 KB -->
<script>
  fotoramaDefaults = {
    width: 700,
    maxwidth: '100%',
    ratio: 16/9,
    allowfullscreen: true,
    nav: 'thumbs'

  }
</script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.2/fotorama.js"></script> <!-- 16 KB -->
</head>
<body>
<?php 
  switch($_POST['amountofimages']){
case '1':
echo '<div class="fotorama" data-nav="thumbs" data-autoplay="1700">';
echo '<img src="' . $_POST['hrefimg1'] . '">';
echo '</div>';
break;
case '2':

echo '<div class="fotorama" data-nav="thumbs" data-autoplay="1700">';
echo '<img src="' . $_POST['hrefimg1'] . '">';
echo '<img src="' . $_POST['hrefimg2'] . '">';
echo '</div>';
break;
case '3':

echo '<div class="fotorama" data-nav="thumbs" data-autoplay="1700">';
echo '<img src="' . $_POST['hrefimg1'] . '">';
echo '<img src="' . $_POST['hrefimg2'] . '">';
echo '<img src="' . $_POST['hrefimg3'] . '">';
echo '</div>';
break;
default:
echo "Could not load images";
}
?>
</body>
</html>

在将 post.html 与从上面的 php 生成 html 所需的字段相加后。一切顺利，但我需要能够在提交后查看实际生成的源。不是真正的页面视图。

我试过插入这个 javascript 代码：

<a class="button" onClick='window.location="view-source:" + window.location.href'>View Source</a>

但它向我展示了完整的页面源代码，包括查看源代码。我怎样才能隐藏它的最后一部分？或者甚至更好地在一个页面上做它http://jsfiddle.net/做。但只有填写字段，复选框我可以做到这一点并发布到同一页面，所以它会很好地显示它，但我无法将生成页面的实际来源显示到同一页面到另一个 DIV 中。

有什么建议么？非常感谢。

4

1 回答 1

0

由于您使用 jQuery，您可以利用.text()为您转义 html。

var $pre = $('<pre/>');
var bodyHTML = $('body').html();
$pre.text(bodyHTML);
$('body').append($pre);
于 2015-01-29T12:32:47.297 回答