入力がMaxLengthに達した時に次のフォーカスに移動するサンプル

JQuery

JQueryを利用した入力がMaxLengthに達した時に次のフォーカスに移動するサンプルです。一応、Opera,FireFox,safari,chrome,IEで動作するつもりです。 function NextFocusByMaxLength(event) { var eventObject = event; if(window.event) { eventObject = w…

2009-07-30

JQueryを利用してTwitterのfriends_timelineを取得するサンプル

JQuery

今回はBasic認証が必要なTwitterのfriends_timeline（今回は自分のタイムライン）を表示するサンプルです。ポイントは、$.getだとBasic認証するために必要な情報を送信できないので、より柔軟な$.ajaxを利用している事と、usernameとpasswordを指定している…

2009-07-28

JQueryを利用してtwitterのpublic_timelineを表示するサンプル

JQuery

認証とかめんどくさいんで、とりあえずpublic_timelineを表示するサンプルです。解釈している部分はfunction getTimeLine()内の result = $(data).find("status").each(function(){ value += "<li><span style='font-weight:bold'>" + $(this).find("user").find("screen_name").text() + "</span>" + </li>…

2009-07-22

WCFで構築したRESTなサービスのレスポンスをJQueryで解釈する

JQuery .NET

前回のWCFでRESTなサービスを例にあげて、レスポンスをJQueryで解釈してみたいと思います。レスポンスからエレメントID=UserListなSelectタグの選択肢として展開するサンプルです。レスポンスは以下のようなxmlを想定しています。 <ArrayOfUser xmlns="http://schemas.datacontract.org/2004/07/sample" xmlns:i="http://www.w3.org/2001/XMLSchema-instance"> <User> <Id>0001</Id> <Name>テスト太郎</Name> </User> </arrayofuser>

2009-06-24

object.focus()でfocus移動した時のonblurやonchangeの挙動がJQueryを利用すると変わる

javascript JQuery

javascriptで直接、 onblur="alert('blur');" と書いたときは、ちゃんとイベントが発生するが、JQueryで、 $(target).blur(function (){alert('blur');}); と実装したときは、イベントが発生しない。より正確にいうと、 IE7なら、同じ挙動だけど、firefoxだ…

2009-06-15

enterキーで移動するスクリプト改

javascript jquery

FireFoxやwebkitではkeyCodeの変更ができないので、強引にフォーカス移動するようにしています。最初に掲載したパターンでは全てのエレメントをいちいちeachでまわしながら対象を探していて、あまり良くなかったので、新しく書き直した。 $(document).ready…

2009-06-05

Enterキーで移動するスクリプト

JQuery

FireFoxやwebkitではkeyCodeの変更ができないので、強引にフォーカス移動するようにしています。 $(document).ready( function () { $(":input").keydown( function (event) { var eventObject = event; //IE,webkit用 if(window.event) { eventObject = win…