javascript


ボタンをクリックしたらjavascriptでcookieを保存する

このボタンを押すと cookie に「abc」と保存される
----------------------------------------------------------
<INPUT TYPE="button" NAME="button" VALUE="cookieに保存" ONCLICK="SetId('abc')">
----------------------------------------------------------

javascript の記述
----------------------------------------------------------
function SetId(strNum) {

var name = "testcookie"; // クッキーの名前
var value = strNum; // クッキーの値
var period = 7; // 有効期限日数

// 有効期限の作成(有効期限がないと、ブラウザを閉じた時点で cookieは無効)
var nowtime = new Date().getTime();
var clear_time = new Date(nowtime + (60 * 60 * 24 * 1000 * period));
var expires = clear_time.toGMTString();

// クッキーの発行(書き込み)
document.cookie = name + "=" + escape(value) + "; expires=" + expires;

window.alert(strNum + 'と保存しました'); // 警告ダイアログを表示

}
----------------------------------------------------------
参考サイト:こちら

cookieはこちらに保存される(IE11の場合)
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
C:\Users\username\AppData\Roaming\Microsoft\Windows\Cookies\Low
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

cookie を開くとこんな感じ
----------------------------------------------------------
testcookie ←デリミタ
abc ←値
www.example.com/hoge/ ←cookieを発行したサイトURL
1600 ←フラグ
1888753024 ←有効期限1
30382331 ←有効期限2
1210506145 ←作成日時1
30380923 ←作成日時2
* ←デリミタ
----------------------------------------------------------

cookieの書式に関する詳細はこちら

保存したcookieを表示する場合は、こちら

HTMLにMP3を埋め込みブラウザで音声ファイルを再生する

HTMLにMP3を埋め込んでブラウザで再生するには、audio要素をJavaScriptから操作すればいい。

ボタンクリックでMP3が再生するサンプルコード
------------------------------------------
<html>
<head>
<script language="JavaScript"><!--
function playSound() {
document.getElementById('audio').play();

}
// --></script>

<audio id="audio">
<source src="sound.mp3" type="audio/mp3">
</audio>

<input type="button" value="再生" onclick="playSound()">

</body>
</html>
------------------------------------------

リンククリックで再生バージョンしたい場合は、再生ボタンを次のように書き換える
------------------------------------------
<a href="javascript:playSound()">再生</a>
------------------------------------------

3 / 3123