フォーム（Form） - とほほのWWW入門
フォームを操作する フォームオブジェクト window.document.forms window.document.forms.length window.document.form window.document.form.action window.document.form.encoding window.document.form.method window.document.form.name window.document.form.target window.document.form.submit() window.document.form.reset() window.document.form.handleEvent(event) フォーム部品 window.document.form.elements window.document.form.elements.l
aタグのイベントの書き方
古くからaタグでは多くのイベントが使えました。よく使われるイベントとしてはonclick、onmouseover、onmouseoutがあります。これらのイベントはaタグの中に記述されるのが現在でも一般的です。これは古いブラウザ／多くのブラウザで動作すること、そしてWeb作成ソフトでも、そのようにスクリプトを出力してしまうためです。ここでは手書きの場合での書き換え方法で説明します。 以下のサンプルは＋をクリックするとdivタグ部分の表示、非表示が切り替わります。これはツリーメニューなどで使われる手法です。【サンプル1を実行】 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;chars
[JS]画像に鏡面効果を与えるスクリプト -reflex.js
reflex.jsは、画像にクラスを指定するだけで鏡面の反射効果や立体効果を表現できるスクリプトです。 reflex.js 実装は、簡単でreflex.jsを外部ファイルとして指定し、画像にクラスを指定するだけで実装できます。 クラス指定によって、角度調整などが行えます。 JavaScript、CSSオフだと通常の画像が表示になります。
画像に鏡面効果を与えるreflection.js
画像に鏡面効果を与えるreflection.js Check Tweet 配布元：reulection.js1.7 ライセンス：MIT-license reulection.jsは画像に鏡面効果を与えるjsライブラリになります。 このライブラリを使用すれば、画像を加工することなく画像の下に鏡に反射したようなエフェクトが追加されます。 設置方法 ダウンロードしたreulection.jsをhead要素などで読み込みます。 <script tyle="text/javascript" src="./reflection.js"><script> エフェクトを追加したい画像のclass名にreflectを設置します。 <img src="[画像]" alt="" class="reflect" /> これだけで鏡面効果が与えられます。 サンプル 初期段階で画像が作るのが困難な場合や、背景が設定さ
Reflection.js
Reflection.js allows you to add reflections to images on your webpages. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Internet Explorer 5.5+, Mozilla Firefox 1.5+, Safari, Google Chrome and Opera 9+. On older browsers, it'll degrade and your visitors won't notice a thing. Best of all, it's under 5KB. Reflect-o-matic See what reflection.js looks like o
ProtoFlow - Coverflow-like javascript library
ProtoFlow is a coverflow effect written in Javascript. It uses Prototype and Scriptaculous to do bulk of the work and it uses Reflection.js to do all the image reflections stuff! Well mainly because I felt like it. There are few other coverflow implementations out there but I couldn't find any that used Prototype and Scriptaculous! Its fairly easy to use this lib. Just follow the steps: Add Protot
prototype 55 plugin：skuare.net
JavaScriptライブラリのPrototypeとscript.aculo.usのプラグインを利用して出来るサンプルです。 prototypeはAjaxライブラリの先駆けと登場し、多くのサイトで使用されています。 ここでは、画像関連、メニュー関連、フォーム関連、その他、日本語未解説の分類でAjaxライブラリのprototypeならびにscript.aculo.usのサンプルを紹介しています。
aタグをトリガーにしてjavascriptを実行する時の書式 - purazumakoiの[はてなブログ]
aタグでonclickとか動かしたくなった時の為のメモ [J] a タグの href に # とか javascript:void(0) とかする理由 - Jamz (Tech) ↓全角注意（半角にしてね） ＜a href="javascript:void(0)" onclick="function_name(); return false;"＞ href属性へのイベントを抑制できるようなので とりあえずreturn false;はつけておいたほうが良い
![aタグをトリガーにしてjavascriptを実行する時の書式 - purazumakoiの[はてなブログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/87dfd050078be3e114dbce90b92b7f433dc7cf26/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704538227038789114%2F11696248318755873083%2F1424171332)
JsDecoder - javascript decoder - decode obfuscated script
Presenting .. Javascript Decoder, an ultimate javascript decoding tool. Features: code formatting (indent, new lines), code fixing (missing semicolons, braces), code highlighting. Download
AJAXライブラリのまとめ : WEBデザイン&AJAX
AJAXライブラリのまとめ 更新日：2007年1月18日｜公開日：2007年1月18日 2006年はAJAXが注目されその技術としてのJavascriptという従来からあるスクリプト言語にも非常に注目が集まりました。 僕が2006年度で調べた知る限りのAJAXライブラリやJavascriptライブラリをここにまとめたいと思います。 JavaScriptによるモーショントゥイーンアニメーション実装「JSTween」:phpspot開発日誌 モーションの開始、停止、初期化などをボタンで調節できるモーションを提供。 動きもまぁまぁ滑らか。使用する際、少しだけjavascriptの知識を必要とする。 超軽量JavaScriptフレームワーク「SimpleJS」:phpspot開発日誌 超軽量でシンプル。シンプルなｊｓだけに多少マークアップにCSSを記入したりする必要があるけど、個人的には綺麗で滑ら
The DOM and JavaScript - MDC
とりわけ、ECMAScript は以下のものを定義しています。 言語文法（構文解析のルール、キーワード、制御フロー、オブジェクトリテラルの初期化、…） エラー処理のメカニズム （throw、try/catch、ユーザー定義エラー型の作成機能） 型 （真偽値、数値、文字列、関数、オブジェクト、…） グローバルオブジェクト。ブラウザー環境では、このグローバルオブジェクトは window オブジェクトですが、ECMAScript ではブラウザーとは直接関係のない API のみが定義されています。例えば parseInt、parseFloat、decodeURI、encodeURI…… プロトタイプベースの継承メカニズム。その対象は次のもの: ビルトインオブジェクトと関数（JSON、Math、Array.prototype メソッド、オブジェクト内部確認メソッド……） Strict モード (ここ
ブラウザバージョンチェック
Cross Tips Maintained by 1998 - 2002Toshirou Takahashi Last Update :Monday, 24-Apr-2023 15:45:24 JST ブラウザバージョンチェックについて JavaScriptはVBScriptやActiveXと違って基本的にNNでもIEでもWinでもMacでもUNIXでも使えるクロスプラットフォームでクロスブラウザな言語です。とはいえ、ブラウザの進歩にともなうバージョン間の違いやマシン環境による違いも当然ながら存在しています。 この本では主にブラウザ間の違いをあまり意識せずにDHTMやJavaScriptを書けるようにすることを意図していますが、 将来のバージョンやDHTMLを使えない古いバージョンアップや環境の違いに対応するときなどのために処理を分岐する方法を学んでおくことも不可欠です。 ここでは、Jav
javascriptを使って空要素を調べることはできるでしょうか？ - 例えば、以下の例で言うと<td></td>が空要素にな... - Yahoo!知恵袋
【追記】 よく見たら > var aa = getElementByTagName("td"); これ、メソッド名がおかしい。正しくはgetElementsByTagName、 Elementsね、複数形。 ================================================ 空要素って、例えば <td> </td> みたいなのも、空のつもりなんかな？ だとすれば、IE以外のブラウザは、改行もテキストノードと 捉える（この仕様が正）ので結局、セルの中身精査しないと どうしようもないかな？って気がする。（他の方法あるんかもしれんが･･･） という事で、なんかいまいちだけど、各セルのinnerHTMLを 取得して、正規表現で改行、タブ文字等を空文字に置換して、 置換後の長さが0なら…ってやり方でやってみた。 あと、予めそのtable中にtd要素しかないってんなら >
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Prototype extension: Showcase | 設置サンプル
画像を左右に傾かせるjavascript「reflex.js」
【ハウツー】ゼロからはじめるreflection - ブログではじめる逆さ富士!? | パソコン | マイコミジャーナル
MacOS Xのドック風エフェクト(fisheye)を実現するライブラリ集
［JS］自動スクロールスライドショーするタブ式メニュー | CSS Lecture
MooFlow V0.2 for MooTools 1.2