PHP, динамически показывать источник в другом div на той же странице после отправки php
Я здесь, чтобы спросить вас, как лучше всего создать "генератор".
Что я сделал до сих пор: файл 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 с полем, необходимым для создания HTML из php выше. Все идет хорошо, но мне нужно иметь возможность просматривать фактический сгенерированный источник после передачи. Не реальный просмотр страницы.
Я попытался вставить этот код JavaScript:
<a class="button" onClick='window.location="view-source:" + window.location.href'>View Source</a>
Но он показывает мне полный исходный код страницы, включая исходный код. Как я могу скрыть последнюю часть этого? Или даже лучше сделать это на одной странице, как http://jsfiddle.net/. Но только с полями для заполнения, флажками я могу сделать это и опубликовать на той же странице, чтобы он показывал это нормально, но у меня есть проблема с отображением фактического источника сгенерированной страницы на той же странице в другой DIV.
Какие-либо предложения? Большое спасибо.
1 ответ
Поскольку вы используете jQuery, вы можете воспользоваться .text(), чтобы скрыть для вас html.
var $pre = $('<pre/>');
var bodyHTML = $('body').html();
$pre.text(bodyHTML);
$('body').append($pre);