カテゴリー
jQuery

HARD DAY’S NIGHT 別館の jQuery ライブラリをアップデート

HARD DAYS’S NIGHT 別館の jQuery ライブラリをアップデートしました。

jQuery 1.8.2 -> jQuery 1.11.0
jQuery UI 1.9.0 -> jQuery UI 1.10.4
jqGrid 4.4.3 -> jqGrid 4.5.4

アップデートした結果 jQuery UI tabs のtab_sample1.phpが動作しなかったので大幅に書き直しました。;(

カテゴリー
jQuery

javascript でサブウィンドウを開いて音声ファイルを再生

javascript で音声ファイルを再生するために、サブウィンドウを開いて再生するHTMLを動的に生成する方法です。

JavaScript:
---------------
function clickToPlay(wav) {
	if (wav == "")
		return;

	var subwin = window.open("", "Subwin", "width=300, height=50");
	subwin.document.clear();
	subwin.document.write("<html><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><body>");
	subwin.document.write("");
	subwin.document.write("<form><button type="button" onclick="window.close()">閉じる</button></form>");
	subwin.document.write("</body></html>");
	subwin.document.close();
}
16

HTML:
---------------
<button type="button" onclick="clickToPlay('sounds/foo.wav')"></button>";
<button type="button" onclick="clickToPlay('sounds/bar.wav')"></button>";

Windows 上で Internet Explorer で実行すると以下のように表示されます。
soundplay

実際の動作はこちらで確認できます。

カテゴリー
jQuery

jQuery エレメントの存在を確認する方法

ドキュメント中にあるエレメントが存在していたら、その値を取得する処理を jQuery で行うためには $(“#xxxx”).length メソッドを利用します。

// 削除チェックボックスが存在するか?
if ($("#bedeleted").length) {
    // 削除ボタンがチェックされているか?
    if ($("#bedeleted").attr('checked')) {
        ret = window.confirm("xx を削除します。よろしいですか?");
        if (ret) {
        } else {
        }
    }
}

--- 省略 ---
<?php echo '<input type="checkbox" class="checkbox" id="bedeleted" name="bedeleted" > <label>削除する</label>'; ?>

参考: https://docs.jquery.com/Frequently_Asked_Questions#How_do_I_test_whether_an_element_exists.3F