scriptaculousリファレンス - JavaScriptist
ボックス要素に対して表示/非表示エフェクト bookmark Effect.Appear | Effect.BlindDown | Effect.BlindUp | Effect.DropOut | Effect.Fade | Effect.Fold | Effect.Grow | Effect.Highlight | Effect.MoveBy | Effect.Opacity | Effect.Parallel | Effect.Puff | Effect.Pulsate | Effect.Scale | Effect.ScrollTo | Effect.Shake | Effect.Shrink | Effect.SlideDown | Effect.SlideUp | Effect.Squish | Effect.SwitchOff オートコンプリート bookmark Autoc
scriptaculous逆引きサンプル集 - JavaScriptist
はじめに bookmark scriptaculousの概要 ボックス要素に対して表示/非表示エフェクト bookmark フェードインで表示 - Effect.Appear フェードさせる - Effect.Fade ブライドダウン効果 - Effect.BlindDown ブラインドアップ効果 - Effect.BlindUp スライドダウン効果 - Effect.SlideDown スライドアップ効果 - Effect.SlideUp 折りたたむ効果 - Effect.Fold 縮小後消失 - Effect.Squish テレビのスイッチオフ風に消失 - Effect.SwitchOff 落下後消失するアニメーション - Effect.DropOut 拡大アニメーションで表示 - Effect.Grow 拡大アニメーションで消失 - Effect.Puff 縮小後消失 - Effec
prototype.js逆引きサンプル集 - JavaScriptist
はじめに bookmark prototype.jsの概要 ユーティリティ関数 bookmark 指定idのエレメントを取得 - $ 指定idのエレメントのvalueを取得 - $F エレメントのリスト形式を配列形式に変換 - $A オブジェクトをHash形式に変換 - $H 指定した範囲のリストを返す - $R prototype.jsで追加された機能 bookmark Ajax Ajaxリクエストを行う - Ajax.Request Ajaxで指定エレメントの内容を書き換える - Ajax.Updater Ajaxで指定エレメントの内容を定期的に書き換える - Ajax.PeriodicalUpdater 定期的に指定の処理を行う - PeriodicalExecuter Enumerable リストに特定の関数で処理させる - Enumerable.each リストの全ての値を調べる
prototype.jsリファレンス - JavaScriptist
ユーティリティ関数 bookmark $ | $A | $F | $H | $R | ObjectRange | PeriodicalExecuter | Try.these prototype.jsで追加されたクラス bookmark Ajax bookmark Ajax.PeriodicalUpdater | Ajax.Request | Ajax.Updater Enumerable bookmark Enumerable.all | Enumerable.any | Enumerable.collect | Enumerable.detect | Enumerable.each | Enumerable.entries | Enumerable.find | Enumerable.findAll | Enumerable.grep | Enumerable.include | En
PrototypeでAJAX開発を効率化：CodeZine
去る8月30日（土曜日）、ライトウェイトプログラミング言語（Lightweight programming Language）の総合カンファレンス「LL Future」が、なかのZERO（中野区もみじ山文化センター）大ホールで開催された。当日は前線の影響で時おり豪雨に見舞われる中、さまざまな言語のユーザーや開発者など千人近くが集まった。
Ajaxをブラウザ上で開発できるオープンソース「TIBCO General Interface」：CodeZine
「TIBCO General Interface 3.3 Professional Edition」は、AjaxなどのJavaScript開発をブラウザ上で行えるツールだ。そして開発環境までもがAjaxで動作する。オープンソースなので、同社デベロッパーサイトから無償でダウンロードできる。ライセンスはBSD License。 ダウンロードしたファイルを解凍し、適当なフォルダに配置したあと、ブラウザから「GI_Builder.html」にアクセスすることで起動できる。開発環境はVisual Studio風で、GUIによるコンポーネントの配置もできる。JavaScriptのデバッグもできるため、Ajaxを使わないJavaScriptアプリケーションの開発にも利用することができる。
フォームの入力エラーを吹き出しで教えてくれる JavaScript
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
Adobe - Flash Player Version Penetration
We have retired Flash. Support for Flash ended on December 31, 2020. Find out more https://main--cc--adobecom.hlx.page/cc-shared/assets/img/product-icons/svg/express.svg | Adobe Express Ready for standout content? Meet Adobe Express. Make and share beautiful content with ease. Choose from thousands of professional-designed templates for fast social posts, flyers, banners, and more. Get Adobe Expre
LITBoxの使い方サンプル
シンプルなサンプル † 単に別ページの内容を読み込んでBOX内に表示しているだけです。 LITBoxサンプル１ (LITBoxの基本サンプル) LITBoxの生成部分 new LITBox('http://staff.ark-web.jp/~takemura/public/js/litbox/sample1.html', {type:'window',overlay:true}); 明示的に改行しますが、実際は改行させません 第1引数、別ページの内容を読み込んでくるURL 第2引数、Option値 (次でやります) ↑ OptionによるBOXの制御 † 上の例では、読み込んだBOXの下がやけに長いのが気になりますね。 LITBoxはOptionでBOXの大きさの制御が可能です。 LITBoxサンプル２ (Optionを指定する) LITBoxの生成部分 new LITBox('http:
第1回 JavaScriptレスでAjax開発！
株式会社DTS ネットワーク事業本部 プロジェクトマネージャ。Javaを中心にフレームワーク開発や開発プロセス定義など幅広く活躍中。StrutsIDEコミッタ。著書「まるごとEclipse! Vol.1」（発行：インプレスコミュニケーションズ）。 この連載では，現場のJava開発者が気になるJavaフレームワークを詳細に解説します。今後利用実績が伸びそうなフレームワーク，多少メインストリームから外れているけど，ユニークで注目に値するフレームワークなどを，一つずつ取り上げてじっくり解説していきます。今すぐでなくても，いずれ仕事に役立つはずです。ぜひ読んでください。 第1回では，最近人気のAjaxアプリケーションを簡単に作れるフレームワークを取り上げます。Ajaxは，Webアプリケーションにリッチなユーザー・インタフェース（UI）をもたらす仕組みとして非常に注目されています。基礎的なアーキテク
ブラウザに合わせたスクリプトを実行する：CodeZine
はじめに ブラウザの種類やバージョン、各々のブラウザ独自の実装の違いを考慮し、同じように動作するスクリプトを、クロスブラウザスクリプトと言います。本連載では、クロスブラウザスクリプトを実現する方法について順を追って解説します。 クロスブラウザスクリプトを作る上で、それぞれのブラウザがどのJavaScriptをサポートしているかを知ることは大切です。さらに、それを知った上で、そのスクリプトが実行されるブラウザの種類やバージョンを特定することが、すべての基本となり、最も重要な事柄の一つになります。 前回、『ユーザエージェントからブラウザの種類やバージョンを判断する』では、JavaScriptに対応した主なブラウザがサポートしているJavaScriptを明確にしました。そしてさらに、ブラウザの種類やバージョンに関しては、ブラウザ自身の素性を表すユーザエージェントを元に、どのブラウザがどのようなユ
DWRを使う - n-ichimuraの日記
下記のURLの内容を参考にDWRを使ってみました。 http://www3.vis.ne.jp/~asaki/p_diary/diary.cgi?Date=2005-11-04 このcreatorを利用したところ、引数で全てのパラメータを渡すのであれば問題なかったのですが、セッションに格納されているログインユーザの情報を利用したかったので、下記のように書き換えました。 S2Creator.java package sample.dwr; import java.util.HashMap; import java.util.Map; import javax.servlet.http.HttpServletRequest; import org.seasar.framework.beans.BeanDesc; import org.seasar.framework.beans.Propert
新・たけぞう瀕死の日記 DWRとS2の連携
■ [Java]DWRとS2の連携 簡単にできそうだったのでやってみました。まずはDWRに標準で含まれているSpringCreatorを参考に以下のようなcreatorを作成。package tk.sample; import org.seasar.framework.container.factory.SingletonS2ContainerFactory; import uk.ltd.getahead.dwr.create.AbstractCreator; public class S2Creator extends AbstractCreator { private String beanName; private Class clazz; public void setBeanName(String beanName){ this.beanName = beanName; } pu
ポップアップヘルプ - JavaScript
サンプルと機能 → Sample 1：ポップアップヘルプ ポップアップヘルプとは、ページ中の難解な文字やリンクなどの上にマウスを置くと、その説明などを表示するものです。 Netscapeには対応していません。 サンプルスクリプト 緑の文字が変更箇所で、赤い文字が対応するスクリプトです。 "//"以下はコメントです。削除しても影響ありません。 必要な箇所をコピー＆貼り付けして編集してください。 → Sample 1：ポップアップヘルプ <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // ポップアップヘルプ txt = new Array(); txt[1] = 'ヘルプ１'; txt[2] = 'ヘルプ２'; txt[3] = 'ヘルプ３'; // ヘルプの表示 function p
あれこれポップアップ
ウェブページ (HTML) にて、マウスポインタの下にある任意の箇所（要素）の情報（属性値）あれこれをポップアップに出す、 JavaScript と CSS のセット。 Web サイトの製作運営者向けの一種の「素材」。 HTML に「あれこれポップアップ」の外部 JavaScript と 外部 CSSを適用するだけで、すぐ機能します。そのはず。 多くの典型的なブラウザでは、 title 属性に何か書いてある要素部分にマウスポインタをかざすと、その title 属性値がツールチップとしてポップアップしますよね。あれのゴージャス版と思ってもらえればよいです。典型ブラウザ本来のポップアップとの違いは、ポップアップするのが title 属性だけではない点。それと自分で言うのも何だけど、見てくれがカコイイ事（笑） 適用サイト利用者向け FAQ だうんろーど他 お持ち帰り用アーカイブをダウンロード 2
ツールチップテキストを簡単に実現する JavaScript ライブラリ Tooltips.js
ツールチップテキストを簡単に実現する JavaScript ライブラリ Tooltips.js 2006-01-28-1: [JavaScript] http://www.matsblog.com/stories/1455512/ マウスを重ねると，ぶわーという感じにツールチップテキストが表示される． 下の画像は，ちょうど表示されている途中のもの prototype.js，script.aculo.us 必須． ライセンスは script.aculo.us ベースなので MIT ライセンスだと思う． - phpspot開発日誌: http://phpspot.org/blog/archives/2006/01/_tooltipsjs.html
overLIB リファレンス | Javable.Jp
この記事は OverLib 3.51 を元に書きました。2006/04/07 時点では OverLib 4.21 がリリースされているようです。 基本的な使い方には違いはないようですが、細かいところで差異があるかもしれません。
ツールチップ表示の汎用ライブラリ | Javable.Jp
ここでは、JavaScript による汎用ライブラリとして公開されている overLib について記述します。 この記事は OverLib 3.51 を元に書きました。2006/04/07 時点では OverLib 4.21 がリリースされているようです。 基本的な使い方には違いはないようですが、細かいところで差異があるかもしれません。 概要 ツールチップを表示させるだけなら、標準の HTML 属性である title を使えば表示させられるのですが、overLib はツールチップ内に HTML が記述できたり、幅・表示時間・キャプション等、設定できる項目が多数にわたる便利な汎用スクリプトになっています。 ダウンロード overLIB : http://www.bosrup.com/web/overlib/ 使用方法 ダウンロードしてきた overlib.js をページに組み込むには、まずペ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
javaworld.jp
caramel*vanilla ツールチップもサイトデザインにあわせてみる