I use this to trigger a function once a pause in typing is initiated in a textarea: var keyTimer; $("#TEXTAREA").on('keyup mouseup', function(){ if (keyTimer) { clearTimeout(keyTimer); } keyTimer = setTimeout(function () { doFunction(); // Not working, triggers only once (on focus). }, 500); }); doFunction() triggers only at first keyup pause (on focus). That function must trigger at every pause (
jQueryでフォームデータを送信する方法のまとめです。 １．submitイベントで送信する form要素のsubmitイベントで送信する場合のサンプルは次のとおりです。 <script src="http://code.jquery.com/jquery.js"></script> <script> $(function(){ $('form').submit(function(event){ event.preventDefault(); var f = $(this); $.ajax({ url: f.prop('action'), type: f.prop('type'), data: f.serialize(), timeout: 10000, dataType: 'text' }) .done(function( data ) { // 通信が成功したときの処理 }) .fai
POSTがGETになってる？ 前回のエントリーにもつながっている話ですが、ブラウザからフォームでPOSTされたものがリダイレクトされたときの挙動について。挙動が理解できると、化けるってのも失礼な表現なんですが。以下、化けた理由と、HTTP周りの実装の話をつらつらと。 普通のHTMLなフォームからPOST <form action="post_receiver" method="post" enctype="multipart/form-data"> <input type="file" name="imageFile" /> <input type="submit" value="画像をアップロードしてやんよ" /> </form> 上記のようなHTMLなフォームから、POSTした際にサーバー側でうまくPOSTデータを受け取れないことがありました。 echo $_SERVER['REQUE
久々にAjaxな画面を書いたらちょっと壁に当ったのでメモ。 当たった壁というのは、タイトルどおりJquery.ajax()を使い レスポンスにJSONデータを想定した際に FF3、Safari4、ChromeはOKなのにIE7、8だと正常に動かない件。 厳密にはerrorで指定したコールバック関数が呼ばれてしまう。 他のブラウザだとsuccessで指定したコールバック関数が動くのに。 ajax()にはオプション引数のうち、dataTypeというパラメーターがあり、 json、jsonp、textなどを指定できる。 これを指定するとレスポンスに対する解釈をしてくれて データの扱いが便利になるという代物。 いろいろ試してみたがIE8標準のデバッガ「開発者ツール」には 相変わらずparseerrorの文字が。 つまり、それ以前の問題っぽい。 JqueryにおけるAjaxを解説しているサイトを調べ
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Download files You can download the entire script from this Zip file. Files included in the package: drag-drop-folder-tree.html = Main html file js/drag-drop-folder-tree.js = Main Javascript file js/context-m
いつも郵便番号から住所を自動で補完するajaxzip2を利用させてもらってます。便利で助かる。 このツール、name属性を使うことが前提となっているので、Cakephpで利用しようとすると、nameがdata[Model][zip]みたいになって、モデル単位でnameの値が変わってしまうので、ちょっと使いにくい。ということで、ID属性で使えるようにちょっとだけ修正した。 CakeのViewファイルは、formヘルパーで下記のように、各inputフォームにidを指定します。あとは、Javascript読み込んで、下記のようなボタンを郵便番号入力欄の横に付けておく <script src="/js/postcode/prototype.js"></script> <script src="/js/postcode/ajaxzip2.js" charset="UTF-8"></script> 郵
いいですねこれ。 AjaxとPHPの4と5で動きます。実行するのに、データベースを使用しないという点も見逃せませんねぇ。 主な機能もご紹介。 ダウンロードは以下から Ajaxplorer.info : the ultimate ajax file manager. ドキュメント Ajaxplorer.info サンプルデモ http://www.ajaxplorer.info/demo/ ユーザー名 demo パスワード demo 主な機能 ファイル/フォルダの操作。ダウンロード。 名前の変更/コピー/移動/削除/。 そして画像のサムネイル表示。 また、検索機能も付いているので、ファイルを探すのが楽そうです。 FLASHプレイヤー内臓なので、FLASHも直接見れる。 ZIPファイルもファイルマネージャー上で閲覧が出来る。 MP3もその場で聞ける。 目的のファイルをブックマークする事ができ
『るびま』は、Ruby に関する技術記事はもちろんのこと、Rubyist へのインタビューやエッセイ、その他をお届けするウェブ雑誌です。 Rubyist Magazine について 『Rubyist Magazine』、略して『るびま』は、日本 Ruby の会の有志による Rubyist の Rubyist による、Rubyist とそうでない人のためのウェブ雑誌です。 最新号 Rubyist Magazine 0058 号 バックナンバー Rubyist Magazine 0058 号 RubyKaigi 2018 直前特集号 Rubyist Magazine 0057 号 RubyKaigi 2017 直前特集号 Rubyist Magazine 0056 号 Rubyist Magazine 0055 号 Rubyist Magazine 0054 号 東京 Ruby 会議 11 直
Lightbox って、一般的な名称？（よくわかんないけど）、要はJavaScript系のモーダルウィンドウっぽい仕組み、最近は、写真とかのギャラリーっぽいのでよく使われてる。 いろいろあるけどよさそうだったのをメモ Lightview Lightbox2
Relay: Ajax Directory Manager Are you fed up with that lame old directory manager your hosting company provided you with for you website or blog? If you are already familiar with windows or mac file browsers, why should you have to change the way you work for the web? Try Relay for a change. PHP+MySQLで作成されたAjaxベースのWeb2.0ファイルマネージャのRelayの紹介。 Ajaxベースでリモートのファイルをデスクトップのように使えます。 画像はクリックするとそのままプレビューされたり、
完成形を見てしまった気がする。それくらいできが良い。 これまでWikiエンジンを幾つも紹介してきた。もちろん、機能面ではもの凄く充実しているものも数多い。だが、使い勝手や初期状態での機能等を考えると、これがまさに完成系と言えるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはMindTouch Deki Wiki、エンタープライズ向けのWikiエンジンだ。 欠点がなさすぎる。日本語はもちろんOK、Ajaxを使って遷移の少ない作り、履歴管理＋差分表示にももちろん対応している。編集はWYSIWYGなテキストエリアでできる。 ヘッダを作れば、その中だけで編集できる。画像をアップロードして、埋め込むのも簡単。ページの階層管理もできて、タグも使える。ウォッチリストに登録、コメントをする、RSS配信など何でもござれだ。 さらに多言語対応、Google Analyticsを埋め込めるなどな
【本音】エミナルクリニック立川院の口コミ3選｜本音口コミ＆オトク裏ワザって？：更新 なんて気になったので、エミナルクリニックの立川院についてSNSやネットで調べてみました。そう思ってSNSを中心に調べてみたら、、、口コミや評判も良いじゃない♪ちなみに、似たようなサービスや商品があるかも？なので、今回調べてみたのはこちらになります。お得なチャンス期間！～が狙い目！エミナルクリニックで全身脱毛をスタートさせるのに最適！更新：エミナルクリニックの立川院でお得に申し込みするなら特設サイトでした！エミナルクリニックの立川院でお得に申し込みする方法は、公式サイトの中にある特設サイトから申し込みすることでした。※ もしかすると、季節や期間限定の可能性もあるので終わってたらごめんなさいm(_ _)m早めに予約しておくほうがいいかも？エミナルクリニック立川院の住所や最寄り駅、アクセスは？【無料カウンセリング
Introduction MapLib.net provides the following javascript API to help you embed generated pictures in your own web pages, with full flexibility. Before using this API, you need to sign up for a Google Maps API key For free accounts, daily requests for an individual embedded picture are limited to 1,000. MapLib API is still in beta stage. There may be some unexpected bugs. Join MapLib Communi
Google Maps API を使って大きい画像を表示(前編) の最後に 次回では PIL の練習がてら「大きい一枚の画像から Google Maps を使って表示するためのタイル画像を生成する」について書きます。 と書きましたが、オリジナル画像を使って地図を表示する方法についてコードだけ置いて説明しないのもなんだなーと思ったので、説明しようと思います。 ソースコードは kuromap.html です。 // カスタムレイヤーを作成 var tileLayer = new GTileLayer(new GCopyrightCollection(""), 0, 4); tileLayer.getOpacity = function(){return 1.0;} tileLayer.isPng = function(){return false;} // タイル画像を返す関数 tileLay
第4回: 吹き出しをカスタマイズ 今回はさらに Google Maps をカスタマイズする方法について勉強します。 まずこのファイルを右クリックでダウンロードしてテンプレートとして使ってください。 APIキーのところだけは変えてください。 gmaps_4.html このファイルはAPIバージョン1で作ってあります。 きまりごと 吹き出しの中に表示されるもの 地図のサイズを変える 住所から緯度経度を調べる マウスホイールでズームイン＆アウト 課題1: 湘南台名店マップ きまりごと JavaScript の行の最後には ;（セミコロン）をつける < は < に、> は > に変換する 文字列は "…"（ダブルクオーテーション）で囲い、その中身として " を使う場合には直前に \ をつける（エスケープする） 吹き出しの中に表示されるもの 吹き出しの中にはHTMLを表示させることができ
続いて、JavaScript側の通信処理を見ていこう。今回はphotoalbum.jsの一部のみを変更しており、大部分は前回のスクリプトと同様である。 if(item) { this.openPhoto(item); } else { // PhtoAlbumデータを非同期通信で取得 // リクエスト用のパラメータ var options = { method : 'get', parameters : 'dir=' + fname, onFailure: function() { alert("通信に失敗しました"); }, onComplete: function(res) { // 応答されたJSONをオブジェクトに変換して表示 var items = eval( '(' + res.responseText + ')' ); this.openPhoto(items); }.bin
googlemapでドラクエ というのがあり、Google Maps API とタイル画像を用意すれば、大きい独自の地図画像とかを表示することができることを知りました。 というわけで、会社の座席表とか試しに作って遊んでみたんですが、それだと公開しにくいので大きい写真を Google Maps API を使って表示するサンプルを作ってみました。 サンプルはこちらです → Google Maps で写真を見る 元となった写真は 3072×2304 サイズのもの。これを最大 11x9 枚のタイル画像に分割して表示しています。 # ちなみにモデルはペットのくろちゃん(フェレット 9ヶ月)です。 その後調べてみると、似たようなサイトとかツールはすでにいくつかありました。 MapLib.net は地図画像をアップして、マーカーを配置してオリジナル地図を作成できるサービスのようです。 指輪物語の地図
©2005 Michal Migurski, Stamen Design This is a draggable, zoomable satellite mosaic of Antarctica that Eric found. Please use an up-to-date version of Mozilla, Internet Explorer, Opera or Safari to view. Read more below. The original image is 16,384 x 16,384 pixels, but the javascript on this page requests only the visible 256 x 256 pixel tiles needed to fill the smaller window. As the image is dr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
