javascript — 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.
Какие-либо предложения?
Большое спасибо.
Решение
Поскольку вы используете jQuery, вы можете воспользоваться .текст() чтобы избежать HTML для вас.
var $pre = $('<pre/>');
var bodyHTML = $('body').html();
$pre.text(bodyHTML);
$('body').append($pre);
Другие решения
Других решений пока нет …