ajax アーカイブ
2011年05月20日
2011年02月21日
WEBファイルマネージャーを試してみた ： AjaXplorer ： PHP Navigator
WEBファイルマネージャーを試してみた ： AjaXplorer ： PHP Navigator
http://www.rapidlymage.com/contents/archives/2007/08/webajaxplorerphp_navigator.php
未検証。サーバ上のファイルをzipで固めて丸ごとダウンロードする機能を探してるんだが。
2011年02月09日
jqueryを使ったフォーム要素の制御 テキストエリアに初期値表示フォーカスで消すなど。
http://phpjavascriptroom.com/?t=ajax&p=jquery_plugin_forminput
こいつが探していた挙動。
初期値の出力がjqueryだから、入力チェックもクリアする・・・・・はずなんだが。
※未検証
jQueryでバリデーション付きメールフォームを作ろう
jQueryでバリデーション付きメールフォームを作ろう
http://ascii.jp/elem/000/000/479/479507/
コンファームチェック（入力確認）をjqueryで。
お問合せフォームなんかで、クリックすると初期テキストが消えるやつあるでしょ？
あれって、一瞬すげーーーーーと思ってたんだけど、未入力でも送信できちゃうんだが・・・
解決策として浮かぶのは・・・・
コンファームチェックする値を２つ容易できればいいんんだよな。
○初期値のまま（初期テキスト）
○クリックされたことにより、値＝空
↓
○○○が未入力です。
ってやりたいんだけどねぇ。
jQueryでバリデーション付きメールフォームを作ろう
jQueryでバリデーション付きメールフォームを作ろう
http://ascii.jp/elem/000/000/479/479507/
コンファームチェック（入力確認）をjqueryで。
お問合せフォームなんかで、クリックすると初期テキストが消えるやつあるでしょ？
あれって、一瞬すげーーーーーと思ってたんだけど、未入力でも送信できちゃうんだが・・・
解決策として浮かぶのは・・・・
コンファームチェックする値を２つ容易できればいいんんだよな。
○初期値のまま（初期テキスト）
○クリックされたことにより、値＝空
↓
○○○が未入力です。
ってやりたいんだけどねぇ。
jQueryでバリデーション付きメールフォームを作ろう
jQueryでバリデーション付きメールフォームを作ろう
http://ascii.jp/elem/000/000/479/479507/
コンファームチェック（入力確認）をjqueryで。
お問合せフォームなんかで、クリックすると初期テキストが消えるやつあるでしょ？
あれって、一瞬すげーーーーーと思ってたんだけど、未入力でも送信できちゃうんだが・・・
解決策として浮かぶのは・・・・
コンファームチェックする値を２つ容易できればいいんんだよな。
○初期値のまま（初期テキスト）
○クリックされたことにより、値＝空
↓
○○○が未入力です。
ってやりたいんだけどねぇ。
2011年02月01日
[jQuery]マウスオーバーした画像にフェードイン・フェードアウト（透明度）する効果を！
コントロールパネルがかっこいい！jquery slideshow (link-log slideshow)
コントロールパネルがかっこいい！jquery slideshow (link-log slideshow)
コントロールパネルがかっこいい！jquery slideshow (link-log slideshow)
2011年01月28日
これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム
Google Calendar風に使えるカレンダー実装jQueryプラグイン「jquery-frontier-calendar」
http://phpspot.org/blog/archives/2011/01/google_calendar.html
これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム
http://phpspot.org/blog/archives/2010/06/googlejqueryphp.html
GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-week-calendar」
http://phpspot.org/blog/archives/2009/08/googlejqueryjqu.html
未検証ですが、使えそうなので。
丸いレンズで画像をズームさせられるjQueryプラグイン「Zoomy」
2011年01月21日
バナーを一定期間で別のバナーに切り替えられるjQueryプラグイン「imBannerRotater」
jqueryを使って target=_blank、アイコン付与を自動で。
target = _blankはいいの？だめなの？どうなのよ？
ってところなんだけどさ。
http://fnya.cocolog-nifty.com/blog/2008/01/target_blank_b923.html
だめだけど、それほどだめぢゃ無いって程度？
・・・・で、外部リンクに、自動でtarget=”_blank” 、aタグにクラス .blank を指定してアイコンをつけます。
仕組みとしては・・・・
設置場所とドメインが同じかどうか？
↓
違う場合、target=_blank を付与。
↓
.blank を追加によりアイコン追加
という仕組みです。
元ネタやその他の方法
http://www.hiroyukiterada.com/jquery/246/
http://ma-creators.com/2008/05/11.html#p4
http://webdrawer.net/javascript/100408.html
http://128bit.blog41.fc2.com/blog-entry-182.html
ドメイン指定をjsに書くやつ。
http://ameblo.jp/adde/entry-10204471043.html
window open
http://www.detelu.com/blog/?p=216
ただし・・・不安定らしい。
余談：
http://blog.livedoor.jp/isoken13/archives/51168149.html
非推奨ってことではないらしい。
マウスカーソルそのものを変更させる
http://128bit.blog41.fc2.com/blog-entry-182.html
http://www.inclover-inc.com/pocket/px/coding/eid356.html
一番最初に見つけたのはこの記事・・・・
http://blog.elearning.co.jp/archives/2767.php
なんだけど、ソースをコピペしても動かなかった
jqueryを使って target=_blank、アイコン付与を自動で。
target = _blankはいいの？だめなの？どうなのよ？
ってところなんだけどさ。
http://fnya.cocolog-nifty.com/blog/2008/01/target_blank_b923.html
だめだけど、それほどだめぢゃ無いって程度？
・・・・で、外部リンクに、自動でtarget=”_blank” 、aタグにクラス .blank を指定してアイコンをつけます。
仕組みとしては・・・・
設置場所とドメインが同じかどうか？
↓
違う場合、target=_blank を付与。
↓
.blank を追加によりアイコン追加
という仕組みです。
元ネタやその他の方法
http://www.hiroyukiterada.com/jquery/246/
http://ma-creators.com/2008/05/11.html#p4
http://webdrawer.net/javascript/100408.html
http://128bit.blog41.fc2.com/blog-entry-182.html
ドメイン指定をjsに書くやつ。
http://ameblo.jp/adde/entry-10204471043.html
window open
http://www.detelu.com/blog/?p=216
ただし・・・不安定らしい。
余談：
http://blog.livedoor.jp/isoken13/archives/51168149.html
非推奨ってことではないらしい。
2011年01月18日
jqueryまとまってるサイト すごい情報量！http://black-flag.net/
2011年01月17日
jQuery 折りたたみ
http://hatenachips.blog34.fc2.com/blog-entry-154.html
なかなかよさげ。小粋空間で取り上げられていたprototypeのjquery版ってとこかな。
2010年に公開されたjQueryプラグインでWebサイト制作に参考になるショーケースまとめ。 | BlackFlag
Floatしたボックスの整列
Floatしたボックスの整列
jQuery タブ＋スライド でのメニューバーチュートリアル
DD_belatedPNG.js いいこと悪いこと。その他IE6透過PNG対策いろいろ
DD_belatedPNG.js
IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
http://smkn.xsrv.jp/blog/2009/02/dd_belatedpng_js/
DD_belatedPNGを使ってる場合でもスマートロールオーバーが動くようにする
http://d.hatena.ne.jp/mi_kattun/20100324/1269444160
便利な設定だが、Googlemapsが正常に動作しない
http://www.two-hearts.net/2010/04/dd-belatedpngjsie6png.html
こいつはどうなんだろ。
ヘッダーに数行書くだけ！IE6で透過PNGを表示させるjQueryプラグン『 jquery.pngFix.js』
リンクにカーソルを合わせるとQRコードをポップアップさせられるjQueryプラグイン「qrTip」
リンクにカーソルを合わせるとQRコードをポップアップさせられるjQueryプラグイン「qrTip」
2011年01月14日
ヘッダーに数行書くだけ！IE6で透過PNGを表示させるjQueryプラグン『 jquery.pngFix.js』
ヘッダーに数行書くだけ！IE6で透過PNGを表示させるjQueryプラグン『 jquery.pngFix.js』
http://monodez.com/create/pngfix.html
どっちがいいのよ？
DD_belatedPNG.jsでIE6の透過PNG対策
http://www.two-hearts.net/2010/04/dd-belatedpngjsie6png.html
ヘッダーに数行書くだけ！IE6で透過PNGを表示させるjQueryプラグン『 jquery.pngFix.js』
ヘッダーに数行書くだけ！IE6で透過PNGを表示させるjQueryプラグン『 jquery.pngFix.js』
http://monodez.com/create/pngfix.html
どっちがいいのよ？
DD_belatedPNG.jsでIE6の透過PNG対策
http://www.two-hearts.net/2010/04/dd-belatedpngjsie6png.html
まとめサイト
ihttp://smkn.xsrv.jp/blog/2009/02/dd_belatedpng_js/
.ie7.jsが有力とも書かれているれど・・・
ヘッダーに数行書くだけ！IE6で透過PNGを表示させるjQueryプラグン『 jquery.pngFix.js』
ヘッダーに数行書くだけ！IE6で透過PNGを表示させるjQueryプラグン『 jquery.pngFix.js』
http://monodez.com/create/pngfix.html
どっちがいいのよ？
DD_belatedPNG.jsでIE6の透過PNG対策
http://www.two-hearts.net/2010/04/dd-belatedpngjsie6png.html
まとめサイト
ihttp://smkn.xsrv.jp/blog/2009/02/dd_belatedpng_js/
.ie7.jsが有力とも書かれているれど・・・
2011年01月13日
jquery lightbox rel属性を自動付与するように改造
jQuery.LocalScroll
2011年01月11日
積極的に取り入れたい9つのCSS3（+jQuery）テクニック
2011年01月06日
[JS]一覧表示のレイアウトを切り替えるスクリプト -Easy Display Switch
[JS]一覧表示のレイアウトを切り替えるスクリプト -Easy Display Switch
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-display-switch.html
コンテンツにエフェクトを掛けるjQueryプラグイン10個
jQuery Slider Tutorials and Plugins
JavaScript Slider
マウスオーバー等で吹き出しが 現れるツールチップのまとめ
【javascript】jQueryだけでタブ切り替えサンプル（ローテク版）
【javascript】jQueryだけでタブ切り替えサンプル（ローテク版）
http://www.softel.co.jp/blogs/tech/archives/1564
ローテクじゃないやつ
jQueryで作るタブ + cookieでその状態を保存
jQueryで作るタブ
jQueryで作るタブ + cookieでその状態を保存
http://web-park.org/javascript/tab100131.html
わずか2KBで直感的に使えるタブインタフェース実装用jQueryプラグイン「idTabs」
http://phpspot.org/blog/archives/2009/04/2kbjqueryidtabs.html
タブ切り替えでコンテンツがスロットマシンっぽく切り替わるサンプル
http://phpspot.org/blog/archives/2010/04/post_464.html
jQueryでタブ切り替えをシンプルなスクリプトで実装するサンプル | BlackFlag
http://black-flag.net/jquery/20101014-1597.html
これ名に使ってるんだろ・・・・
Panic style horizontal scroller？
http://www.kirupa.com/forum/showthread.php?t=290132
シンプル
タブ切替をサクッと実装
【javascript】jQueryだけでタブ切り替えサンプル（ローテク版）
【javascript】jQueryだけでタブ切り替えサンプル（ローテク版）
http://www.softel.co.jp/blogs/tech/archives/1564
ローテクじゃないやつ
jQueryで作るタブ + cookieでその状態を保存
2011年01月04日
jQueryを使ったタブメニューの実装サンプルまとめ
google ajax feed API 画像取得されているサンプル
http://apisample.com/sample/gafa.html
http://apisample.com/sample/s_gafa.html
サムネール取得を
// temp += '
としているのを発見。使えるのかこれ？
駄目だな・・・・、記事全体のスクリーンショットになるのだよねこれ・・・
＜a href="http://hairmake-dream.com/blog/archives/123">http://hairmake-dream.com/blog/archives/123" width="120" height="90" />
entry.content を使っているのに記事内の画像リンクた記事へのURLになっているのはなんでなんだろ。
PHPだけの場合ならこんな手法があるよーだけど。※今回欲しい情報とは関連なし
http://detarame.moo.jp/2010/12/17/記事内の一番最初の画像を取得してサムネイル画/
一番近いのはこれかな・・・・
http://q.hatena.ne.jp/1260942229
正規表現で、content内の最初の画像を取得という方法
http://code.google.com/apis/ajaxfeeds/documentation/reference.html#JSON
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var img = entry.content.match(/http:\/\/.*\.example\.jp\/img\/.+\/[a-z0-9\.]+\.(jpg|gif)/i);
これを
http://code.google.com/apis/ajaxfeeds/documentation/reference.html#JSON
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var img = entry.content.match(/(http:\/\/.*?\.?example\.jp\/img\/[a-z0-9\.]+?\.(jpg|gif))/i)
とするといける？
google api feed これって画像が表示されていないだけ？
http://www.mudaimemo.com/demo/google_ajax_feed_amazon/
左側の空白部分がもしも・・・・商品写真だったのならビンゴなんすけど。
google AJAX Feed APIでamazonアフィリエイト一覧
http://blog.ikubon.com/?eid=820538
サンプル
http://lab.ikubon.com/amazon/amazon_rss_image.html
sorce
＜script type="text/javascript" src="http://www.google.com/jsapi?key=yourkey_here">
＜script type="text/javascript"＞
google.load("feeds", "1");
function initialize() {
var feed = new google.feeds.Feed("http://www.amazon.co.jp/rss/bestsellers/music/ref=pd_ts_rss_link?tag=ikubonnikki-22");
feed.setNumEntries(10);
feed.load(function(result) {
if (!result.error) {
var container = document.getElementById("feed");
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var gazo = entry.content.match("
if(gazo != null){
container.innerHTML += "
"}
var div = document.createElement("div");
container.appendChild(div);
}
}
});
}
google.setOnLoadCallback(initialize);
＜/script＞
■余談
このソースに全く違うRSSを入れるとどうなるんだろ。
2011年01月03日
AJAX スライドショーいろいろ
スクロール時に画像の読み込みを開始するAjax Lazyload
Google AJAX Feed APIでpicasaの画像をスライドショー表示
クリックで画像を切り替えるjavascript - ぞえぞえねっと
CSSを使わずに画像を使ったSEOマークアップが簡単にできるjavascript
Google AJAX Feed APIを使ったタブの表示方法の変更
Ajax Feed API 実験室
jQuery plugin ナビゲーション、メニュー
2011年01月02日
Google ajax feed API 画像取得の変数enclosureを使って画像表示
Google ajax feed API 画像取得の変数enclosureを使って画像表示
プログラマーじゃないから解りません。というわけにもいかず・・・。
正月早々はまってる・・・。
http://shiromaru-blog.blogspot.com/2010/01/google-ajax-feed-api.html
上記のサンプルだと何故か動作しない・・・。
contentからmuch検索するんじゃなくて、enclosureから画像取得したいのだけど、サンプルソースが見つからない・・・。
っつーか、javascriptに弱いだけの話なんだが、たかだか数行のために何時間かかってんだろ。
entry.content でコンテンツ表示じゃなくてさ、ソース内の画像取得サムネール表示をさせたいだけなんだが。
http://mori.moripower.jp/eqwip/469.html
こんな感じで動作してくれればいいのだけど、こちらの動作環境で動かないのよねー・・・。
だれか教えてエ○イ人・・・。
enclosureじゃなくてもいいのだろーか。
ちなみに現状動作確認取れているのはこちらのソース。
http://www.ling-factory.com/blog/archives/2009/10/21_1832.html
ただし、これは記事本文をhtmlごと読み取るので画像リンクまで取得。
※entry.content ってこと。entry.contentSnippetだと記事本文のみとなる。
これの最大の問題点は、画像に拡大画像リンクが有る場合そのままになってしまう。
これは、lightboxなどで処理しても反映されない。
求められる挙動としては、画像をクリックしても記事へ飛ぶもしくはリンク無しだろ。
っつーことで・・。
■動作しているらしいソース発見。画像取得方法はちょっと違うっぽい。
Google AJAX Feed API 解説 一番欲しい画像抽出の情報は無いんだが。
http://h2ham.seesaa.net/article/100840896.html
以下引用
entry.contentSnippetを加えるだけで表示されます。
ただ、これはHTMLを除いた冒頭の文章のみになっています。
読み込んできたエントリー本文をHTML形式のまま全体を表示させる方法もあって、
entry.contentで全文表示になります。
引用終わり
画像抽出と・・・
entry.contentSnippet
の表示が理想なんだが・・・・・・まだわからん・・・。
現状は、entry.content で記事内のソースすべて表示しか出来てない（泪
日付取得（桁数がそろわない標準の取得 表示サンプル付き
http://www.zoezoe.net/2008/06/javascriptrssgoogle-ajax-feed.php
日付を0を加えて２桁取得 ソースのみ
http://ameblo.jp/horiblo/entry-10172560951.html
このソース使えるといいのだけど・・・・・
※少々難ありらしい
画像抽出例
http://mori.moripower.jp/eqwip/469.html
■画像取得例追加 muchだね。
http://q.hatena.ne.jp/1260942229
■概要の文字数調整
"+entry.contentSnippet+"
という所を
"+entry.contentSnippet.substr(0,10)+"
とすると、記事の概要の0文字目から10文字目までを表示
ソース失念・・・・
Google AJAX Feed API 日付取得 桁数を0を入れてそろえる
jFeedMixer – 複数RSSフィードを統合してウェブサイトに表示するjQueryプラグイン
スライドでフラッシュ風にみせる「s3Slider jQuery plugin」
スライドでフラッシュ風にみせる「s3Slider jQuery plugin」
画像のズームアップ「jqzoom」-jquery plugin
画像のズームアップ「jqzoom」-jquery plugin
FREEで簡単にキレイなグラフを作成できる「FusionCharts Free」
FREEで簡単にキレイなグラフを作成できる「FusionCharts Free」
Google Ajax Feed Apiを使ってAmazonの商品画像を表示してみる
http://blog-ikubon.jugem.jp/?eid=820538
タダ残念なことに、テキストが無いんだよな。商品写真だけ。
携帯サイトでGoogleMapを表示
携帯サイトでGoogleMapを表示
ajax系のjavascript一覧
Google AJAX Feed APIとpicasaでスライドショーを設置
Google AJAX Feed APIを使ってAmazonのベストセラー/ニューリリース商品を表示するガジェットを作ってみる
http://blog.mudaimemo.com/2009/10/google-ajax-feed-apiamazon.html
htmlに埋め込むIDに、now loadin...... を挟むのは発想になかった！
http://weble.org/2010/11/13/google-ajax-feed-api-twitpic
＜div id="twitpicThumbnail">Loading...
jQuery版LightBoxプラグイン 設置の詳しい日本語解説
jquery lightboxはrel属性の記述がいらないわけじゃない。そのままだとa タグすべてに反応するのを回避する
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-144.html
これだよこれ！！！！
ありがとうございます！
＜script type="text/javascript"＞
$(function(){
$('a[@href$=".jpg"], a[@href$=".gif"], a[@href$=".png"]')
.addClass("lightbox");
$('#content a.lightbox').lightBox();
});
＜/script＞
画像についているAタグに class="lightbox" が自動付与された状態になります。
#content 部分に、記事全体を囲っているような ID を指定すればOKです。
jquery lightboxはrel属性の記述がいらないわけじゃない。そのままだとa タグすべてに反応するのを回避する
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-144.html
これだよこれ！！！！
ありがとうございます！
＜script type="text/javascript"＞
$(function(){
$('a[@href$=".jpg"], a[@href$=".gif"], a[@href$=".png"]')
.addClass("lightbox");
$('#content a.lightbox').lightBox();
});
＜/script＞
画像についているAタグに class="lightbox" が自動付与された状態になります。
#content 部分に、記事全体を囲っているような ID を指定すればOK
・・・・ということなのらしいのだが、なぜか上手くいかないので以下を試すことにする。
lightbox.jsを書き換える方法
http://sigt.jp/blog/web_dev/2010/03/09/jquery_lightbox_rel_sets/
jquery lightboxはrel属性の記述がいらないわけじゃない。そのままだとa タグすべてに反応するのを回避する
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-144.html
これだよこれ！！！！
ありがとうございます！
＜script type="text/javascript"＞
$(function(){
$('a[@href$=".jpg"], a[@href$=".gif"], a[@href$=".png"]')
.addClass("lightbox");
$('#content a.lightbox').lightBox();
});
＜/script＞
画像についているAタグに class="lightbox" が自動付与された状態になります。
#content 部分に、記事全体を囲っているような ID を指定すればOK
・・・・ということなのらしいのだが、なぜか上手くいかないので以下を試すことにする。
lightbox.jsを書き換える方法
http://sigt.jp/blog/web_dev/2010/03/09/jquery_lightbox_rel_sets/
jquery系 商用、非商用などのまとめ
2011年01月01日
画像の読み込みを遅延させるjQuery「LazyLoad with jQuery」
http://toshiiy.blog22.fc2.com/blog-entry-76.html
スクロールするまで画像を表示させないやつ
もうFLASHはいらない！？画像切替えJavaScript「jQuery "Feature Carousel" plug-in 」
http://www.skuare.net/test/jfeatureCarousel.html
よくトップに掲載されている自動切り替わりのやつ。
flashじゃなくてもこっちでいいと俺も思う。
ちょっと手法が違うやつ
VAに使えそうな画像切替jQueryプラグイン「Awkward Viewline」
googe API feed
http://mori.moripower.jp/eqwip/469.html
http://oshiete.goo.ne.jp/qa/3897402.html
ここらの変数の処理は参考になりそう。
手っ取り早く動作させたいならこっち。
↓
ここの記事は動作例としては完璧。
http://www.ling-factory.com/blog/archives/2009/10/21_1832.html
出力する内容をそのまま引っ張ってきているだけなので、画像サイズ縮小などの処理はしていない。
細かいことをやりたければ、リファレンスとにらめっこして、javascriptをシコシコ書くしかないんだろうね。
2010年12月31日
jQueryを使ったタブメニューの実装サンプルまとめ
2010年12月22日
jQueryとかいろいろブックマーク
2010年12月13日
簡単にフォトギャラリーが作れるPHPプログラム
http://digital-gate.com/2008/09/php-1.html
サムネールを作る必要があるけど、FTPで放り込むだけ。
縮小専用
http://i-section.net/software/shukusen/
こいつとの組み合わせでバッチリっすな。
わずか3STEP！誰でも簡単にjQueryを使ったLightboxギャラリーを作成出来るソフトウェア・Jquery Photo Viewer
http://kachibito.net/software/jquery-photo-viewer.html
ローカル動作型。最終的にはアップロードが必要になるのでエンドユーザー向けではないなぁ・・・・・
jQueryを使ったストレッチする背景画像
http://blog.creamu.com/mt/2010/07/jquery_42.html
以前にもブックマークしたと思うんだが・・・・、サンプルの場合画像が1024じゃん？
1024以上には広がらないのが仕様なのかね？
画像サイズを1900とかにした場合はどーなるんだろ。
jQueryでアニメーションさせた静的なサイト
bookreader.js
http://bookreader.cognitom.com/
ちょっとおもしろいけど・・・、どうかねこれ。
2010年12月09日
ロールオーバーがフェードアウト
ロールオーバー画像を classで指定 虫眼鏡画像とか。
http://phpspot.org/blog/archives/2008/01/js_1.html
こっちの方が汎用性ありそう。※改造版？
http://kyotomemo.blog99.fc2.com/blog-entry-20.html
たぶん、上記のオリジナルスクリプトは
http://cssglobe.com/lab/imagelink/
これ。
オリジナルはpostionを使っているんで、めんどくさそうなイメージ。
http://questionbox.jp.msn.com/qa5237589.html
・・・・で、導入を楽にできるように改造したものらしいですが、
細かいところまでは未検証です。
demo:
http://www.kachohfugetsu.sakura.ne.jp/book/index.html
http://www.kachohfugetsu.sakura.ne.jp/album/index.html
同様に手を加えている他の方の記事
http://exyz.cocolog-nifty.com/good_sleep/2008/05/javascript_5809.html
この方のソース
テーブルをゼブラに。
cssのみで
http://www.webbibo.com/blog/htmlcss/trcolor.html
★単なる一行おきに色かえならばこれが良さそう。
http://www.webbibo.com/blog/htmlcss/trcolor.html
★ハイライトできるやつ これｲｲﾈ！
http://solidstate.jp/ContentsDisplay/table/script_18.html
上記のやつの一例 横一行のみをハイライト
http://solidstate.jp/sample/tablecloth/index.html
ソートとかできちゃう。かなり高機能ですね。
http://d.hatena.ne.jp/gratt/20080328
http://interiorclip.com/wordpress/plugin/javascript-jquery-tablesorter
phpで書くとき簡単に。
http://blog.enjoitech.jp/article/157
連続する要素ならば使えちゃうやつ
2010年12月07日
フルサイズの背景画像をスライドショーさせる
ぜひ参考にしたいサイト javascriptの使い方がうまくてかつ作りが良いなぁ。
[JS]パネルをフェードで切り替えるシンプルな国産のjQueryのプラグイン -ImageNavigation
2010年12月02日
【Javascript】ライブラリをCDNで外部から読み込み（jQuery本体だけじゃない）
リスト一覧が公開されているわけでは無いんだろうか。
URL削っても何も出てこないのよね。
http://www.softel.co.jp/blogs/tech/archives/2062
こちらに主要urlが記載されております。
2010年12月01日
スクロールしてもついてくる！のJavaScript「jQuery Scroll Follow」
http://www.skuare.net/test/jScrollFollow.html
フローティングメニューとかエレベーターメニューだとか言われている例のアレ。
スクロールしてもついてくる！のJavaScript「jQuery Scroll Follow」
http://www.skuare.net/test/jScrollFollow.html
フローティングメニューとかエレベーターメニューだとか言われている例のアレ。
左側固定に変更したサンプルがあった！！！！
汎用性を考えるとこのサンプルだな
ajaxzip3
http://blog.motoo.net/2010/10/15/102802
http://code.google.com/p/ajaxzip3/
いつのまにやらバージョンアップ。
郵便番号辞書のメンテ不要、prototype.jsやJQueryも不要。
すばらしい。
知らなかったよﾏﾏﾝ。
2010年11月26日
Sexy Drop Down Menu w/ jQuery & CSS
[JS]わずか1.3KBの軽量で、快適に動作するアコーディオンのスクリプト
2010年07月30日
Amazonスタイルのアイテムスクローラー実装jQueryプラグイン。
faq折りたたみ jquery accordion.js
2010年07月28日
jQueryでもっとフォームを使い易くするプラグインのまとめ
2010年07月15日
jquery.jparallax.js
http://webdev.stephband.info/parallax.html
遠近法みたいに背景がうごくやつ。
2010年07月13日
yuga.js
2010年07月08日
highslide.js
商用利用は有料。
2010年07月07日
１枚の画像でハイライトする画像メニュー作成が可能なjQueryプラグイン「imagineMenu」
１枚の画像でハイライトする画像メニュー作成が可能なjQueryプラグイン「imagineMenu」
http://phpspot.org/blog/archives/2010/07/jqueryimagineme.html
グローバルメニュー
Sexy Lightbox 2.1 mootools.js plugin
Sexy Lightbox 2.1
http://www.coders.me/ejemplos/sexy-lightbox/
http://www.hanadikai.com/872/memo/ajax/mootools/sexy_lightbox2.php
lightboxのお友達
制作料金参考 ajax導入
http://webbingstudio.com/work/price.html
http://www.plant-mu.com/price.html
AJAXライブラリ導入費用として考えればいいと思う。
3000円～5000円ほど？
ページジャンプのできる指定時間で自動で切り替わるライブラリ
http://whisper.sakura.ne.jp/diary/2009/08/image-gallery.html
ここの
■ 4.Featured Content Slider With jQuery UI
ページジャンプのできる指定時間で自動で切り替わるライブラリ
これ。固定デザインだけど、商用サイトには使えそう。
汎用性が無いのがアレだけどね。
動作サンプル
http://demo.webdeveloperplus.com/
サンプルソース
メガメニューを簡単に実現するJavaScript「jQuery Mega Menu」
http://www.skuare.net/2010/03/javascriptjquery_mega_menu.html
で採用されているjQuery Mega Menu
お手軽にタブ切り替えを行うJavaScript「Spotlight」
Adobe Spryでスライドショー
prettyPhoto [jquery-lightbox-clone plugin]動かねー。※小一時間以上ハマったので覚書。
prettyPhoto
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
動作はいい感じ♪
しかし、実装がかなりめんどい・・・・
プリティな悪魔 PrettyPhoto
http://ameblo.jp/chinbai/entry-10520228541.html
以下引用
通常、どこの設置方法をみても、ここまで記述されているのだけれど
これでは動きませんでした。
コードが間違っているのか、なんなのか悩んだのですが
結局わかったのが
前後にあるCSSのCLASS指定でした。
なので追加。
5.クラス指定をして囲って下さい。
class="gallery clearfix"
これで、動きました。
#########################
他のものより設置条件がシビアです。
クラス名を変更すると動かん・・・・。
設置方法追加
Whisper | Diary -イメージギャラリーの設置方法まとめ-
http://whisper.sakura.ne.jp/diary/2009/08/image-gallery.html
ここの記述わかりやすいかも。
Thickboxは開発終了との噂なので、今後はprettyかcolorboxなどに移行したほうが懸命かもね。
JSでモーダルウィンドウを実装する方法 20+
http://blog.creamu.com/mt/2009/03/js20.html
prototypeでもjqueryでもない。実装が楽。
FancyZoom 1.1
http://www.cabel.name/2008/02/fancyzoom-10.html
日本語解説
http://coliss.com/articles/build-websites/operation/javascript/803.html
※商用は$39
自動でスクロールするシンプルなニュースティッカーの作り方
2010年06月05日
Google AJAX Search API - News Bar をカスタマイズ
2010年06月04日
[JS]インラインにもグラフが設置ができるスクリプト -jQuery Sparklines
[JS]フラッシュっぽい動きをするスクリプト6種 -chromaSYNTHETIC
[JS]フラッシュっぽい動きをするスクリプト6種 -chromaSYNTHETIC
http://coliss.com/articles/build-websites/operation/javascript/496.html
2010年04月23日
［JS］自動スクロールスライドショーするタブ式メニュー
［JS］自動スクロールスライドショーするタブ式メニュー
2010年04月19日
ファイルサイズわずか3KBのオーバーレイ効果「Litebox」登場
http://gigazine.net/index.php?/news/comments/20060705_litebox/
ファイルサイズわずか3KBのオーバーレイ効果「Litebox」登場
Litebox- Same great taste, less calories
http://www.doknowevil.net/litebox/
記事の日付が2006年な件。
JavaScriptライブラリjQueryで簡単サブメニュー「Horizontal Subnav with CSS」
2010年04月16日
jQuery.popeye 2.0
http://dev.herr-schuessler.de/jquery/popeye/demo.html
lightboxの中で、ありそうでなかったタイプ。
2010年04月14日
Lightbox JS v2.0 と Flash
http://web-conte.com/blue/200610/23_1952.php
レイヤー表示をしたときに、flashが最前面に来てしまう現象の回避策として、
＜!-- object要素内に下記を追加 --＞
＜param name="wmode" value="transparent" /＞
＜!-- embed要素に下記の属性を追加 --＞
wmode="transparent"
っつーのは、よく見かける対策なのだが、この記事の対策はもっと掘り下げてる。
Lightbox.js内の記述の変更もしたほうがよさそう。
Lightbox.js っver.2になってから重くなっちゃったけど、どうにか軽くならんものかしらん。
2010年04月13日
ブロックレベル要素の高さを揃えるheightLine.js
IE6、7でも動いてくれる&実用性の高そうなjQueryプラグインまとめ
JQueryで簡単に作るドロップダウンメニューいろいろ
JQueryで簡単に作るドロップダウンメニューいろいろ
ajax動作サンプル色々
2010年04月08日
jQuery Image Magnify lightbox系画像表示
2010年04月06日
jQueryとMySQLで実現するシンプルなToDo「AJAX-ed To Do List With PHP, jQuery & MySQL」
2010年04月02日
MacOS Xのドック風エフェクト(fisheye)を実現するライブラリ集
jquery 画像 ギャラリー
2010年03月30日
thickbox - thickbox plugin
http://jquery.com/demo/thickbox/
http://www.shadowbox-js.com/index.html
↑これの日本語解説
http://www.two-hearts.net/2009/05/shadowboxjs-version-30b.html
http://www.longtailvideo.com/players/jw-flv-player/
thickboxでのyoutube表示よりも
shadowboxを使った表示のほうが良いのだろうか。と悩みちゅ。
っつーか、これ優秀だなぁ。
↓コリスさんによるshadowboxの解説記事。
複数のライブラリに対応したLightboxスクリプト -Shadowbox.js
http://coliss.com/articles/build-websites/operation/javascript/772.html
2010年03月06日
ajaxでどんな事が出来るのかを知るサンプル集26種類 jQuery interface編
2010年02月15日
ショッピング系のサイトに需要のあるランダムバナー各種
■ajax(jQuery)これを店舗トップメインに入れると割とインパクトあります。
http://solidstate.jp/ContentsDisplay/slidebox/script_154.html
■以下よく見かけるランダムバナー
javascriptによる画像バナー
http://technique.eweb-design.com/0503_rbl.html
ajax(jQuery)
http://dispersalblog.blog90.fc2.com/blog-entry-196.html
flash対応版
http://www.trancedive.com/contents/reference/javascript/sample/tips006.html
2010年02月05日
ゼロからはじめるGreyBox - 一歩先行くウィンドウ表示
ライブラリを必要としないっつーのはおもすろい。
http://journal.mycom.co.jp/articles/2007/07/20/graybox/index.html
GreyBoxとは?
GreyBoxはAjax(非同期通信処理)を利用して画像やページを表示するライブラリです。ブログや自分のWebサイトで少し変わったテイストの画像表示やリンク先のWebページをボックスで表示するといった使い方ができます。似たようなライブラリにはThickBox(*1)があります。 GreyBoxはprototype.js、jQueryなどのライブラリを必要としません。これらのライブラリが使用できない状況では便利です。 GreyBoxはタグのrel属性に必要なパラメータを記述するだけでスライド表示やページ表示の処理を行えます。
2010年02月04日
お手軽スワップイメージプラグイン「jswap.js」
http://www.kirekawa-navi.com/othersites/fc2blog/library/jswap/
dwや直でスワップイメージを書くと、ソースが汚くなるのよねー。
と思っていたら、こんな便利なスクリプト発見。
すばらしい。ありがとうございます。
2010年02月03日
jQueryでシンプルにスワップイメージを実現する[jswap.js]
2010年01月18日
ロールオーバーをアニメーションをいい感じに切り替えてくれる『jQueryBlend』
2010年01月15日
jQueryを使ったボタンイメージのロールオーバーアニメーション
2009年12月29日
エレベータメニュー
CSSデザインレイアウトをオンラインで簡単に作成する （YAML）
スムーススクロール
透明感のあるデザインをJavaScriptで実装する（glassbox.js）
2009年12月28日
[JS]jQueryのプラグイン33+1選 -2009年2月
バナー広告をスライドショーで設置するjQueryプラグイン (easyslide)
jQuery好きならLightBoxさえもjQueryプラグインで！ (slimbox-2)
faceboxのサンプルページ
http://blog.chibatch.jp/sample/facebox.html
jQueryでLightviewみたいなFacebox.jsのサンプルページ
2008年に注目を集めた使えるJavaScriptライブラリ集:phpspot開発日誌
http://phpspot.org/blog/archives/2009/01/2008javascript.html
逆引き＆リファレンス
2009年10月16日
ページ内でコンテンツがスライドする系、Glider.js
http://mkicle.biz/blog/2008/02/gliderjs.php
glider.js
jalが縦バージョンで採用してる。
縦のソースないのかな。
https://www.jalcard.co.jp/cgi-bin/cardlist/af.cgi?f=master&root=30YJTGCCRB
2009年06月20日
このサイトのナビゲーション（？）ってどうなってるんだろ。
lightview.js
2009年04月01日
FancyZoom 画像エフェクト js
2009年02月03日
Lightbox と Flashの共存
http://bluelucky777.blog120.fc2.com/blog-entry-8.html
以下引用
ページ内にFlashが同居していると厄介なのである。自分のサイト（ここ）だとそもそもFlashを置いていないから気づきにくい問題なのだが、先日あるサイトを作っていてこのことに気づいた。Flashオブジェクトは z-indexなどの指定を無視し、基本的にドキュメントの最前面にあるように表示されてしまうため、Flashだけは背景に追いやられず、 Lightboxで拡大表示させた画像のさらに手前に出てきてしまう。
引用終わり
この問題、Lightboxの場合は解決策はあるようだが、他のjQuerlyなどのajaxものに流用できるのだろうか・・・・。とりあえず、thickboxはIE対策だけでどうにかなったけども。他はどうなんだろーなー。
2009年02月02日
ThickBoxで画像やウインドウが真ん中に表示されない。→jquery.js current release v1.3.1とIE7でのバグ？
▼ThickBox3をJQuery1.1.3.1で使う際のIE6対処法
http://komposition.jp/2007/07/fix-for-thickbox-on-ie6/
▼ThickBox を使っての画像表示が IE7 でうまく動作しないのを修正する
http://d.hatena.ne.jp/kusakari/20080807/1218092556
v1.1.3.1で確認されていた、IE6において画像やウインドウが真ん中に表示されない症状が、IE7で復活している。
Windows Vista の IE7 のユーザーエージェントが原因と書かれているが、XPにおいてのIE7.0.2.xでも同様の症状が確認されている。
一度解決したはずのバグなのに・・・or2
対処法の記載があるけど、これがv1.3.1なのかどうかの記載が無いので未確認。
検証時間、4Hオーバーもかかったじゃねーか。ばーろー。
Jquery v1.1.2に落とした方が早いかも・・・・。
追記：
宣言文の可能性あり・・・・
2008年07月14日
Photo ギャラリー
next Mac Style PhotoFlip Gallery
http://www.webdesignerwall.com/demo/photoflip-gallery/
next JonDesign's SmoothGallery 2.0 !
2008年06月30日
lighwindow safari NG
safari1.x ok
http://yc-yokosukamorisaki.com/test_dir/company/delivery_area/index.html
safari 1.x NGGGGGGGGG
2008年06月29日
GreyBoxが動かない: GreyBox Show plugin
○設置方法と紹介
http://journal.mycom.co.jp/articles/2007/07/20/graybox/index.html
○ GreyBoxが動かない: GreyBox Show plugin
http://www.joomler.net/component/option,com_jb/task,view/id,333/Itemid,38/
○本家
http://orangoo.com/labs/GreyBox/
ロールオーバー画像をプリロードさせていた、body onLoad がコンフリクトの原因だったことが判明。他のjsを全部調べたのだけど、全然原因わからず・・・・・最後の最後で気が付いた・・・or2。
ほぼ一日かかっちまったよ（ﾄﾎﾎ
■具体的な回避策：
<body onLoad="MM_preloadImages('../../images/navi01a.gif','../../images/navi01-1a.gif','../../images/navi02a.gif','../../images/navi03a.gif','../../images/navi04a.gif','../../images/navi06a.gif','../../images/navi07a.gif','../../images/navihomea.gif')" >
↓
window.onload = function() {
MM_preloadImages('../../images/navi01a.gif','../../images/navi02a.gif','../../images/navi03a.gif','../../images/navi04a.gif','../../images/navi05a.gif','../../images/navi06a.gif','../../images/navi07a.gif','../../images/navi_town04a.gif','../../images/navi_town05a.gif');
}
と記述を変更して、外部jsに変更。head内でinclude。GreyBoxよりも先に読み込ませないと駄目。
<!--GreyBox-->
<script type="text/javascript">
var GB_ROOT_DIR = "./greybox/";
</script>
<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />
<!--GreyBox-->
GreyBoxの閉じるボタンをカスタム。ページ内への記述方法など。
2008年06月26日
lightbox効果を与えられる『jQuery lightBox plugin』
★超簡単に画像にlightbox効果を与えられる『jQuery lightBox plugin』
http://blog.creamu.com/mt/2007/10/lightboxjquery_lightbox_plugin.html
探せばあるんだなぁ・・・・・・。すげーよ。
制作者の方ありがとうございます。
関数などの細かい解説
http://www.screamo.jp/2008/02/000083.php
http://www.skuare.net/2007/11/jquerylightboxjavascriptjquery.html
さらにクローン？ コリスさんのところで紹介されていた。
http://coliss.com/articles/build-websites/operation/javascript/973.html
[jQuery]を使いマウスオーバーした時に画像をフェードさせる
画像をサムネイルのサイズで表示するJavaScript （jQuery Thumbs）
2008年06月23日
ゼロからはじめるGreyBox - 一歩先行くウィンドウ表示
http://journal.mycom.co.jp/articles/2007/07/20/graybox/index.html
GreyBoxとは?
GreyBoxはAjax(非同期通信処理)を利用して画像やページを表示するライブラリです。ブログや自分のWebサイトで少し変わったテイストの画像表示やリンク先のWebページをボックスで表示するといった使い方ができます。似たようなライブラリにはThickBox(*1)があります。 GreyBoxはprototype.js、jQueryなどのライブラリを必要としません。これらのライブラリが使用できない状況では便利です。 GreyBoxはタグのrel属性に必要なパラメータを記述するだけでスライド表示やページ表示の処理を行えます。
ThickBoxはsafari1.X未対応なので、このGreyBoxもよいかも。
もしくは下記、ibox
http://www.marinetime.jp/arty/acv/2008/06/002844.html
補足：
iboxもライブラリを必要としないが、GreyBoxの方が良さそうだ。
iboxはlightbox1.0系クローンらしいので、アニメーションとか見た目がショボイ。
そして、html表示に関してはGreyBoxは外部htmlの表示が可能なようだが、iboxの場合親ページの一部として動作している模様。
もうちょっと調べる必要がありそう。
○GreyBox採用サイト
2008年06月18日
タブ表示 あとでソース解析するためにメモ
ThickBoxはSafari1.X未対応・・・・
○jQuery ThickBoxはSafari 1.xでは動作しない
http://hiralogoo.livedoor.biz/archives/64976973.html
http://hiralogoo.livedoor.biz/archives/64978610.html#comments
○iboxならオッケー jQueryもprototypeも必要ない
http://www.ibegin.com/labs/ibox/
lightboxクローンだが、1.0時代なのでビジュアル、アニメーションがショボイのが難点か。
2008年06月17日
mootoolsでスライドメニュー表示
2008年06月14日
アップロードファイルを複数指定可能にするjQueryモジュール Multiple File Upload plugin for jQuery
2008年06月12日
ここで使われている loading 画像がかっこいい
http://tepasmas.com/curiosidades/madagascar
ここで使われている loading 画像がかっこいい lightbox?
2008年06月03日
スライドするタブメニュー
スライドするタブメニュー JQuely
Animated Collapsible DIV v2.0 JQuery アニメーションスライドメニュー
http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm
補足
複数設置が出来なくて困っている人の投稿
http://oshiete1.goo.ne.jp/qa3903998.html
関連：
縦型アコーデオンメニュー
2008年06月02日
画像に虫眼鏡をかざしたように見えるエフェクトjsライブラリ
2008年05月25日
CSVから読み込みソート可能なテーブルを表示するjQueryプラグイン
2008年05月24日
thickbox設置注意 タブ表示関連リンク
○本家
http://jquery.com/demo/thickbox/
http://www.530point.com/demo_folder/thickbox/
macFFBgHack.png
こいつを入れないとMac FireFoxで透過ができない。
★jQuery系 かなり多機能
http://docs.jquery.com/UI/Tabs
○その他タブ関連まとめ
http://coliss.com/articles/build-websites/operation/design/840.html
http://gigazine.net/index.php?/news/comments/20070419_tab_ajax/
手軽にAjaxタブインターフェイスを作成できる「jquery.tabs」
http://101lab.net/javascript/2007/08/jquerytabs.html
http://stilbuero.de/jquery/tabs_3/
http://gyauza.egoism.jp/clip/archives/2007/04/jquery-tab-contents/
設置方法詳しく載ってる
2008年05月22日
jQuery.noConflict(); jQueryと他のライブラリを同時に使用する方法
http://stacktrace.jp/jquery/with_other_lib.html
http://d.hatena.ne.jp/masahi6/20071129/1196355971
http://d.hatena.ne.jp/uchiuchiyama/20070118/using_jquery_with_other_javascript_libraries
http://allabout.co.jp/internet/javascript/closeup/CU20071125A/index3.htm
コンフリクト解消テク。試してないけど・・・・
あぁ・・・・・これレスしてなかった・・・・
2008年05月09日
jQueryでスムーススクロール - Movable Type 備忘録
2008年05月01日
画像 ギャラリー js スライドショー
2008年04月19日
フォトギャラリー prototypeベースの何かなんだけど
http://r.tabelog.com/tokyo/rstdtl/13022767/
このページのフォトギャラリーprototypeベースの何かなんだけど
何をつかってるんだろ。元ネタが知りたい・・・・
OSXのDocK風ナビゲーションメニューその２ CSS Dock Menu
http://www.ndesign-studio.com/blog/mac/css-dock-menu
デザイナーとしても素晴らしいスキルを持っている方のようで・・・・
こうなりたいもんだなぁ。と漠然と憧れる。
2008年04月18日
css list ロールオーバー javascriptのロールオーバーメニューが何故駄目なのか？
http://cherrypie.cocolog-nifty.com/blog/2005/05/post_888c.html
以下転載
サイトのメニューはリストで（テキスト編）
サイトの上や左にメニューを配置して、マウスを重ねると表示が変わる仕組み自体は、サイトを作っている人にはもう必須とも言えるようなものになってきています。
でも、それを実現するために使われているのは、ほとんど JavaScript による、イメージの置き換えという手法です。
これは、DreamWeaver + Fireworks で自動的にコードが作成される機能が実現されて以来、多くの Webオーサリングソフトに実装され、誰でも簡単に使える定番の仕組みになりました。
しかし、定番といわれてきたこの手法が最近になって問題とされてきています。
●内容と関係のない部分（イメージの置き換えのためのコード）が非常に大きくなるため、検索エンジンに対して不利になる（内容が検索されにくい）。
●修正時には、Webオーサリングソフトを使用して、オリジナルファイルから作り直さないといけない。
●画像やJavaScript がオフだと機能しないので、代替手段が必要になる。
といったことです。
では、これをCSSで書き直すとどうなるでしょう？
んで本文へと。
http://cherrypie.cocolog-nifty.com/blog/2005/05/post_888c.html
OSXのDocK風のメニューを再現するjs 「iconDock」 iconDock jQuery Plugin
○本家
http://icon.cat/software/iconDock/
○バリエーション サンプル
http://icon.cat/software/iconDock/0.8b/dock.html
フォトギャラリーにも応用効くよね、これ。
これはjQueryだけど、prototypeのは無いのかな。
追記：prototype版発見。でも・・・・、アニメーション（？）の制度がいまいちだ。
Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」
超絶クールなMacOS X風ドックメニュー「CSS Dock Menu」
2008年04月16日
タブ切り替え css javascript jsオフでもページ内リンクで動作！
2008年04月13日
【Ajax】タブメモ IE6ぴーくあぶー対策
【Ajax】タブメモ IE6ぴーくあぶー対策
http://mixi.jp/view_diary.pl?id=773070711&owner_id=267087
解決策が今のところうまくいかないので、入れ替えることにした。
http://weboook.blog22.fc2.com/blog-entry-19.html
http://weboook.blog22.fc2.com/blog-entry-20.html
○その他タブメニュー 海外サイトからピックアップされているらしいもの。
http://weboook.blog22.fc2.com/blog-entry-73.html
※jQuily.jsもあるけど、例の置換スクリプトで対応できるはず。
↓例のスクリプト ※まだ試してない。っつーかやってる時間がない。
http://mixi.jp/view_bbs.pl?id=29839731&comment_count=8&comm_id=1104563
追記：
IE6細かいバージョンによってはこのバグが発生していないのかも。
このバージョンでは背景画像が消える現象が起こらない。。。。
2008年04月12日
上から小窓が降ってくるやつ js
★prototype.jsでアコーディオンなタブな横メニュー これならIE6画像バグ無し
http://weboook.blog22.fc2.com/blog-entry-19.html
http://weboook.blog22.fc2.com/blog-entry-20.html
○その他タブメニュー 海外サイトからピックアップされているらしいもの。
2008年04月11日
web tips prototype とかjQuily
Prototype系ライブラリ サンプルプログラム
2008年04月09日
画像にマウスオーバしたときに虫眼鏡アイコンを表示するJavascript『Style Your Image Links』
2008年04月08日
LightWindow なんでもいける。Prototypeban ２
http://dzfl.jp/blog/2007/06/25/rmbl-plus-lightwindow/
こっちの解説の方が簡略化されていて判りやすいかも。
PDFもＦＬＶもいけるのか？ PDFはWindowsのみだろーけど。（←未検証
LightWindow なんでもいける。Prototype版 Thickboxってな雰囲気かな。
【modalbox】Mac OSXダイアログ風 レイヤー表示 Prototypeベース
greybox Thickbox風だけどどうなんだ？Prototypeとぶつかりそうな気が・・・
2008年04月07日
prototype.jsとThickBox3.1(jQuery)がコンフリクトするのですが解消方法判りますか？
prototype.jsとThickBox3.1(jQuery)がコンフリクトするのですが解消方法判りますか？
http://mixi.jp/view_bbs.pl?id=29839731&comm_id=1104563
ヒントを教えて貰ったのでトライ。
http://docs.jquery.com/Using_jQuery_with_Other_Libraries
以下直訳：
以下のことにOther図書館From jQuery JavaScript図書館JumpとjQueryを使用す
ること。 ナビゲーション、検索は一般を編集します。
jQueryライブラリ、およびpluginsのほとんどすべてがそうです。jQuery名前空間の中で抑制されます。 概して、「グローバルな」物がまた、jQuery名前空間で格納されるので、あなたはjQueryといかなる他のライブラリ(Prototype、MooTools、またはYUIのような)との衝突も得るべきではありません。
それは言って、1つの警告があります: デフォルトで、jQueryは、"jQuery"編集に$機能をくつがえ
しながら、近道として「$」を使用します。
しかしながら、jQueryともう片方のライブラリがともにロードされた後に任意な点にjQuery.noConflict()と呼ぶことによって、あなたはそのデフォルトをくつがえすことができます。 例えば:
<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();
// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
jQuery("div").hide();
});
// Use Prototype with $(...), etc.
$('someid').style.display = 'none';
</script>
</head>
<body></body>
</html>
これはオリジナルのライブラリに$を振り向けて戻すでしょう。 あなたはあなたのアプリケーションの残りにまだ"jQuery"を使用することができるでしょう。
さらに、別のオプションがあります。 jQueryが別のライブラリと衝突しないのを確実にしたがっていますが、あなたが短い名前の利益が欲しいなら、あなたはこのようにするかもしれません:
<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
var $j = jQuery.noConflict();
// Use jQuery via $j(...)
$j(document).ready(function(){
$j("div").hide();
});
// Use Prototype with $(...), etc.
$('someid').style.display = 'none';
</script>
</head>
<body></body>
</html>
あなたがあなた自身の交互の名前を定義することができる、(例えば、jq、$J、awesomeQuery--、あな
たが欲しいもの)
最終的に、あなたがjQuery名への別の代替手段を定義したくないなら(あなたは、$を使用するのが本当に好きであり、別のライブラリの$方法を使用するのと気にかけません)、あなたのまだ別の解決策があります。 これはあなたがまだ本当に短いjQueryコードの利益が欲しいのですが、他のライブラリとの闘争を引き起こしたくない場合における最も頻繁に使用されます。
<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();
// Put all your code in your document ready area
jQuery(document).ready(function($){
// Do jQuery stuff using $
$("div").hide();
});
// Use Prototype with $(...), etc.
$('someid').style.display = 'none';
</script>
</head>
<body></body>
</html>
これはたぶんあなたのコードの大部分の理想的な解決です、あなたが変えなければならないより少ないコードがあると考える場合、完全な互換性を獲得するために。
また、見てください: カスタムアリア
編集
魔法に参照をつけます--jQueryのための近道
あなたが、絶えず完全な"jQuery"をタイプするのが好きでないなら、いくつかの代替の近道があります:
* 別の近道にjQueryを再選任します。
o var$j=jQuery;
o (異なったライブラリを使用するのがお望みでしたら、これは最も良いアプローチで
あるかもしれません)
* 以下のテクニックを使用してください:(永久に$を上書きしないで、あなたはテクニックで1ブロックのコードの$内部を使用します)。
o ($*/を使用する或るものがコード化する機能($){/*)(jQuery)
o 注意: このテクニックを使用すると、$がPrototypeの$であると予想するこのcapsuled機能にPrototype方法を使用することができないので、あなたはそのブロックでjQueryだけを使用するために選択をしています。
* DOMの持ち合わせの出来事に議論を使用してください:
o jQuery($*/を使用する或るものがコード化する機能($){/*);
o 注意: 一方、そのブロックの中では、あなたはPrototype方法を使用することができ
ません。
prototype.js ベースの Thickbox ライブラリ「ProtoThickBox」を公開しました
http://labs.spookies.co.jp/2007/12/26/protothickbox-js-3-1-release/
すばらしい ！！！！！と喜んだのもつかの間。
ボクの環境では動作しない。。。。。。。。むぅーん・・・・・。なんだろ。
prototype.jsとThickBox(jQuery)がコンフリクト
http://www.tatamilab.jp/rnd/archives/000332.html
http://d.hatena.ne.jp/kusakari/searchdiary?word=*%5Bprototype.js%5D
・・・・・・・で具体的なhack方法を知りたいんすけど（泪
プログラマの人たちて、どーしてみなさんこーなんだろーなー。
2008年03月27日
無料でダウンロードして使えるAjaxでインタラクティブなPHPメールフォーム
2008年03月22日
jQuery解説 初級編から導入編
jQuery解説 初級編から導入編
○ニュータイプなJSライブラリjQueryを使ってみよう！
http://zapanet.info/blog/item/1164
○ニュータイプなjQueryその2-jQuery導入方法
http://zapanet.info/blog/item/1165
○ニュータイプなjQueryその3-HTML要素アクセス
2008年03月19日
jQueryでweb制作をする時にキープしておきたい30リストまとめ
http://e0166.blog89.fc2.com/blog-entry-422.html
すげーくーるです。
一番気になったのはこれ。
http://jquery.com/demo/thickbox/
次がこれ。
http://www.ndoherty.com/demos/coda-slider/1.1/
SEO的には、内部のコンテンツはどうなるんだろ。
追記：
○テキストエリアリサイズ これは他でも見かけたことあるな。
http://plugins.jquery.com/project/TextAreaResizer
○jCarousel - Riding carousels with jQuery
画像スライドショー
ThickBoxとの組み合わせ
2008年03月11日
フォントサイズを変更するボタンをつける prototype.jsを用いたフォントサイズ変更スクリプト
2008年03月07日
Mac OSX Dockメニューを実現するjavascript「iconDock」
○Mac OSX Dockメニューを実現するjavascript「iconDock」
http://www.skuare.net/2007/09/dockjavascripticondock.html
○サンプルページ
http://www.skuare.net/test/jiconDock.html
○本家
http://icon.cat/software/iconDock/
○本家のバリエーションサンプル 一番下のやつが個人的には好き
Lightbox JS でFlashを背景の下に隠す
js Ajax ゆっくりジワ〜ッと開閉するサイドメニュー new
○元ネタはおなじみ小粋空間さんで、以前何度も挑戦したのに何故が出来なかったのだが・・・
↓何故か今回これを見て触発されてやってみたら、すんなり出来た。
http://caetla.oops.jp/blog2/archives/2005/08/27_1000.php
なんでなの。何故出来なかったの。何故できたの？
理由がわからないって、こういう事に関しては気持ち悪い。
結果おーらいだけどさ。
2008年02月14日
やりたいこととサイトの重さ javascriptで出来るいろんなギミック盛り合わせ
2008年02月13日
cool! moo.fx
http://www.nyokiglitter.com/tutorials/tabs.html
http://kslabo.wonder-mix.com/archives/2007/03/moo_20070309.html
http://kslabo.wonder-mix.com/archives/2007/03/moofx.html
○導入編
http://kslabo.wonder-mix.com/archives/2007/03/moo_20070309.html
http://kslabo.wonder-mix.com/archives.html
○透明度などの変数についての記述
http://journal.mycom.co.jp/articles/2007/06/14/lightbox/005.html
2007年11月20日
AJAXを使ったフォトギャラリー cool
2007年10月29日
[ajax]quickedit - HTMLリアルタイム編集（ブックマークレット）
2007年05月04日
ajax javascript 参考
http://fnya.cocolog-nifty.com/blog/05ajaxjavascript/index.html
2007年05月03日
文字サイズ変更ボタン
http://webbingstudio.blog10.fc2.com/blog-entry-440.html
ネタ元？
http://as-is.net/blog/archives/001201.html
