prototype.jsのAjax.PeriodicalUpdaterがIEで正しく動かなかったので対応メモ。
Ajax.PeriodicalUpdateは定期的に実行する関数ですが
JSONPを定期的に投げて更新していくプログラム中、
更新がなかったときに止まってしまって非常に悩んだ。
prototype.jsのAjax.PeriodicalUpdaterがIEで正しく動かなかったので対応メモ。
Ajax.PeriodicalUpdateは定期的に実行する関数ですが
JSONPを定期的に投げて更新していくプログラム中、
更新がなかったときに止まってしまって非常に悩んだ。
今回はJavaScriptネタです。
こっち系はほとんど素人でぜんぜん得意ではありませんが、自分なりに考えてとってもナイスな方法を披露しちゃいます。
» Read more: Javascript ループ中にイベントリスナーを登録する最も簡単な方法
javascriptでたまーーにIEのみ「このページは表示できません」とアラートされて読み込み中のページがキャンセルされてしまうときがある。
どうやら原因はDOM構築途中にDOM書き換えようとするとこのエラーがでるらしい。
» Read more: IE「このページは表示できません」
scriptaculous.jsを使ったドラッグできるソート処理を書くよ。
ajaxで通信中はユーザーにわかりにくいのでloadingアイコンでも表示させようと思った。
prototypeのElement.showとhideを使えば楽勝じゃんって思っていたのにちょっとハマったのでメモ。
» Read more: loadingアイコンの表示
javascriptでテーブルで並べられたデータの順番を入れ変えようと思った。
prototype.jsで動くscriptaculous.jsでsortableを使おうと思ったけど、
処理が重いのか動きが鈍すぎて使い物にならない。
とりあえずボタンクリックで上に移動、下に移動が実現できれば良しとした。
テキストボックスの内容をEnterキーでもJavascriptに渡せるようにする。
» Read more: フォームタグの内容をjavascriptに渡す
ちょっと変わったhoverイベントの書き方をしていたののがあったのでメモ
» Read more: Highlight image hover effect (opacity or borderize)
ようやく覚えだしたExtライブラリ。
まだまだ思ったような動きを作れない。。
まずは簡単な確認ダイアログの出力から。
function msgBox(){ Ext.MessageBox.show( { title: '確認!', msg: 'よいですか?', buttons: Ext.MessageBox.OKCANCEL, fn: fnDel, animEl: 'btnCheck' }); function fnDel(result){ if (result=="ok"){ document.location.href = path; } } }
超クールなAjaxライブラリExtがつい最近1.1が正式リリースされたばかりなのに、もう2.0のを公開している・・。
とんでもない開発スピードに脱帽です^^;
これからじっくり1.1を覚えていこうと思っていたのになんてこった。。。
サンプルはとても素晴らしく更に高機能になってる。
だけど覚えようと思ってる側は大変><