[B! JavaScript][javascript] [5ページ] foooのブックマーク

AjaxZip 2.0

Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した『ajaxな住所入力フォーム』の新バージョンです。郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。以下の住所入力フォームに、7桁の郵便番号を入力してみてください。【2007/12/09 追記】 jQ

fooo 2009/11/20

郵便番号から住所の入力支援をしてくれるjsライブラリ

リンク

HugeDomains.com

Captcha security check the389.com is for sale Please prove you're not a robot View Price Processing

fooo 2009/10/09

javascriptで実装したシンプルなtenorion。かっくいー

JavaScript

リンク

Xlune::Blog

可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008

fooo 2009/09/28

最近流行っている可変レイアウトグリッド

JavaScript

リンク

[JS]フォームのテキスト欄にアイコンやテキストを表示させるスクリプト -CoolInput

CoolInput demo デモでは、フォームのテキスト欄にアイコンやテキストの配置や、背景色の変更を簡単な記述で行えます。以前「jQueryのプラグイン33+1選 -2008年6月」で紹介した時から大きく変わった点は、テキストをそのままでsubmitボタンを押してしまった場合の対応やテキストをfunctionに記述できるなど使い勝手が向上しています。 demo: what's new CoolInputはjQueryのプラグインのため、実装にはjquery.jsが必要です。

fooo 2009/09/14

フォーム内に画像やテキストをデフォルトで表示させるjQueryプラグイン

JavaScript

リンク

Setting cookies with jQuery | The Electric Toolbox Blog

There is an updated version that does not require jQuery, which is available here: https://github.com/js-cookie/js-cookie The syntax is different from that described in this post, although the Github page includes code to allow for backward compatibility. Set a cookieSetting a cookie with jQuery is as simple as this, where a cookie is created called "example" with a value of "foo": $.cookie("examp

fooo 2009/07/09

jQueryでcookieの操作を超簡単に行えるプラグイン

JavaScript

リンク

http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_menu/

fooo 2009/07/09

jQueryでドロップライン型メニューを導入するプラグイン

JavaScript

リンク

[JS]パネルをスムーズに自動スクロールさせるニュースティッカー

パネルを垂直方向にスムーズに自動スクロールさせるニュースティッカーをスクリプトで実装するチュートリアルをWeb Design Boothから紹介します。 Create A Vertical Scrolling News Ticker With jQuery and jCarousel Lite demo 画像やテキストを配置した各パネルは、リスト要素で実装されています。スクリプトのオプションでは、パネルの表示数、スクロールのスピードなどを変更できます。ニュースティッカーの実装には、jQueryとそのプラグインjCarousel Liteが使用されています。

fooo 2009/06/25

jQuery + jCarousel Lite リスト化された要素を垂直方向に自動スクロールさせる

JavaScript

リンク

dvq.co.nz

This domain may be for sale!

fooo 2009/06/25

jQueryを使ったフェードインするポップアップバブル

JavaScript

リンク

youlove.us

This domain is for sale! Establish your brand and grow your online presence. “I love helping our customers get the best domain names for their business!”

fooo 2009/06/22

背景画像がゆっくりと変化するライブラリ

JavaScript

リンク

jQuery Sliding Tab Menu for Sidebar Tutorial

Introduction This tutorial, we will be making a jQuery Sliding Tab Menu for sidebar. Previously, I made a tutorial about jQuery Tabbed Interface / Tabbed Structure Menu, if you have not read it yet, check it out. I'm using it for my sidebar at the moment. The differences between both tab menus are, the sliding direction and this time, we are using a little bit different HTML structure and massive

fooo 2009/06/12

複数のパネルをスライドさせて切り替えるスクリプト

JavaScript

リンク

MJL

MJL (MITSUE-LINKS JavaScript Library) は、ミツエーリンクスで標準利用される JavaScript ライブラリです。 MJLは「必要最小限」と判断された、次の6機能を実装しています。はじめにダウンロード（MJL - MITSUE-LINKS JavaScript Library | 制作／開発 | ミツエーリンクス） http://www.mitsue.co.jp/service/produce/mjl.html ※　mjl.js mjl_uncompressed.js readme.txt ※　run.js 使用するのは※のみ 1. mjl.js と run.js をロード <head> </head> 2. run.js を編集して不要な機能を削除利用しない機能は run.js を編集し、無効にしてください。記述が残ったままではパフォーマンスの

