質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.51%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Q&A

0回答

1154閲覧

プログレスバーをコメントごとに埋め込みたいループさせたい

xyg000

総合スコア7

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

0グッド

0クリップ

投稿2016/11/10 08:41

編集2022/01/12 10:55

###前提・実現したいこと

プログレスバーをコメント投稿ごとに反映されるように埋め込みたい
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がいまいちわからないです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2016/11/10 08:48

「何を表すプログレスバー」なのかがわかりません。また、使用しているライブラリや参考にしているサイトを質問文に追記してください。
kei344

2016/11/10 08:57

使用しているライブラリを質問文に追記してください。
kei344

2016/11/10 09:08 編集

プログレスバーはライブラリを使用せず自身で書かれているのでしょうか。また、本文を編集された場合ここのコメントで同じ事を書く必要はありません。
kei344

2016/11/10 18:14

コメントではなく本文を編集してください。本文エリアのURLは編集でリンクを貼ることが出来ます。また、「何を表すプログレスバー」なのかがコードからはわかりません。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.51%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問