###前提・実現したいこと
プログレスバーをコメント投稿ごとに反映されるように埋め込みたい
function writeData()この中にjavascriptを埋め込みたいのですが
どなたかアドバイスください!
http://girlschannel.net/topics/954767/こちらのサイトを参考に作っています。
http://www.phpbook.jp/appli/keijiban/index3.html
###理想はこんな感じなんですがめちゃくちゃにソース埋め込んだんですが
わかりにくくてすみません
function writeData()この中に <script type="text/javascript"> //ロード時の初期値 to (function () { window.onload = function() { var p = { to: 50 }; var o = new html5jp.progress("sample", p); if( ! o ) { return; } o.draw(); //1クリックで何%減すか document.getElementById("decr").onclick = function() { o.decr(1); }; //1クリックで何%増やすか document.getElementById("incr").onclick = function() { o.incr(1); }; //アニメーションの動作ゲージのスピード調整 document.getElementById("reset").onclick = function() { o.reset(); document.getElementById("val").value = ""; document.getElementById("animation").value = "5"; }; document.getElementById("get_val").onclick = function() { alert( o.get_val() ); }; document.getElementById("get_per").onclick = function() { alert( o.get_per() ); }; document.getElementById("animation").onchange = function() { o.set_param("animation", document.getElementById("animation").value); }; }; })(); </script>
###該当のソースコード
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>#</title> <link href="sample_progress.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="./examples/rendering-mode.js"></script> <script type="text/javascript" src="progress.js"></script> <script type="text/javascript"> //ロード時の初期値 to (function () { window.onload = function() { var p = { to: 50 }; var o = new html5jp.progress("sample", p); if( ! o ) { return; } o.draw(); //1クリックで何%減すか document.getElementById("decr").onclick = function() { o.decr(1); }; //1クリックで何%増やすか document.getElementById("incr").onclick = function() { o.incr(1); }; //アニメーションの動作ゲージのスピード調整 document.getElementById("reset").onclick = function() { o.reset(); document.getElementById("val").value = ""; document.getElementById("animation").value = "5"; }; document.getElementById("get_val").onclick = function() { alert( o.get_val() ); }; document.getElementById("get_per").onclick = function() { alert( o.get_per() ); }; document.getElementById("animation").onchange = function() { o.set_param("animation", document.getElementById("animation").value); }; }; })(); </script> </head> <body> <h1>#</h1> <div id="sample"></div> <p> <button id="decr">+</button> <button id="incr">-</button> </p> <form method="POST" action="<?php print($_SERVER['PHP_SELF']) ?>"> <input type="text" name="personal_name"><br><br> <textarea name="contents" rows="8" cols="40"> </textarea><br><br> <input type="submit" name="btn1" value="投稿する"> </form> <?php if($_SERVER["REQUEST_METHOD"] == "POST"){ writeData(); } readData(); function readData(){ $keijban_file = 'keijiban.txt'; $fp = fopen($keijban_file, 'rb'); if ($fp){ if (flock($fp, LOCK_SH)){ while (!feof($fp)) { $buffer = fgets($fp); print($buffer); } flock($fp, LOCK_UN); }else{ print('ファイルロックに失敗しました'); } } fclose($fp); } function writeData(){ $personal_name = $_POST['personal_name']; $contents = $_POST['contents']; $contents = nl2br($contents); $datetime = new DateTime(); $date = $datetime->format('Y/m/d H:i:s'); $data = "<hr>\r\n"; $data = $data."<p>投稿日時:".$date."</p>\r\n"; $data = $data."<p>投稿者名:".$personal_name."</p>\r\n"; $data = $data."<p>".$contents."</p>\r\n"; $data = $data."<p>匿名:</p>\r\n"; $keijban_file = 'keijiban.txt'; $fp = fopen($keijban_file, 'ab'); if ($fp){ if (flock($fp, LOCK_EX)){ if (fwrite($fp, $data) === FALSE){ print('ファイル書き込みに失敗しました'); } flock($fp, LOCK_UN); }else{ print('ファイルロックに失敗しました'); } } fclose($fp); } ?> </body> </html>
###試したこと
javascriptとPHPがいまいちわからないです。
あなたの回答
tips
プレビュー