JavaScript

jQueryMobileプラグインDateBoxをカスタマイズ(v1.4.5対応版)

入力フォームで日付や時刻を入力するためのjQueryMobileプラグインDateBoxが、jQueryMobile の最新版 v1.4.5 に対応しました。前回、前々回に引き続き、jQueryMobile v1.4.5 対応の DateBox のカスタマイズをしてみます。 カレンダー式入力モードに絞って書…

jQuery MobileのDateboxをカスタマイズ-jQueryMobile v1.2.0+対応版

日付や時間を選択する jQueryMobileプラグイン - DateBox が jQueryMobile v1.2.0 以降に対応して、いろいろ変わりました。本記事作成時点の最新バージョンは、jQueryMobile が v1.3.2、DateBox が v1.4.0 です。 前回記事作成時点では、jQueryMobile が v1.…

jQuery MobileのDateboxをカスタマイズ-その2

iPhone、Androidなどのスマートフォンで動作するjQueryMobileプラグイン - DateBoxが、jQueryMobile v1.1.1に対応*1したので、前回に続き、しつこくまとめてみました。カレンダー式入力モードを少し使ってみた感じでは、以前より動作が大分安定してきていま…

F001のPCサイトビューアーでsetRequestHeader

F001のPCサイトビューアーでJavaScriptのsetRequestHeaderによってユーザーエージェント(user-agent)が変更できるか、サブスクライバID(x-up-subno)が追加できるか調べてみました。 (EZwebの2011年秋冬モデル以降の変更内容とセキュリティ上の注意点 - …

jQuery MobileのDateboxをカスタマイズ

※ここに書いてある情報は古いので、以下のページをお読みください。 jQuery MobileのDateboxをカスタマイズ-その2 - Kimura.Memoスマートフォンで動作する、ちょっとした予定表で、jQuery MobileのDatepickerを使っていたのですが、jQuery Mobileがv1.0 Bet…

jQuery MobileのDatepickerをカスタマイズ

※ここの情報は古いので以下をお読み下さい。 jQuery MobileのDateboxをカスタマイズ-その2 - Kimura.Memoスマートフォンで動作する、ちょっとした予定表を作っていて、jQuery MobileのDatepickerを使って日付の入力を行うことになりました。このDatepicker…

prototype.jsのリセットボタンに注意

1日ハマったのでメモ。以下のようなソースがあったとしよう。 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <meta http-equiv="Content-Style-Type" content="text/css" /> </meta></meta></head></html>

Nullまたはオブジェクトではありません

JavaScriptを使用しているページで、IEのみ 「'*****'はNullまたはオブジェクトではありません。」 というエラーが出る時、配列の最後の要素の後に「,(カンマ)」が付いていないか確認すること!

Cookieが有効かどうかを調べる

Cookieが無効な場合、別ページに飛ばして有効にするよう促す。<head> <script language="JavaScript"> </head>

入力フィールドに自動的にフォーカスする

ページ表示後すぐに入力フィールドにフォーカスする。ソース<head> <script language="JavaScript"> <!-- function FormFocus() { document.form1.text1.focus(); } //--> </script> </head><body onload="FormFocus()"> <p>ページ表示後すぐに入力フィールドにフォーカスする</p> <form name="form1"> <input type="text" name="text1" size="20" value=""> </form></body>

ドロップダウンメニュー

ドロップダウンメニューをクリックすると、リンク先が一覧され、選択するとそのリンク先にジャンプする。ソース<form name="form1"> <div> <select name="select1" onChange="location.href= document.form1.select1.options[document.form1.select1.selectedIndex].value"> <option value="/web/archives/err.html">▼選択してください <option value="/web/archives/index.htm">トップページ <…</option></option></select></div></form>

サブウィンドウを常に全面に

サブウィンドウを常に全面に表示させる。2クリック目以降はメインウィンドウの裏にサブウィンドウが隠れたままになってしまうのを防ぐ効果がある。<script language="JavaScript"> <!-- function subWin(theURL, winName,features) { var winFocus; winFocus = window.open(theURL,winName,</script>…

フォームで数字のみ入力可能に

フォームで入力できる文字を数字のみに制限する。<script language="JavaScript"> <!-- function numberOnly() { st = String.fromCharCode(event.keyCode); if ("0123456789\b\r\t".indexOf(st,0) < 0) return false; return true; } //--> </script><form action=""> <div> 郵便番号<br> </div></form>