<!DOCTYPE html>
<html>
<head>

<!--[BEGIN] site meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="verify-v1" content="e0m0SJ77loJST1KlaLcSHuiuo7PUUKwtshnvh25YXXE=" >
<!--[END] site meta -->

<!--[BEGIN] ios icon -->
<link href="apple-touch-icon-152.png" rel="apple-touch-icon"/>
<!--[END] ios icon -->

<!--[BEGIN] bootstrap.css -->
<link href="res/site/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!--[END] bootstrap.css -->

<!--[BEGIN] jQuery -->
<script src="res/site/js/jquery-1.11.1.min.js"></script>
<!--script src="res/site/js/preload-images.js"></script-->
<!-- enable background color animation -->
<script src="res/site/js/jquery.color.js"></script>
<!--[END] jQuery -->

<!-- [BEGIN] html5shiv (semantic elements) & respond.js(media queries) -->
<!--[if lt IE 9]>
<script src="res/site/js/html5shiv.min.js"></script>
<script src="res/site/js/respond.min.js"></script>
<![endif]-->
<!-- [END] html5shiv (semantic elements) & respond.js(media queries) -->

<!--[BEGIN] bootstrap.js -->
<script src="res/site/bootstrap/js/bootstrap.min.js"></script>
<!--[END] bootstrap.js -->

<!--[BEGIN] site css -->
<link href="res/site/css/site.css" rel="stylesheet"/>
<!--[END] site css -->

<!--[BEGIN] ie fix -->
<link href="res/site/css/gte-ie10.css" rel="stylesheet"/>
<!--[if IE]>
<link href="res/site/css/lte-ie9.css" rel="stylesheet"/>
<![endif]-->
<!--[if lte IE 7]>
<link href="res/site/css/lte-ie7.css" rel="stylesheet"/>
<![endif]-->
<!--[END] ie fix -->

<!--[BEGIN] curitme -->
<script>
document.write('<scr'+'ipt '+
	'src="mod/site/curtime/index.php?p='+Math.random()+'"></scr'+'ipt>');
</script>
<!--[END] curitme -->

<!-- [BEGIN] Smooth Scrolling -->
<script src="res/site/js/jquery.easing.1.3.js"></script> 
<script src="res/site/js/smooth-scroll.js"></script> 
<!-- [END] Smooth Scrolling -->

<!-- [BEGIN] Downloading -->
<script src="res/site/js/downloading.js"></script> 
<!-- [END] Downloading -->

<!--[BEGIN] inIFrame -->
<script src="res/site/js/in-iframe.js"></script> 
<!--[BEGIN] inIFrame -->

