→（まとまっていないが書き留めておく場所）
| 181行目: | 181行目: | ||
</style> | </style> | ||
</pre> | </pre> | ||
* 論文のカスタムソートを一気に行うためのJavascriptを作ったが、保存すると数字が消えてしまう | |||
<pre> | |||
// テキストボックスの数を取得 | |||
var textBoxes = document.querySelectorAll("input[type='text']"); | |||
var textBoxCount = textBoxes.length; | |||
// テキストボックスに逆順に整数を入力する | |||
for (var i = 0; i < textBoxCount; i++) { | |||
var value = textBoxCount - i; | |||
textBoxes[i].value = value.toString(); | |||
}」 | |||
</pre> | |||
ここまでをコンソールで実行することには成功したが、以下が反映されない。 | |||
そのため、保存ボタンを押すとテキストボックスに自動入力された数字が消えてしまう。 | |||
<pre> | |||
// ページがロードされた際に実行される処理 | |||
window.onload = function() { | |||
// セッションストレージからテキストボックスの内容を取得し、テキストボックスに表示する | |||
var textBoxes = document.querySelectorAll("input[type='text']"); | |||
for (var i = 0; i < textBoxes.length; i++) { | |||
var key = "textBoxValue_" + i; | |||
var savedValue = sessionStorage.getItem(key); | |||
if (savedValue !== null) { | |||
textBoxes[i].value = savedValue; | |||
} | |||
} | |||
}; | |||
// ページがアンロードされる際に実行される処理 | |||
window.onbeforeunload = function() { | |||
// テキストボックスの内容をセッションストレージに保存する | |||
var textBoxes = document.querySelectorAll("input[type='text']"); | |||
for (var i = 0; i < textBoxes.length; i++) { | |||
var key = "textBoxValue_" + i; | |||
sessionStorage.setItem(key, textBoxes[i].value); | |||
} | |||
}; | |||
</pre> | |||
== 「非公式まとめ」を始めるにあたって == | == 「非公式まとめ」を始めるにあたって == | ||