fooo 2009/04/24

mjl.js の設定方法解説

JavaScript

リンク

http://www.lousyllama.com/sandbox/jquery-autotab

fooo 2009/03/31

jQuery プラグイン。決まった文字数が入力されると自動的に次のボックスへカーソルを移動させることができる

JavaScript

リンク

http://www.designwalker.com/2009/01/slide.html

fooo 2009/01/10

スライドさせる js ライブラリのアーカイブ

JavaScript

リンク

[JS]パネルがスムーズにスライドするアクセシブルなスクリプト

ニュースなど複数のコンテンツを配置したパネルがスムーズにスライドする、アクセシブルで軽量（3KB）なスクリプト「Accessible News Slider」を紹介します。 Accessible News Slider demo パネルはリスト要素で実装されており、テキストリンクと画像リンクでスムーズにスライドし、「view all」をクリックするとパネルの全内容を表示します。「view all」でパネルの全内容を表示また、アクセシビリティにも配慮されており、WCAG 1.0のアクセシビリティの必要条件を満たして実装しているとのことです。スクリプトやスタイルシートのオフ時は下記の表示になります。

fooo 2009/01/09

複数コンテンツを横にスライドさせるインターフェースを実装させる js ライブラリ。軽量（3KB）。ただし jquery.js 必須

JavaScript

リンク

jQuery 関連記事まとめ - Cyokodog::Diary

はてブだと埋もれるのでこちらに書き足してきます。 jQuery 基本機能本家 jQuery.com リファレンス jQuery 日本語リファレンス jQuery 開発者向けメモ jQuery リファレンス- openspc2 jQuery 1.2.6 リファレンス - StackTrace チートシート HTML/CSS, jQuery, WordPressなどウェブ制作者のためのチートシート集 - coliss スライド・関連情報はじめての jQuery jQueryのプレゼンVIDEO - JAM LOG 第1回　Silverlight vs. jQuery＋ASP.NET AJAX - @IT チュートリアル jQuery 入門 - openspc2 jQuery を使って Ajax 開発を単純化する - IBM jQueryの魔法 - All About jQuery ではじめ

fooo 2008/12/29

jquery の基本から応用までのサイト・アーカイブ

JavaScript

リンク

jQueryを良くする25のTIPS

jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。

fooo 2008/12/29

jqueryを効果的に使う

JavaScript

リンク

[CSS]背景画像を重ねて、面白い効果をだすスタイルシート

Blurry Background Effect demo 仕組みは、くっきり画像とぼんやり画像の二枚を背景画像として指定し、ぼんやり画像を内包エリアにfixedで指定します。 <textarea name="code" class="css" cols="60" rows="5"> body{ background: url(images/bg-solid.jpg) no-repeat; } #page-wrap{ background: url(images/bg-blurry.jpg) no-repeat fixed; width: 500px; margin: 40px auto; } </textarea>

fooo 2008/12/25

くっきり画像＋ぼんやり画像でステキ効果

JavaScript

リンク

[JS]高さの異なるカラムを同じ高さに揃えるスクリプト -Equal Heights

CSS newbieから、divで囲んだ高さの異なるカラムを同じ高さに揃えるスクリプト「Equal Heights」を紹介します。 The EqualHeights jQuery Plugin demo 標準の設定では一番高さのあるものに揃えますが、オプションでMIN/MAX値の指定が可能です。 MAX値をオーバーした場合はスクロールバーが表示されます。

fooo 2008/12/25

ボックスの高さを揃えるjsライブラリ

JavaScript

リンク

[JS]簡単に角丸のサイズの個別指定ができる超軽量のスクリプト -DD_roundies

DD_roundiesは、画像やテーブルなどを使用しないで、エレメントを角丸にする超軽量(4KB弱)のスクリプトです。 <textarea name="code" class="html" cols="60" rows="5"> DD_roundies.addRule('.box', 10); DD_roundies.addRule('.nav li a', 5); DD_roundies.addRule('#morph', 10); </textarea>

fooo 2008/12/11

角丸ライブラリ。個別指定可、超軽量（4KB弱）、他スクリプトへの依存無