![WEB制作者が一度は触ってみておくべきオープンソース『Ext』*ホームページを作る人のネタ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/2917af5e69ff9ca5cf4425102260bc487a0f3ca4/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-13.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200707162114.gif)
メール送信フォームやらアンケートの回答フォームやら、とにかくネット上には様々なフォームが存在しています。入力する値が間違っていると「エラー」表示を出すタイプのモノが多いですが、出される側から見れば「そんな値を入力できるようにするなよ!」「8文字までしか受け付けないんだったら、最初から入力可能な文字数を8文字に制限しておけよ!」「エラーが出たらどこを再入力すればいいのかわかりやすく表示してくれ!」などと思うこともしばしば。 というわけで、この「yav」は入力エラーチェックだけでなく、最初から入力できる値を制限したり、数字であれば範囲指定したり、入力チェック後にフォームの色を変えてわかりやすくしてくれたり、とにかくいろいろ便利な入力チェック機能を簡単に組み込むことができるオープンソースで開発されているJavaScriptファイルです。入力チェック後のエラー表示もポップアップウインドウやページ内
お金を稼ぎたい場合は、スマホアプリを利用したお金を稼ぐ方法がおすすめです。 おすすめの理由には手軽さをあげることができます。 外に働きに出る必要がなく、いつも使用しているスマートフォンやタブレットから稼げるので、誰でも簡単に行うことが可能です。 特別なスキルを要しないところもおすすめのポイントだと言えます。 多くの案件が誰にでもできる容易なものとなっており、特別な能力がない人でもできるものが多いです。 アンケートに答えるなどの簡単なものが多いため、未経験者でも不安なく始めることができます。 好きなときに稼げることも魅力です。 暇なときは集中して活動することができますし、忙しいときには作業をする必要がありません。 自分のライフスタイルに合わせて稼げるため、バイトのように面倒だけれど行かなければならないといった苦痛を覚えることがないです。 楽して稼ぎたい人や気楽にお金を稼ぎたい場合には、この方
CodeZine:Adobe製、AjaxでFLVを制御するオープンソース「Flash-Ajax Video Component」(アドビ)より。 動画共有サイトでは大抵、Flashビデオの下部に再生、音量変更、早送り/巻き戻しの制御が付いている。これはFlash側で組み込まれているので、便利ではあるがそれ以上の発展がない。 もっと動画とサイトをインタラクティブに融合させるためにも、これを使ってみるのが手だ。 今回紹介するオープンソース・ソフトウェアはFlash-Ajax Video Component、Adobe Labs謹製のAjaxによるFlashビデオ操作ライブラリだ。 Flash-Ajax Video Componentを使うと、FlashビデオをJavaScriptから制御できるようになる。Flashオブジェクトの描画もJavaScriptを通じて行うので、embedタグを書くこ
AJAXを簡単に使用でき、しかもいろいろな効果を追加できるJavaScriptライブラリ「jQuery」の機能をさらに拡張できるプラグインとして開発されており、実際にブラウザでページをスクロールダウンするまでは画像の読み込みを行わないようにできます。つまり、転送量や負荷を抑えてサーバにやさしい仕組みが実現できるというわけ。特に1ページに大量かつ大容量の画像をばしばしページに貼り付けまくっている場合には効果が絶大です。 詳細や実際の効果を体感できるデモページは以下から。 以下がデモページ。スクロールダウンするまで画像は読み込まれません。ON/OFFも可能。 Lazy Load Enabled プラグインは以下のサイトからダウンロードできます。 Lazy Load Plugin for jQuery Safariではうまく動いてくれないようですが、それ以外のブラウザでは順調に動いてくれるようで
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
Check out Cycle2, the latest in the Cycle line of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. How it Works The plugin provides a method called cycle which is
画像に光沢を与えるjsライブラリ『Glossy.js』 配布元:glossy.js ライセンス:Netzgestade Software License Agreement. /Commercial Software Licenses (商用利用不可.個人利用は無料で可能) Glossy.jsは画像に光沢を与えることができるjavascriptライブラリです。 画像にclassを付けるだけで、非常にきれいな光沢をつけることが可能です。 設置方法 まず、glossy.js を読み込みます。 <script type="text/javascript" src="glossy.js"></script> 光沢を与えたい画像のclassにglossyを付けると画像に光沢が与えられます。 <img src="img.gif" alt="R" class="glossy" /> 角丸の半径を変更する
reflex.jsは、画像にクラスを指定するだけで鏡面の反射効果や立体効果を表現できるスクリプトです。 reflex.js 実装は、簡単でreflex.jsを外部ファイルとして指定し、画像にクラスを指定するだけで実装できます。 クラス指定によって、角度調整などが行えます。 JavaScript、CSSオフだと通常の画像が表示になります。
tipzoom.jp2.0 tipzoom.jp2.0は、JavaScriptで画像のズームができちゃうナイスなライブラリです。 画像を見たほうが理解が早いと思います(デモより)。 ・最初の画像 ・画像にマウスオーバーしたときの画像 ・[↑]キーでズームインしたときの画像 tipzoom.jp2.0では、カーソルキーで以下の操作ができます。 [↑]キー ・・・ ズームイン [↓]キー ・・・ ズームアウト [→]キー ・・・ 選択範囲拡大 [←]キー ・・・ 選択範囲縮小 いやぁ、JavaScriptだけでここまでやるとは。。。 これはすごいですね。 尚、ライセンス形式は明記されていませんが、クレジットを残しておけば自由に使用できそうです。作者のサイト(http://valid.tjp.hu/zoom2)にリンクバックすれば、なおいいと思います。 Of course. But if you
サムネールをクリックすると同一ウィンドウ上に画像を表示するというjavascriptでLightbox JS・Lightbox が有名かと思います。以前からあまりスマートではないと思っていたら、スマートにしたタイプのHighslide JSが公開されていましたので紹介します。 Highslide JS-サムネールをクリックすると同一ウィンドウ上に画像を表示します。サムネイル画像をワンクリックで拡大画像表示、そして拡大画像をワンクリックでサムネイル画像に戻します。とってもスマートです。Lightbox JSよりも若干ストレスなく画像表示できます。 Highslide JS - JavaScript thumbnail viewer http://vikjavev.no/highslide/ IE 4.0・Netscape 4.79には対応していませんが、その他の最新ブラウザには対応しています
5・6年生にもわかるやさしいJavaScriptは下記URLに移転しました。 お気に入りやブックマーク、リンクをしていただいている方は変更をお願いします。 新URL http://clap96.web.fc2.com/masapine/java_top.html ※10秒後に自動的に移動します。
JavaScriptを楽しく学ぶことを目的としたウェブサイトです。JavaScriptやJQueryのフリーサンプルを提供しています。
【リスト】 <form> ここは、おすすめ! → <input type="button" value="Tatsuya's Home Page" onClick="window.open('http://www.red.oit-net.jp/tatsuya/index.htm')"> </form> <form> ここは、おすすめ! → <input type="button" value="Tatsuya's Home Page" onClick="window.open('http://www.red.oit-net.jp/tatsuya/index.htm')"> </form> 【説明】 新しくウィンドウを開くのは、window.open() を使います。 open( ) のパラメータにURLを指定すれば新しいウィンドウを作ってそこにリンク先をロードします。 例)
記号の説明: ○:動作する。 ×:動作しないかエラーになる。 △:エラーにはならないが期待した動作はしない。 安全度の説明:以下のリストの【】内にある数値が安全度です。安全度は以下のようになっています。 3:将来にわたって安全に各環境で使える (エラーにならない) 2:安全に使えるが環境に依存する場合がある(エラーが出る場合がある) 1:特定環境と条件でしか動作しない (エラーが出る場合がある) 注意事項:PHP,SSIはサーバー上でないと動作しません。また、PHP,SSIが動作する環境が必要です。 Windows XP SP2に関しての情報はhttp://www.openspc2.org/JavaScript/WinXPsp2/index.htmlです。SP2の場合、このサイト内で動作しない、動作が変わってしまうものがあります。 ■基本編 001 【3】コメント記号を使わずにコメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く