2013年4月5日金曜日

ダブルクォーテーション

・javascriptのif文でhtmlのform内タグ(select)を分岐させ、
・それをメールフォームphp(アンタッチャブル)に送信
するような場合、

javascriptの文の中にhtmlの"が含まれていると、スクリプトがそこで終わってしまって動作しなくなる。

2013年3月28日木曜日

jQuery UI Datapicker カレンダー関連

導入方法(はね丸のWEB工房)
---------------------------------
テーマを編集する(jqueryui.com)
---------------------------------
土・日・祝日の表示色を変更する(HARD DAY'S NIGHT別館)
指定日を選択できなくする(HARD DAY'S NIGHT 別館)
祝日は配列にがっつり書き込む方式。
JQueryを自分のサーバーに置いて使う。(jQuery UI 1.9.0)
バージョンアップの影響を受けないのでいいかも。
導入方法はこちら↓
jQuery UI Datepicker を試してみる(導入編)

で指定日選択不可のコードは動作せず。結局サンプルページ本体のhtmlソースを整理して利用。
ヘッダーのスクリプトが表記されてなかったのが原因みたい。

毎年末に祝日配列を更新する必要がある。
---------------------------------
祝日判定ロジックを組み込む(初心者備忘録)
Datepickerと角田さんのロジックの相性が良く、コード追加は数行ですむとな。
角田さんとこからHolidayChk.jsを落としてくる必要有り。

動作は問題ないが、休日指定が単純なリストではないので変更があったときに編集が面倒。
---------------------------------
土・日・祝日・非営業日の背景色を変更し、選択不可にする(TechSketch) 
静的ならjavascriptでリストを読み込み、動的ならajaxで取得
軽く試したら動作しなかったので後回し。
---------------------------------
■Datapicker関係なくjavascriptで土日祝指定に対してワーニングを出すなら

holiday.js(sourceforge.jp)  JavaScriptのDate型に日本の祝休日を判定するメソッドisHoliDay()を追加する極小OSS。他のJavaScriptライブラリにはまったく依存しないらしい。
(関連: 山本大@クロノスの日記

---------------------------------
■Datapickerでは非営業日の見分けがつくようにしておくに留め、非営業日をクリックしたらjavascriptが日付を受け取って「その日はお休みヨ」と出すのが良さそう。Datapickerで入力をはねるだけだと理由がわからないので。

この時textboxに非営業日の日付が入ってしまうと、送信時にチェックしないといけなくて二度手間なので、textboxには非営業日の日付を入れないようにしたい。

あーでもそうするとDatapickerとjavascriptの非営業日定義を同期させないといかんです。
Datapicker内で、指定日を選択したらメッセージを出すようにしないといかんのか。

---------------------------------
■つーか取得した曜日をいじることすらできてないわけだが

alert(new Date(2005,11,1).getDay()); 取得した曜日番号をアラートに表示する。



2013年3月23日土曜日

ポップアップウィンドウを開くブログパーツ

Javascript(headerまたは外部)
<script language="JavaScript">
function window01(){window.open("http://www.表示するURL","window01","width=480,height=320,status=no,scrollbars=no");}
</script>

HTML(ブログパーツ)

<a href="javascript:window01();"><img src="http://www.(画像URL) alt="ラベル"></a>