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>

上記のphpからhtmlを生成するために必要なフィールドをpost.htmlに送信した後。すべてうまくいきますが、送信後に実際に生成されたソースを表示できるようにする必要があります。実際のページ ビューではありません。

私はこのjavascriptコードを挿入しようとしました:

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

しかし、ビューソース コードを含むページの完全なソースが表示されます。最後の部分を非表示にするにはどうすればよいですか? または、http://jsfiddle.net/のように 1 つのページで実行することをお勧めします。ただし、入力するフィールド、チェックボックスのみを使用して、同じページに投稿して問題なく表示できますが、生成されたページの実際のソースを同じページに別の DIV に表示することに問題があります。

助言がありますか？どうもありがとう。

4

1 に答える 1