<title>HTMLソースの難読化ページ　(Javascriptを使わない方式）</title>

<META NAME="keywords" CONTENT="HTMLソース 難読化">
<META NAME="description" CONTENT="HTMLソース、テキストをコピーされるのを防ぐために難読化を行うページです。">

</head>

<body>
<!-- header -->
<header>
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation">
	<div class="container-fluid">

		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">

			<button type="button" class="navbar-toggle collapsed"
				data-toggle="collapse"
				data-target="#top-menu">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>

			<a class="navbar-brand" href="./">
				<span class="glyphicon glyphicon-signal"><img class='site-title'
				src='res/site/img/header/title.png' style='vertical-align:-6px;' border='0'/>
				</span>
			</a>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse" id="top-menu">
			<ul class="nav navbar-nav navbar-right">

				<li>
					<a href="#" class="dropdown-toggle"
						data-toggle="dropdown">
						<span class="glyphicon glyphicon-th-large"></span>
						PHPスクリプト<span class="caret"></span>
					</a>
					<ul class="dropdown-menu" role="menu">
					<li><a href="fadein_slideshow.php">フェードイン・スライドショー</a></li>
					<li><a href="ajax_poll.php">Ajax簡易投票所</a></li>
					</ul>
				</li>

				<li class="dropdown">
					<a href="#" class="dropdown-toggle"
						data-toggle="dropdown">
						<span class="glyphicon glyphicon-share"></span>
						リンク
						<span class="caret"></span>
					</a>
					<ul class="dropdown-menu" role="menu">
					<li><a href="http://ameblo.jp/phpkobo">アメブロ</a></li>
					<li><a href="http://phpjs.blog.fc2.com/">FC2</a></li>
					</ul>
				</li>

				<li><a href="contact-us">
					<span class="glyphicon glyphicon-envelope"></span>
					お問い合わせ</a>
				</li>
			</ul>
		</div><!-- /.navbar-collapse -->

	</div><!-- /.container-fluid -->
</nav>
</header>
<!-- /header -->

<!-- [BEGIN] articles -->
<main>


<h1 class='page-title'>HTMLソースの難読化ページ　(Javascriptを使わない方式）</h1>
	
<p>
	テキストやHTMLの難読化は通常Javascriptを用いるのが普通ですが、
	Javascriptを実行できないブログもあるので、
	Javascriptを用いない難読化ツールを作成いたしました。
</p>

<p>
	下のボックスに難読化したいテキストまたはHTMLソースを入力して、
	「難読化する」ボタンをクリックしてください。その下に難読化された
	文字列が表示されます。
</p>

<p>
	難読化できるのは、テキストとHTMLです。JavascriptやCSSは扱えないので、
	入力しないでください。なお、HTMLのダグ内(&lt;......&gt;)の文字列は難読化されずそのまま出力されます。
</p>

<p style='margin-top:30px;'>
</p>

<style>
.obf-inp-container,
.obf-out-container {
	margin:5px 0 0 0;
}

.obf-out-container {
	margin-bottom:40px;
}

.obf-inp,
.obf-out {
	padding:0;
	width:100%;
	max-width:800px;
	height:200px;
	border-color:#aaa;
	border-radius:3px
}

.obf-out {
	background-color:#ffe;
}

.obf-ctrl {
	margin:10px 0 30px 0;
	text-align:center;
}

.obf-inst {
	margin:10px 0;
}

.obf-button {
	width:100%;
	max-width:140px;
	margin:5px;
}
</style>

<script>
(function($){
	$(document).ready(function(){
			});
}(jQuery));
</script>

<form action='html-nandokuka' method='post'>
	<input type='hidden' name='cmd' value='convert'>
	<div class='obf-inp-container'>
		<textarea class='obf-inp' name='str'>ここに入力したテキスト・HTMLソースを難読化します。</textarea>
	</div>
	<div class='obf-ctrl'>
		<button type="submit" class="obf-button btn btn-primary btn-lg">難読化する</button>
		<button type="submit" class="obf-button btn btn-info btn-lg" name='reset'>リセット</button>
	</div>
</form>

<div class='obf-inst'>
		この下に難読化された文字列が表示されます。
	</div>

<div class='obf-out-container'>
	<textarea class='obf-out' name='enc' readonly></textarea>
</div>

</main>
<!-- [END] articles -->

<!-- footer -->
<footer>

<div class='gotop'>
<a href="@top" class='smooth'>
	<span class="glyphicon glyphicon-circle-arrow-up"></span>
	ページ・トップ</a>
</div>

<div class='main'>

<div class='box'>
<ul>
	<li><a href="contact-us">お問い合わせ</a></li>
	<li><a href="fadein_slideshow.php">フェードイン スライドショー</a>
		<ul>
			<li><a href="install-FISLS-200J">インストレーション</a></li>
		</ul>
	</li>
	<li><a href="ajax_poll.php">Ajax簡易投票所</a>
		<ul>
			<li><a href="install-APSMX-311J">インストレーション</a></li>
		</ul>
	</li>
</ul>
</div><!--

--><div class='box'>
<ul>
	<li><a href="http://ameblo.jp/phpkobo">phpkobo 【アメブロ】</a></li>
	<li><a href="http://phpjs.blog.fc2.com/">phpkobo 【FC2】</a></li>
	<li><a href="http://www.phpkobo.com/">phpkobo 【英語版】</a></li>
</ul>
</div>

</div>

<div class='copyright'>
	PhpKobo All rights reserved
</div>

</footer>
<!-- /footer -->
</body>

</html>

