easai's Get Technical page: 5月 2014

火曜日, 5月 13, 2014

ボタンを押したときに、PHP の関数を呼び出したいとします。

Form を使って PHP ファイルを読み込み、ページ全体を書き直すという手段もありますが、ある関数だけを呼び出したいときなど、ajax を使うと PHP 関数を呼び出してページ側で返り値を得ることができます。

view raw fill.js hosted with ❤ by GitHub

このように、url でファイル名を指定して、success で返り値 results として引き渡してやります。

PHP ファイル側では、渡したい値を echo などで表示します。

これで PHP の関数をページから呼び出すことができます。

view raw fill.php hosted with ❤ by GitHub

木曜日, 5月 01, 2014

ＨＴＭＬエディターを１行で書いてみました。

要するに、書いたＨＴＭＬがそれっぽく見えればＷＹＳＩＷＹＧってわけですよね。

じゃあ、書いたものをそのままブラウザ表示すりゃいいわけじゃないですか。

	<html>
	<head>
	<style>
	textarea,
	div#results
	{
	width:1500px;
	height:460px;
	}
	</style>
	<script src="../includes/scripts/js/lib/jquery-1.7.2.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(function()
	{
	$("textarea").keyup(function(){
	$("div#results").html($("textarea").val());
	});
	});
	</script>
	</head>

	<body>

	<div id="results">
	</div>

	<form action="editor.php">
	<textarea name="text">
	</textarea>
	</form>

	</body>
	</html>

view raw HTMLEditor.php hosted with ❤ by GitHub

これを動かすと、何もないテキストボックスが下のほうに表示されます。

適宜ＨＴＭＬコードを入力してみましょう。

画面上部に結果が表示されます。

リアルタイムでＨＴＭＬコードが編集できます。

ちょっとしたプレビューにも使えます。

easai's Get Technical page