Core - jQuery 日本語リファレンス
Core/API/jQuery jQuery関数/$(...) jQuery(expression, context) CSSセレクターを受け取って、マッチしたエレメント集合のjQueryオブジェクトを返す。 jQuery(html, [ownerDocument]) HTML文字列を受け取ってDOM Elementを作成し、それらを含むjQueryオブジェクトを返す。 jQuery(elements) 受け取ったエレメントをjQueryオブジェクトにして返す。 jQuery(callback) $(document).ready()の短縮形。 jQueryオブジェクト操作 each(callback) 全ての要素に対してコールバック関数を実行する。 size() jQueryオブジェクトが持つ要素数を返す。 length jQueryオブジェクトが持つ要素数を保持する。 selector
【レビュー】Googleからの贈り物 - Google AJAX Language APIでカンタンに翻訳サイトを (1) 超シンプルなAPIながらスゴイ実力 | エンタープライズ | マイコミジャーナル
20日に発表されたGoogleの新しいWeb API、Google AJAX Language APIは、誰でも簡単に言語の翻訳を行えるようにするJavaScript APIだ。同APIを使うと、JavaScript文字列に対して「日本語←→英語」や「中国語←→英語」と言った変換を簡単に行えるのみならず、文字列が何語で書かれているかを自動判別することもできる。 同APIのパワーがどれほどのものかというと、以下のような翻訳サイトを10分足らずで作れてしまったほどだ(ソースコードは次ページで解説)。 非常にシンプルなAPI(メソッド2つしかない!)にも関わらず、そのパワーがあまりに凄まじすぎる。この興奮をぜひ皆さんにもお伝えしたいと思う。 ということで、さっそくLanguage APIの使い方を学んでいこう。
[JS]jQueryのプラグイン33 1選 -2008年3月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Galleria 画像ギャラリー。 jQuery Multimedia Portfolio 画像・動画・音声のスライドショー。 Ea
Javascriptで無限ループを実現する5つの方法
LightningTalk at Kanasan.JS, Japanese Javascript Users Group Meeting http://groups.google.co.jp/group/kanasanjs/web/kanasan-js-javascript52-lightning-talk
シンプルなWYSIWYGエディタ作成用JSライブラリ「jWYSIWYG」:phpspot開発日誌
jWYSIWYG This plugin is an inline content editor to allow editing rich HTML content on the fly. シンプルなWYSIWYGエディタ作成用JSライブラリ「jWYSIWYG」。 必要なスクリプトを読んだ後、次のようにマークアップ。 <div class="box"> <textarea id="wysiwyg" rows="11" cols="69"></textarea> </div> 初期化は「 $(function(){ $('#wysiwyg').wysiwyg(); }); 」だけでOKみたい。 WYSIWYGエディタは他にも色々ありますね。 Yahoo UI Library ベースのWYSIWYG prototype.jsでクロスブラウザなWYSIWIGエディタ FCKEditor Tin
jQueryすぐに使える役立つプラグイン-javascript - WEBデザイン BLOG
javascriptライブラリーjQuery: The Write Less, Do More, JavaScript Libraryの数あるプラグインの中からサイト構築に役立つものをまとめてみました。 いろんなライブラリーやフレームワークが紹介されています。使うのであれば、coreの部分はひとつに絞ったほうがいいかと思っています。今回紹介するものは、基本的にMovableTypeで使えそうなものをクリップ。ただし、フォームとサーチなどのプラグイン情報に関しては今回のポストにはありません。 紹介する各プラグインの機能や設置などの参考ベースはYahoo!です。ajax機能を導入してからページビューが劇的にアップしたとのこと。ページビューの高いサイトを参考に習って似たようなものを実装するのがリスクがないかと思って以下のプラグインを紹介します。
A library of DHTML and Ajax scripts - DHTMLgoodies.com
- March, 28th, 2017: DHTML Chess for WordPress. DHTML Chess is now available as a WordPress plugin in a free and PRO version. Learn more. - January, 16th, 2017: LudoJS Progress Bar. Samples of progress bars in the LudoJS Javascript framework on my site ludojs.com. - January, 13th, 2017: DHTML Chess 3.0. The new DHTML Chess 3 has been ported to jQuery. New demos are also available. The home of DHTM
AJAX Activity indicators | Animated GIFs designed to indicate your site is doing something
By Jakob Skjerning: By Absolute Radio: By Keppler-IT: By absofort: By FreeSolutions: By Pascal Germroth: By Martin Jespersen: By 3 Man Army: By Nicolai Willems: By Simon Claret: By Dvir Volk: By Laurens van Hees: By Sherv.NET: By Paul C Smith: By H5 N1: By PositronVX: By matt: By Goldplate Ltd: By Netlife: By websedit AG: By Timur Gafforov: Background color: Black | White | Custom (for display pur
特集：prototype.jsを読み解く｜gihyo.jp
運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
非常に美しいcoverflowスライドギャラリー『ImageFlow』
非常に美しいcoverflowスライドギャラリー『ImageFlow』 ImageFlowはPHPとJavaScriptで作られている非常に美しいcoverflowスライドギャラリーです。 設置方法 配布サイトより関連ファイルをダウンロードし、サーバーにアップします。 スライドギャラリーを利用したいページのhead要素内で『screen.css』と『imageflow.js』を読み込みます。 <link rel="stylesheet" title="Standard" href="screen.css" type="text/css" media="screen" /> <script language="JavaScript" type="text/javascript" src="imageflow.js"></script> スライドを利用したい箇所に以下のHTMLコードを記述しま
JavaScript Tips & Technique
操作方法 → キー: 次のページへ ← キー: 前のページへ ↑ キー: 目次ページへ ↓ キー: 目次ページから戻る 目次ページでは ← → キーで一覧を移動し、クリックで選択します 10 年。 世界が JavaScript の真の実力を発見するのに要した時間である。 1995 年、Netscape 社の Brendan Eich により開発・設計された JavaScript は、「世界で最も誤解されたプログラミング言語」などと呼ばれもした、 ともすれば不遇とすらいい得る歳月を経て、あたりのそこここに満ち充ちていた「Web の旧来的なインタラクションの窮屈さを革命したい」という思いによって、ふたたび表舞台に招来された。 JavaScript は、Web の「あちら側」と「こちら側」とを取り結ぶ、もっとも古くてもっとも新しい、そして、もっとも重要な技術だ。次の 10 年を自らの手で創り出す
MOONGIFT: » 色々なメディアをフローティング「LightWindow」:オープンソースを毎日紹介
サイト上のサムネイル画像をクリックすると、画面遷移する事なくフローティングウィンドウを表示して、そこに拡大画像を表示するサイトが増えてきた。 あのインタフェースはクリックして画面が遷移しないので使い勝手が良い。そこで画像以外にも適用してみよう。 今回紹介するオープンソース・ソフトウェアはLightWindow、多彩なメディアに対応したスライド表示JavaScriptライブラリだ。 LightWindowでは各種画像、動画、音声、PDFそしてサイト表示にも対応している。リンクをクリックすると、画面上にウィンドウが表示され、そこにメディアが表示される。動作は軽快で使い勝手が良い。 実装する側はリンクタグに多少の情報を付与するだけで使える。Flash作品の表示やYoutube動画の表示、サイトの利用規約、メールフォーム等、様々な場面で利用できそうだ。 複数の画像は一つにまとめてギャラリー風に表示
MOONGIFT: » Webサイトを手軽にクールに「GreyBox」:オープンソースを毎日紹介
最近のWebサイトでは画面遷移をなくし、Ajax化するのが好まれる。とは言え、既存のサービスに対して実装するのはそうそう単純ではない。それにAjaxを使った場合、PVの計測が難しく、メディア等では取り入れづらい。 だが、これを使えば簡単にそれっぽい実装ができそうだ。 今回紹介するオープンソース・ソフトウェアはGreyBox、Webページにも対応したCSSポップアップウィンドウだ。 GreyBoxは最近良く見かける、画像をクリックすると同じページ上でポップアップするライブラリになる。特徴的なのは、画像のみならずWebページでもポップアップしてくれる点だ。 既存のAタグに対して情報を埋め込めば、それだけでクリックすると背景をグレーアウトし、クールなポップアップを表示してくれる。これならばお問い合わせフォームや、詳細検索等のフォームでも使えそうだ。 大きさを指定したり、フルスクリーンでの表示もで
MOONGIFT: » JavaScriptを使ってインタラクティブなグラフ「Flot」:オープンソースを毎日紹介
データをグラフで表示したいと思った時、どういった手段が考えられるだろうか。画像を生成するライブラリを使う、HTMLで擬似的なものを作る、または表計算ソフトウェアを使うと言った方法もある。 だが、どれも面倒に移るかもしれない。サーバ側の問題で利用できない場合もある。そこでこれだ。 今回紹介するオープンソース・ソフトウェアはFlot、JavaScriptを使ったグラフ生成ソフトウェアだ。 FlotはjQueryを使って開発されたライブラリで、インタラクティブなグラフを作成できるのが特徴だ。プロットするだけもでき、複数のデータを一つのグラフ上に並べられる。 そしてJavaScriptならではの機能として、選択した範囲をハイライトしたり、その部分だけにフォーカスして表示することもできる。データを表示する、しないといった選択もダイナミックに変更できる。 JavaScriptを使うメリットは、サーバサ
LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」:phpspot開発日誌
Facebox 1.0 Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」。 リンクをクリックで次のように画像をポップアップしてくれます。 これはFacebookでも使われているポップアップ方法のようで、知っている人は知っている、ポップアップの仕方のようです。 コードは次のように非常にシンプルです。 rel="facebox" でポップアップしてくれるみたいです。 <a href="/facebox/remote.html" rel="facebox">text</a> jQueryベースなので軽量な点もうれしいところ。 ちょっと気分を変えたい方は導入
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryでテーブルをかなり便利にフォーマットしてくれる『Flexigrid』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
[JS]角丸を簡単な記述で実装するスクリプト -Roundcorners Canvas | コリス
13 Awesome Javascript CSS Menus | The Jotform Blog
ローディング画像作成ジェネレータ
Lightboxスクリプトいろいろ - DesignWalker
