TwitterのタイムラインやFacebookのニュースフィードように、ページの一番下までスクロールしたらコンテンツを自動的に表示する「jQuery.Bottomプラグイン」を紹介します。 １．サンプル jQuery.Bottomプラグインにはデモページが用意されていますが、いまいちなのでサンプルページを作りました。 jQuery.Bottomプラグインサンプル ページの一番下までスクロールすると自動的にコンテンツを表示します。 なお、最初に表示した状態でコンテンツがすべて表示されてしまっているとそもそも動作しないので注意してください。 ２．プラグインの機能 jQuery.Bottomプラグインは「bottom」イベントを登録するためのものです。このイベントを利用してページの一番下までスクロールすれば、bottomイベントが発生します。 ３．プラグインのダウンロード githubのjQue
ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」 2010年01月19日- rikrikrik.com - jQuery autosave plug-in ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」。 データを編集中にフォームに書き込んでいて、ブログ記事などが消えたりするとても悲しい気持ちになりますが、このプラグインを使えばデータをブラウザのクッキーに保存してくれて、次にアクセスした時にリストアできるという素晴らしいプラグインです。 クッキー保存のため、サーバに保存する必要はないですし、手軽に使うことができそうです（ブラウザごとにクッキーに依存した文字数制限などは存在すると思います） こういうことを１からやろうとすると結構大変ですが、毎度のことながら、jQueryプラグ
最近、このブログの方向性に危機感を抱いています。agoです。 そろそろあちこちで「2009まとめ」的な記事が見られるようになってきましたが、tech.kayac.comでもjQueryに特化してまとめてみたいと思います。 jQueryを使ってphpで言うところのstrip_tagsとかhtmlspecialcharsする方法 かなり簡易的な方法ですが、それぞれ一行で出来たので記事にしてみました。 JSをphp的に使用したい場合、php.jsと言うのもあるようです。 jQuery.liveをfirefoxで使うときの注意点 jQuery 1.3系でサポートされた$().live()で実際はまった問題の紹介です。 JS制作に欠かせない3つのツール Flash制作に欠かせない3つのツール・まとめ編 | エントリー | _level0.KAYAC _level0.KAYACとの連動記事です。 jQ
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
JavaScriptのフレームワークには、prototype.js、Dojo toolkit、Mootools､アドビが開発したSPRY、ヤフーのYahoo User Interface Libraryなどさまざまなものがありますが、もっとも普及しているのは、モジラに所属するJohn Resig氏が開発するjQueryでしょう。 jQueryは2006年1月に最初のバージョンをリリースして以来、サイズが小さく記述がシンプル、といった特徴などから急速に普及し、多くのWebサイトやJavaScriptアプリケーションで利用されてきました。 jQueryはマイクロソフトが正式にサポートするJavaScriptフレームワークでもあります。ASP.NET AJAXがjQueryをサポートし、Visual StudioでもjQueryを標準のフレームワークとしてサポートしています。 そして、マイクロソ
来週は私が夏休みなので更新はない予定です。agoです。 最近、人にjQueryを解説する機会があったので、昔を思い出してjQueryを使い始めた頃に感じる疑問を書いてみたいと思います。 1 そもそも何で使うの？いまでも困ってないよ 作成する内容にもよりますが、慣れると使用しない場合に比べて記述するコード量が3分の1程度まで減ります。 また、変数、条件分岐、繰り返しが減るのでバグが発生しにくくなります。 2 何か特殊なことができる？ 結局できることは変わりません。 jQuery自体JSで書かれてますし、記述の自由度もJSの制約に制限されます。 3 何が難しいの？ 文法がややjQuery的になります。 参考 jQuery言語入門 jQuery自体のコード量は少ないのですが、独特の記述法が多く慣れるまで多少時間がかかるかもしれません。 また、CSS Selectorの知識はほぼ必須です。 特にマ
For one of the projects I’m currently working on with Rareview, we wanted to add a rising hover effect to a set of icon links. Using jQuery’s animate effect, I experimented with icons that have reflections and others with shadows. Here is a demo with two examples: The HTML and CSS are both straightforward and have a structure and style common to many web navigations and menus (for the sake of post
I have always liked playing around with jQuery and I’m sure many of you do too! In fact we’ve published some jQuery ‘getting started‘ guides here on SpyreStudios in the past. So this time I thought we’d go more in depth and I’ve hand-picked 20 awesome jQuery tutorials (most of them have working demos) Here they are: Creating a Keyboard with CSS and jQuery ↓ In this tutorial you’ll learn how to cre
なんかかっこいい。 ただそれだけの理由で紹介します。 jQueryをつかって、フォームを上部に隠すっていう、いわゆる定番な動作なんですけど、その現れ方がなんだか面白かった。 jQuery動作のイメージは以下 ここの右上のタブをクリックすると・・・ ↓ ニョキっと現れます。 現れ方ははねるような感じ。サンプルで動作確認してみるとすぐわかります。 Contact Us Slide-Out Demo ダウンロードは以下で。 jQueryの補足 CSSとjquery.easing.1.3.js、contact.jsを読み込もう。jqueryjs自体はGoogleから読み込む方法が記されています。 <link rel="stylesheet" href="contact.css"/> <script src="http://jqueryjs.googlecode.com/files/jquery-1
jQPie (Jquery PHP interface extension) JavaScriptからPHPの関数を呼び出せるインタフェース提供ライブラリ「jQPie」。 <a>のonclickイベントからPHPの関数をキックするという仕組みが簡単に実装できます。 PHP関数の返り値を alert したりすることも出来ます。 例えば、以下のコードを見てみましょう。 <a href="#" onClick="$.getJSON('handler.php', { handler: 'json', callback: 'getarray' }, function(json) { alert(json.a)})">Test 1</a> .getJSON メソッドの第一引数に、キックするPHPのソースコードを指定、第二引数に、返り値をjsonで受け取る指定と、callback として、PHPの関数
wilq32 - jQuery plugin: Wilq32.RotateImage 画像を簡単に回転できるjQueryプラグイン「Wilq32.RotateImage」。 このプラグインを使えば、画像を簡単に回転させることができます。 使い方も非常に簡単で、次のように rotate メソッドに -25 といった角度を渡すだけとなっています。 $('#image').rotate(-25); いちいち画像編集ソフトで回転させなくていい上に、アニメーションなんかも出来るので覚えておいて損はなさそうです。 関連エントリ ユニークで使えそうなjQueryプラグイン10個 便利なjQueryプラグインいろいろ コンピュータに指定フォントが入ってるかチェックできるjQueryプラグイン「jquery-fontavailable」
肩こり歴20年のagoです。 社内でもjQueryを使う人間が増えてきたので、jQueryを使う人が陥りやすい罠をいくつかあげてみたいと思います。 （私が過去にはまったり、今はまっている罠です） 1 グローバルの名前空間を使わない jQueryはwindow objectの汚染が少なくほかのライブラリとの共存が行いやすいですが、特定のサイト向けに開発する場合window objectを使用してもそれほど問題は発生しません。 しかしjQueryに慣れるとwindow objectの使用をいかに避けるかを考えるようになり、jQueryと関係ないfunctionや変数まで$.hogehogeに実装しようとしてしまいます。 これはwindow objectの代わりにjQuery objectを汚染しているだけなので、素直にwindow objectを使用したほうが普通に実装しやすいでしょう。 2
服务器错误 404 - 找不到文件或目录。 您要查找的资源可能已被删除，已更改名称或者暂时不可用。 XML 地图
JQuery File Upload Plugin Script - Demo - Uploadify マルチファイルのアップロードを可能にするクールなjQueryプラグイン「uploadify」。 「BROWSE」ボタンを押すと、ファイル選択ダイアログが立ち上がり、次のようにファイルが追加されていきます。 Upload Files を押下すれば、アップロードがリアルタイムで開始されます。 実装コードなのですが、次のようにシンプルで分かりやすいものになっています。 <body> <input type="file" name="fileInput" id="fileInput" /> <script type="text/javascript"> $(document).ready(function() { $('#fileInput').fileUpload ({ 'uploader'
Introduction I was hanging around jQUery plugin website, and I have found some really cool plugins. Some of them are really powerful and would be extremely useful to create a user friendly frontend. jCrop | Demo Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
