GoogleMapを使って場所の選択や追加、削除、検索を可能にするjQueryプラグイン「mappy.js」:phpspot開発日誌
mappy.js - jQuery plug-in for Google Maps and Places API integration GoogleMapを使って場所の選択や追加、削除、検索を可能にするjQueryプラグイン「mappy.js」 利用者がマップに情報を追加したり、追加された情報を選択したり、検索したりするUIが作れます 地図情報と絡めたようなサービスを作る際に活用できそうです。 関連エントリ Googleマップを好みの色にカスタマイズできるスタイルまとめ「Snazzy Maps」 素早く簡単にGoogleマップを導入できるjQueryプラグイン「initmap.js」 2Dの地図をリアルな3Dにして3Dマップを作れるPhotoshopアクション
美しいコードに触れたとき、涙があふれ、アメリカに行かなければと思った ──中島聡流プログラミングの原点 #OpenGL｜CodeIQ MAGAZINE
シアトルと東京に拠点を置き日米を往復しながらプログラミングを続ける、UIEvolutionの中島聡氏。未知の技術への飽くなき好奇心と、それを短期間でモノにするための驚異的な集中力は、50歳を過ぎた今も決して衰えることはない。 美しいコードを紡ぎ出す秘訣は何か、優れたエンジニアを見出すコツは何か。プログラム談義はまだまだ続く──。 by 馬場美由紀 （CodeIQ中の人） 仕様書を書いているだけでは、絶対にアーキテクトにはなれない ──中島さんは、MicrosoftでWindows95などのソフトウェア・アーキテクトとして活躍されていた方ですが、アーキテクトの資質や条件については、どうお考えですか。 アーキテクトというと、机上で考えるだけの人というイメージがあるがそうではないんです。最低必要条件は自分一人でコードを書けること。これを分かっていない人が多すぎます。 一人でプロトタイプをつくり、
JavaScript / jQueryでtableの行を「追加」「削除」「移動」「変更」させる方法
まず「リスト選択」の列の選択肢から「B」を選択します。 ⇒「リスト名」が「B」に変更されます。（変更）「追加/削除」の列の「+」ボタンを押します。 ⇒行が追加されます。（追加）追加された行の「リスト順」の列の「↑」をクリックします。 ⇒行が上へ移動します。（移動）移動した行の「リスト順」の列の「↓」をクリックします。 ⇒行が下へ移動します。（移動）最後に、好きな行の「追加/削除」の列の「-」ボタンを押します。 ⇒行が削除されます。（削除） いかがでしょうか。まあ、よくある機能ですね。では、この機能の実装方法について以下にまとめておきたいと思います。 HTMLHTMLでは、以下の点がポイントとなります。 それぞれの機能を発生させるためのイベントハンドラをセットしておきます。操作の対象となる「行」の部分は<tbody>タグ内に記述するようにします（これが後々大事になります）。JavaScrip
Ajax - jQuery 日本語リファレンス
Ajax/API/jQuery Ajax Requests: jQuery.ajax(options) HTTP通信でページを読み込みます。 load( url, data, callback ) HTMLを読み込み、DOMに挿入します。 jQuery.get( url, data, callback ) HTTP通信(GET)でページを読み込みます。 jQuery.getJSON( url, data, callback ) HTTP通信(GET)でJSON形式のデータを読み込む。 jQuery.getScript( url, callback ) HTTP通信(GET)で、ローカルのJavaScriptファイルを読み込み実行する。 jQuery.post( url, data, callback, type ) HTTP通信(POST)でページを読み込む。 Ajax Events: a
jQuery.supportでのブラウザ判別
chromeとsafariを対象とする場合 if(!jQuery.support.checkOn){ alert('あなたがお使いのブラウザはChromeもしくはSafariっぽいです'); } if文の条件式の中で!をつけたので、checkOnがfalseであればこの条件文に該当します。該当するのはwebkitだけなので、これでchormeとsafariのみに振り分けたコードを記述できます。なお、Android標準ブラウザ、iPhone / iPad標準ブラウザといったスマートフォンも同じChromeとSafariなので、この条件に合致します。 FirefoxとOperaを対象とする場合 if(jQuery.support.checkOn && jQuery.support.noCloneEvent){ alert('あなたがお使いのブラウザはFirefoxもしくはOperaっぽいです'
StackTrace
StackTraceとは フリーランスプログラマーいけまさの、プログラミングやシステム開発に関する雑多なStackの形跡です。 日々のプログラミングや、システム開発で得たことをまとめています。 もっと雑多な内容はブログに。 更新情報 2011/ 7/ 5 Sortable のrevertの説明を修正しました。 2010/11/14 jQuery API 1.4.4 日本語リファレンスに、jQuery.type(obj) を追加しました。 jQuery API 1.4.4 日本語リファレンスに、jQuery.isWindow(obj) を追加しました。 2010/11/13 jQuery API 1.4.4 日本語リファレンスに、jQuery.fx.interval を追加しました。 jQuery API 1.4.4 日本語リファレンスに、fadeToggle([duration], [ea
jQuery.is*()シリーズを、どれだけご存知ですか。 | Ginpen.com
jQueryを使うと要素を探したりスタイルを変更したりってのが簡単なんですが、それ以外に「地味に便利」な機能がたくさんありますよね。 その中から、変数の中身の種類を判定するメソッドのシリーズを紹介します。 jQuery.is – Search Results – jQuery API ちなみに .is()というものもありますが、今回は関係ありません。 jQuery.isFunction() 関数であればtrueを返します。 個人的には一番頻繁に使います。使いどころとしては、オプションでコールバック関数を受け付ける場面でしょう。与えられたものが本当に関数であれば実行する、変なものが渡されたときは無視する、というように使えます。 JavaScriptの型の扱いはゆるいと良く言われますが、関数じゃないものに括弧()をくっつけても実行できなくてエラーになってしまいますので。 jQuery.isEm
テーブルを使ったいろいろなjQueryプラグイン26個まとめ | Web活メモ帳
料金表や一覧を表示する際に欠かせないテーブルコーディングで、検索や並び替え、ページング、グラフ表示など色々なものがあったので、探しやすいようにjQueryプラグインをまとめてみました！ jQuery Visualize HTML5とjQueryを使ってテーブルの値をグラフで表示する事が出来ます。 jquery.csv2table.js エクセルなどで作ったCSVファイルを読み込み、クロスブラウザなテーブル表示を行うjQueryプラグイン。 行の絞り込みや文字列検索などかなり高機能になっています。 jExpand 表、画像、リスト、図やその他の要素を折りたたみ表示する事ができます。 Fixed Header Tables ヘッダーを固定して表示します。Excelでは良く使いますね。 縦に長い表を使う場合に非常に便利です。 treeTable テーブルの中にツリー構造を実装できます。 Flex
Microsoft Ajax Content Delivery Network - ASP.NET Ajax Library
Warning Production applications should not take a hard dependency on CDN assets. Applications should test for the CDN asset referenced, and use a fallback asset when the CDN is not available. The Microsoft Ajax CDN has no SLA above and beyond using an Azure CDN. Use this GitHub issue to report problems with the Microsoft Ajax CDN. Table of Contents ajax.microsoft.com renamed to ajax.aspnetcdn.com
jQuery
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use
ノンプログラマーのためのjQuery生成ツール
変更履歴 2013.03.13 toggleClassが2つ表示されていたため、1つに修正しました on/offを追加しました（1.7）※イベントには追加していません。別途対応します addBackを追加しました（1.8） finishを追加しました（1.9）
「ノンプログラマーのためのjQuery生成ツール」作りました
ノンプログラマーのためのjQuery生成ツールを作ってみました。よければご活用ください。 ノンプログラマーのためのjQuery生成ツール サンプル表示つき このツールは「7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座」にインスパイアされて作った、初心者向けのお勉強ツールです。 コールバックなど複雑な設定はできませんが、基本的な設定とメソッドチェーンまでできるようにしています。 追記：イベントとAPIをプルダウンメニューで選択できるようにしました。過不足あればご指摘ください。 追記：イベントとAPIのプルダウンメニューでツールチップを表示できるようにしました。ざっくりした内容ですが、これでイベントやAPIの使い方が分かるようになります。 ツールチップを表示 やっつけで作ったので中のコードはかなりひどいです。あしからず。 １．使い方 本エン
jQuery - StackTrace
jQuery とは、John Resig によって開発された JavaScript ライブラリです。 Ajax や DOMプログラミングを「簡潔に」「簡単に」書くことができる、軽量で強力なフレームワークです。 jQueryプロジェクトは、4つのプロジェクトで構成されています。 jQuery Core jQuery のコアライブラリを開発するプロジェクトです。Ajax や DOMプログラミングフレームワークを提供します。 jQuery UI jQuery Core上に構築された強力なユーザインターフェースライブラリです。 Sizzle 高速なセレクタエンジンです。jQueryでも使用されています。単独でも使用可能です。 QUnit 使いやすいJavaScriptのテスティングフレームワークです。 このサイトでは、jQuery Core、jQuery UI の日本語リファレンスを公開しています
jQuery UI
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. What's New in jQuery UI 1.13? Compatibility with recent jQuery versions (up to 3.6): Usage of deprecated jQuery API
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jquery-json - Google Code
jQuery逆引きリファレンス － ＠IT
http://www.designwalker.com/2009/09/jquery-table.html
DataTables | Javascript table library
(mt) Media Temple - Web Hosting Built to Scale.