JavaScriptでPOSTJavaScriptでGETによるサーバーからのレスポンス受け取りはAjaxで出来るのだが、POSTする方法がいまいち探しても見つからない。 単純にPOSTするだけなら。 Code:JavaScriptdocument.getElementById(id).method="POST"; document.getElementById(id).submit(); でよいのだがページが移動してしまう。 ページを移動せずPOSTして、レスポンスを受け取る。 §Code:HTML<form id="form_id" action="postURL" method="post"> <input type="text" name="text" /> <input type="submit" onclick="stringPost();return false" value
twitter facebook hatena google pocket Movable Typeの記事が増えると、デフォルトのサイト内検索ではどんどん検索スピードが低下していきます。 当ブログも記事が増えたこと、また検索が使用されるケースが増加していることから、サイト内検索の高速化を試みました。 参考サイト：ココログプロとかTypepadとかMTとかブログ人とかその他のブログサービスとかでもAjaxでバックナンバーを検索するJavaScript sponsors 使用方法 1. テンプレートの新規作成を行います search_data.txtとし、以下を記述します。 <?xml version="1.0" encoding="utf8"?> { data:[ <MTEntries lastn="0">{ title:"<$MTEntryTitle remove_html="1" enc
MovableTypeにデフォルトでついてる検索は遅い・・・ もう、これでもかって言うくらい遅い上に 動的に検索しているからサーバへの負荷も大きそうなのである。 で、ちと実験がてら作ってみた。 最初はMovableTypeのAPIいじってとか 考えてたけど、めんどくさくなったのと サーバの負荷減らすために クライアント側で処理させるようにした。 検索用のデータを投稿時に作って それをjavascriptで検索するようにした。 正規表現とか使おうかとか スペースで複数指定してAND検索とか 思ったけど めんどくさいからそのまま素で検索。 半角の大文字小文字だけ丸めた 実験だし・・という名の言い訳。 で、インクリメンタルサーチにしてみた。 インクリメントサーチだったらAND検索とか無くてもいいかなぁって・・・ ついでにせっかくだしWidget化・・・ と言うわけで使い方。 まず、検索用のデータ
今日のMovable Type：Ajaxを利用したMT用超高速検索システムはスゴすぎる！ 2007年3月 3日 04:09 Movable Typeの可能性がAjaxによりまたひとつ、広がった 昨年4月末から悩んでいた事が、あっけなく解決した。 というのは、Movable Typeの検索機能が弱いので、XMLを利用した検索システムを考えていたのだが、2005年12月に暴想のnaoyuki氏によって、Ajaxによるスゴイ検索システムが作られていた。 ＃僕はXML＋Perlで考えていたが、XML＋JavaScriptは思いつかなかった。 参考にしたサイト 暴想: ココログプロとかTypepadとかMTとかブログ人とかその他のブログサービスとかでもAjaxでバックナンバーを検索するJavaScript http://java.cocolog-nifty.com/blog/2005/12/t
Ajaxを活用して開発されたWebアプリケーションは、サーバとの通信をWebブラウザのページ読み込み処理とは異なる方法で(非同期で)行うため、基本的にWebブラウザのナビゲーションバーでは制御できない。つまり、Ajax機能を活用して再描画された内容は「戻る」ボタンでは戻れないということだ。 これは便利でもあり不便もである。特定の操作においては戻るボタンで戻れた方が扱いやすいこともある。Ajaxアプリケーションにおいてこうした戻るボタンとの関連付けを行うためのライブラリや実装方法はいくつかあるが、ここではAndrew Mattie氏によって公開されたdsHistoryを紹介しておきたい。 Andrew Mattie氏は15日(米国時間)、自身のブログにおいて「Presenting dsHistory: Another Way to Revisit the Past」と題したブログを公開。YU
Posted by masuidrive Wed, 04 Jan 2006 21:45:00 GMT Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation 正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 これで、あなたのサイトも一気にWeb2.0！ なのに使い方は超簡単。 prototype.js とvalidate.js を自分のHTMLに読み込んで、下記の様に正規表現で表示するメッセージを指定するだけ。 Validator.register({ "#mail" : { "/^([^@\\s]+)@((?:
Lingr provides the best chatrooms on the web. It's free, and requires no account. You can browse the hottest rooms and tags to find people to chat with. You can create your own rooms, and have them open to the public or hidden and private.what is Lingr? Lingr is an open community of chatrooms. You can chat about anything you want, in public or private rooms. No account is required, and no special
Ajax IME ブックマークレットを作ってみました．右クリックしてブックマークに登録してみてください． Ajax IME ブックマークにアクセスするだけで現在表示しているページにある textarea と inputbox が Ajax IME 経由で入力可能になるはずです．成功すれば2秒ほどで textarea の色が変わって Ajax IME 入力状態になります．Alt-O で元に戻ります． たいていはうまくいくようですが，まだまだ完璧ではなくて CSS がらみから入力のカーソル位置が激しくずれたり，javascript のイベントがフックできなくて変化なしといったことが頻発します．気長に修正していくつもりですが，みなさんのフィードバックお待ちしております． Mixi の日記投稿や Movable Type の投稿も若干癖がありますが問題なかったです．海外からの日記更新がかなり楽にな
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
SafariでXMLHttpRequestのresponseTextが文字化けするという話。 http://blog.33rpm.jp/garbled-on-safari.html 最近のバージョンだとcontent-typeがちゃんとしてれば化けなかったような記憶があるけど、まあともかくとして、Safariで文字化けするのはJavaScript側だけで対処することができたりする。 http://kawa.at.webry.info/200511/article_9.html これ読んでほんとかよ、って感じだったんだけど案外役に立った。livedoor Readerで使われてたり。 実際に使われてるコードはこんなの。 if(browser.isKHTML){ ajax.filter.add(function(t){ var esc = escape(t); return(esc.index
サイトを普通にAjaxを使って作ると，ブラウザの戻るボタンが使えなくなったり，ブックマークができなくなってしまう． サイトの中の一部（たとえば商品情報）をAjaxで差し替えるようなケースでは，これが結構使い勝手を悪くしてしまう． location.hashを使ったセッション復元＠最速インターフェース研究会 の記事をみて，location.hashでできそうなことを知ったけれど，どうもIEではうまく動かない． さらに色々調べてみると， Fixing the Back Button and Enabling Bookmarking for AJAX Apps というような情報を発見． IEの場合は，location.hashの代わりにiframeを使えばできる模様． ブラウザごとの挙動をまとめると
ファイルをアップロードする途中経過をプログレスバーで順次表示するわけです。アップロード後も画面遷移することなくAJAXで結果を表示するわけで。そういうことをするのに役立つのがオープンソースで開発されている「Uber Uploader」というわけ。 実際のデモを体験すればどういうことができるかよく分かります。 CakeTimer - Demo Page | An Ajax file uploads progress bar http://thinkingphp.org/demos/cake-timer/ UBER UPLOADER DEMO - A free upload script with progress bar http://www.webdice.org/uber_uploader/ ダウンロードはこちらから。 SourceForge.net: Uber Uploader htt
24 ways is the advent calendar for web geeks. For twenty-four days each December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer. Learn more Drew McLellan puts the chairs up on the tables, sweeps the floor, and closes off our season, and indeed the entire 24 ways project with a look back at what it’s meant to run this site as a site project,
amix.dk : RND - fast and simple JS template system As web applications get more dynamic and complex, it's crucial to know what's the fastest way to render content. I have done some research and I am gladly sharing it with you. 高速＆シンプルなJavascriptテンプレートシステム『RND』の紹介。 Ajaxなどを駆使して動的にWebアプリケーションのHTMLを書き換える手法は、最近のWebアプリのトレンドとなっています。 動的にWebアプリケーションのHTMLを書き換える方法としては次があります。 これらの方法のそれぞれのベンチマークを取ると、 document.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く