前回質問の内容が分かりにくかったと思いますので画像を添付いたしました。今作っているwebページの概要です。AページをクリックするとBページのテーブルの1-1セルの背景色が赤くなり、またCページをクリックするとBページのテーブルの1-2セルの背景色が赤くなるようにしたいと思います。
そして、このBページをPHPでバッファリングをして保存する際に、このページをwebストレージに保存できたら次にBページを呼び出すときに元の状態で呼び出すことができればと考えておりますが可能でしょうか。難しい質問だとは思いますがご理解いただけた方は宜しくお願いいたします。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
何のためにページを保存する必要があるのさ?
保存すべきは、回答者のIDと正解した問題の番号であって、それをデータベースにでも記録することだろ?
正解表を表示する時にPHPでデータベースからそれを拾ってくればよいのでは?
なんであろうとBページには情報はローカル側にあるのだから、同じページを表示する限り、テーブルのセルは赤いまま。
というか、#2で書いたコードを試してみたの?
そもそも location.hash を利用して制御するなんて、小手先の策ですよ?
babu_babu_babooさん、こんばんは。先日はご丁寧にプログラムを書いていただきありがとうございました。このプログラムを記述してやってみましたが知識がないせいか私の意図する結果は現れませんでした。勉強してトライしてみます。ありがとうございました。
No.2
- 回答日時:
もちろん、全角空白は半角空白に置換してくださいね
いつもは文字制限で分割したりするのですが、今回は余ったので
インデントを付加しました。
php側の処理は?
--
a.html
--
<!DOCTYPE html>
<title>a.html</title>
<meta charset="utf-8">
<body>
<p>
<input
type="button"
value="r0c1"
onclick="location.href='b.html#'+this.value;"
>
<input
type="button"
value="cls"
onclick="location.href='b.html#'+this.value;"
>
</p>
--
b.html
--
<!DOCTYPE html>
<title>b.html</title>
<meta charset="utf-8">
<style>
td {
width:5em;
}
td.mark {
background: #fdd;
}
</style>
<body>
<table id="abc" border="1">
<tbody>
<tr>
<td>A <td>B <td>C <td>D
<tr>
<td>E <td>F <td>G <td>H
</table>
<input
type="button"
value="戻る"
onclick="history.back()"
>
<script>
function setStorage (key, value = '') {
localStorage.setItem (key, value);
}
function getStorage (key) {
return localStorage.getItem (key);
}
let
reg = /r(\d+)c(\d+),/ig,
table = document.querySelector ('#abc'),
hash = location.hash,
mark = /^#cls$/i.exec (hash) ? '': getStorage ('MARK'),
rc;
if (/^#r(\d+)c(\d+)$/i.exec (hash))
mark += hash.slice(1) + ',';
for (; rc = reg.exec (mark); )
table.rows[rc[1]].cells[rc[2]].className = 'mark';
setStorage ('MARK', mark);
</script>
--
c.html
--
<!DOCTYPE html>
<title>c.html</title>
<meta charset="utf-8">
<style>
td {
width:5em;
}
</style>
<body>
<p>
<input
type="button"
value="r1c2"
onclick="location.href='b.html#'+this.value;"
>
<input
type="button"
value="cls"
onclick="location.href='b.html#'+this.value;"
>
</p>
<table border="1">
<caption>
表をクリックしてもOK
<tbody>
<tr>
<td>A <td>B <td>C <td>D
<tr>
<td>E <td>F <td>G <td>H
</table>
<script>
document
.addEventListener (
'click',
({target:e}) =>
'TD' == e.tagName
? location.href = [
'b.html#',
'r' + e.parentNode.rowIndex,
'c' + e.cellIndex
].join ('')
: null
, false);
</script>
babu_babu_babooさま、こんにちは。この度もご丁寧なご回答をいただきありがとうございました。
質問内容に説明不足な点があり申し訳ありませんでした。現在制作しておりますプログラムですが、web上で簡単な問題を解かせるためのwebラーニング的なものです。自分のPC上にZAMPPでサーバーを立てここに製作したweb問題のページをアップしております。図で提示しましたようにBページのテーブルの各セルはAページやCページなど問題ページにリンクしております。Aページの問題を解き正解するとBページの問題テーブル上のAページのセルの背景色が赤くなるようにしたいと考えております。問題解答を終了するときにはファイル.htmlを付けてphpのバッファリングを使って、このページを保存するのですが、サーバーに保存して、再びファイル.htmlを呼び出すとBページの問題テーブル上のAページのセルの背景色が元の状態に戻ってしまっていました。これを解消したく保存するときにwebストレージを使ってBページの状態を保持したいと考えたのですが他に何か良い方法がありましたらお教えいただきたいと思います。宜しくお願いいたします。
No.1
- 回答日時:
>BページをPHPでバッファリングをして保存する
もっとぐたいてきにせつめいすべ。
いったいさーばーがわに、なにをほぞんしてるか?
さーばーがわでの、こじんのとくていほうほうは?
BぺーじはPHPがわで、かいてるの?
webすとれーじって、ろーかるかんきょうがわだよ?
さーばーがわでしょりしているのだったら
ろーかるかんきょうにでーたをおくいみがない
--
何となくこうなることは想像していたのだけれど・・・
前回の質問も締めきらずに・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PDF EXCEL ページを指定してPDF出力するVBAを教えてください。 2 2023/02/09 10:27
- PDF こんなPDF作れますか? 6 2022/05/13 11:14
- Android(アンドロイド) いま3台のAndroidを使っています。 AndroidってiPhoneには無いmicroSDXCが 1 2022/05/06 11:42
- PHP php 入力画面から確認表示画面へ情報の受け渡しについて。 1 2023/06/07 18:00
- MySQL PHPとMySQLを使った掲示板の作り方 1 2022/06/02 13:00
- Word(ワード) WordからPDF保存した時の目次ジャンプ機能について 1 2022/06/10 10:59
- Excel(エクセル) ExcelデータをWebページに保存した場合の名前定義 1 2023/08/01 15:38
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
- Excel(エクセル) マクロで作った ワードエクセル かけ線や コピペなど 修正や色々な方法を教えてください 2 2023/07/07 22:27
- Excel(エクセル) エクセルの印刷範囲をページ単位で可変にする方法 3 2022/05/23 13:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScriptによる自動計算フォーム
-
ボタンクリックでフォーカス移動
-
WEBフォーム(asp)から画像デ...
-
PHPとJSを使ったお問い合わせフ...
-
localStorageでのcheckbox制御
-
【UWSC】HTML内のある部分を抽...
-
UART通信の取説で,left floati...
-
javascriptでセレクトボックス...
-
プルダウン 項目が多いので先頭...
-
JavaScriptカレンダーの日付を...
-
Selenium.ChromeDriverの使い方...
-
HTMLで入力したものを変数で扱...
-
チェックボックスの中味を送信...
-
1つのform内に2つのsubmitボタ...
-
onclickが動作しない
-
チェックボックスの設定
-
ホームページ作成について。
-
プルダウンメニューからPDF表示
-
ラジオボタンのチェックが外れ...
-
radioボタンの値の取得の仕方?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
チェックボックス付きのテーブ...
-
JavaScriptの「.querySelectorA...
-
Javascriptの電卓で最初の何も...
-
formで項目を連結したい
-
文字数を数える際に空白、改行...
-
クリックしたラジオボタンの行...
-
画面表示とともにtableの指定の...
-
ラジオボタンが選択されたらテ...
-
テーブル内のチェックボックス...
-
画面の2重起動をチェックする...
-
複数のselect値で1つも選択され...
-
Formのシリアライズができない
-
入力チェックの外部スクリプト...
-
JavaScriptでテーブルのソート...
-
jQuery テキストボックス読み取...
-
Javascriptで自動的に計算する...
-
localStorageでのcheckbox制御
-
動的に生成されるラジオボタン...
-
table などの height を外から...
-
javascript ラジオボタン
おすすめ情報