- 2006-11-19 (日) 21:44
- Web関連
- Javascriptの動作でリンクを変更する
この前から、引っ張るだけヒッパッテル、メールフォームの設置ですが、途中で壱さんの「魔法の手」による手助けがあったりして、見た目の調整やValidationの追加などのちょっとした修正を残すだけになってます。
バナー部分のメールアイコンで、Ajax版の動作を確認することができますし、実際に送信も可能です。
ただ、ここまでJavascriptに依存したフォーム作っちゃうと、じゃぁ、Javascriptオフの時はとか、最近のブラウザじゃないと駄目なのかとかいう事も気になってきます。
なので、現在Javascript使わない通常のフォームってのも作ってます。っていうかもうあるんだけど。
それで、今苦心しているのがAjax版と通常版の表示切り替え部分。 思いついたのは３通り- JavascriptのDcumentWiteでAjax用を書き出し、HTMLのnoscriptタグで通常用を表示する。
- Ajaxでよく使うdisplay:none;のスタイル指定したブロックでAjax用を隠しておいて、Javascriptで表示する。通常用は上と同じくnoscriptタグ。
- 通常用をDivで括ってべた書きしとく。それでその中身をinnerHTMLでAjax用に書き換えちゃう。
最後のがDOM扱えないブラウザは、通常表示になるし良いじゃないかなと思うんですけど、いかんせん今までJavascript触ったことない人だから、もうちょっとかかりそうです。
もうしばらくお待ちください。
- Newer >: links for 2006-11-21
- < Older: Apache2.2とPHP5.2：インストール
ping a Trackback
- TrackBack URL for this entry.(1)
スクリプトの読み込みが完了していません。
メールフォーム（Javascriptを使用していません）や、
Twitter経由のCommentでもReplyいたします。ただし返信はブログのコメントとして行う事もあります。