Tooltip for forms
Download script You can download the entire script from this Zip file Files included in the package: form-field-tooltip.html = Main demo HTML file js/form-field-tooltip.js = Main JS file for the script js/rounded-corners.js = JS file created to add rounded corners dynamically to the tooltip css/form-field-tooltip.css = Main CSS file for the tooltip images/* = Arrows used by teh script. Configurati
あるＳＥのつぶやき: 06.Ajaxライブラリまとめ
Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹
Orangoo Labs - GreyBox
A pop-up window that doesn't suck. Introduction GreyBox can be used to display websites, images and other content in a beautiful way. Why use GreyBox: It does not conflict with pop-up blockers It's only 22 KB! It's super easy to setup It's super easy to use You can easily alter the style as it is controlled through CSS Examples One website Launch google.com in a 500x500 center window Launch google
ModalBox — An easy way to create popups and wizards
ModalBox 1.5.4 — full package. Includes prototype.js, script.aculo.us library, unit- and functional tests! Warning! API changed. Check the reference before update to this version. See version log What is ModalBox? ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. It's in
【ハウツー】Googleからの新たな贈り物、「Google AJAX Feed API」を試そう | エンタープライズ | マイコミジャーナル
Google AJAX Feed APIとは? Googleは16日、「Google AJAX Feed API」を公開した。Google AJAX Feed APIは、RSS/Atomなどの各種フィードを取得するためのJavaScript APIだ。 これまで、JavaScriptでフィードを取得し、取り扱うには以下のような問題があった。 JavaScriptはセキュリティ制限上、生成元のホストにしかXMLHttpRequestなどを使用したネットワークアクセスを行うことができない(これを同一生成元ポリシーと呼ぶ)。そのため、単純に他のホストからフィードを取得するようなコードを書くことができず、自ホストのサーバにプロキシを置いておき、そのプロキシ経由でフィードを取得するなどの対処が必要であった フィードの形式が乱立している。これで困るのはJavaScriptに限った話ではないが、ことサイ
JavaScript Compression - Compress JavaScript Code Free with this JavaScript Compressor (CSS Too) - from Creativyst
Creativyst® JavaScript Compressor Compress CSS Too!
押さえておきたい15のJavaScriptスニペット:phpspot開発日誌
WebCodr.com Blog Archive 15 Javascript Snippets You Can’t Live Without Please Note: We have moved to our new home WebCodr.com - please update your links and bookmarks! 押さえておきたい15のJavaScriptスニペット。 画像読み込み＆フェーディング 動的テーブル カレンダー選択ウィジェット タブバー ドラッグできるWindow ズームできるイメージサムネイル LightBox2 ドラッグ＆ドロップなショッピングカート ドラッグ＆ドロップなソート可能リスト JavaScriptのロギング＆デバッギング フォントリサイズの検出 地図上にポインタとテキストを置く フォトアルバム＆スライドショー スライドダウン＆アップアニメーシ
フォントサイズの変更をJavaScriptによって検地する方法:phpspot開発日誌
A List Apart: Articles: Text-Resize Detection Furthermore, you won’t want to serve bite-sized content to visitors with large resolutions just to cater to visitors with smaller resolutions?if you can avoid it. フォントサイズの変更をJavaScriptによって検地する方法。 ブラウザの文字サイズを変更した際に、JavaScript によってそのイベントを検出するライブラリ＆サンプルが公開されていました。 これを活用することで、次のように、フォントサイズを変更した際に特定のイベントを発生させることが可能になります。 コードは次のような感じ。 <!DOCTYPE HTML PUBLIC "
Checkdomain Parking - standby.checkdomain.de
Die Domain standby.checkdomain.de wurde von einem Checkdomain-Kunden registriert und befindet sich derzeit im Aufbau. Sie sind auf der Suche nach einer eigenen Domain? Unter www.checkdomain.de finden Sie einen schnellen und unkomplizierten Domain Check. Geben Sie einfach Ihren Wunschnamen ein und prüfen Sie, ob diese Internetadresse noch frei ist. Bei einem erfolgreichen Domain Check bietet Ihnen
Ajaxなページで「戻るボタン」を機能させる方法:phpspot開発日誌
JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Sucke... 次の記事 ≫：花火アニメーションをJavaScriptで実装「Fireworks.js」 Ajax Back Button Hack Ajaxなページで「戻るボタン」を機能させる方法。 Ajaxなページでは、ブラウザの「戻るボタン」を押すと、通常は、前に開いていたページに戻ってしまいます。 Ajaxでページを１，２，３と開いていって、２に戻りたいのに、前に開いていたページに戻るのは利用者としては不本意な動作です。 そこで、IFRAMEを使った、Ajaxでの「戻るボタン」実装ハック方法の紹介。 Ajaxで画面を切り替えた際に、IFRAMEのsrcも切り替えることで戻るボタンを動作させることが出来ます。 例えば、javascriptで次のようにIFRAMEのsrcを切り替えます。 <ifram
フォームの入力値チェックをしてくれるJavascriptのライブラリ『Validate.js』 | S i M P L E * S i M P L E
これは便利そう。 『validate.js』ではフォームのさまざまな入力をチェックしてくれます。URLやメールアドレスなどのよくあるチェックに加え、ISBNかどうかといったマニアックなチェックもできます。 マニュアルに載っている命令をご参考までに。 hasValidChars isSimpleIP isAlphaLatin isNotEmpty isIntegerInRange isNum isEMailAddr isZipCode isDate isMD5 isURL isGuid isISBN isSSN isDecimal isplatform addRules Apply サイトでは動作チェックのデモもあります。コードも見れますよ。 ↑ こんな感じでさまざまなチェックができます。 詳細＆ダウンロードはこちらからどうぞ。 » Mutationevent :: Validate.js
JavaScriptで線や円、四角形などの図形を描画するためのライブラリ「wz_jsgraphics.js」:phpspot開発日誌
JavaScriptで線や円、四角形などの図形を描画するためのライブラリ「wz_jsgraphics.js」 2007年02月16日- DHTML: Draw Line, Ellipse, Oval, Circle, Polyline, Polygon, Triangle with JavaScript This JavaScript VectorGraphics library provides graphics capabilities for JavaScript: functions to draw circles, ellipses (ovals), oblique lines, polylines and polygons (for instance triangles, rectangles) dynamically into a webpage JavaScriptで線や円
１つのINPUT要素で、複数ファイルをアップロードする方法: ある SE のつぶやき
Upload multiple files with a single file element 上記サイトで、１つのINPUT要素だけなのに、複数のファイルをサーバにアップロードする方法が紹介されています。 サンプルもダウンロードでき、自由に使用してよい模様（クレジットは残した方がいいかも）。 以下の画像は、サンプルを実行したスナップショットです。 このサンプルでは、送信するファイル数が３に設定されています（変更可）。 ・初期画面 ・ファイルを１つ追加 ・ファイルを２つ追加 ・ファイルを３つ追加 ファイルを３つ追加した時点で、ファイル数の上限に達したので、INPUT要素が使用不可になってますね。 シンプルですが、これは便利！
MTCMSデモサイト
MTCMS 5のデモサイトです。MT CMSは大規模ウェブサイトの構築にも負けないMovable Typeベースの高機能CMS。望みを叶えるCMSを選ぶのに、もう機能やコストの心配をする必要はありません。 さらに詳しく 組織に合わせた柔軟なワークフロー設定が可能。承認段階も1段階から複数段階の設定ができ、さらにコンテンツごとにワークフローを切り分けることができます。 さらに詳しく
JavaScript TIPS & TRICKS
記号の説明： ○：動作する。 ×：動作しないかエラーになる。 △：エラーにはならないが期待した動作はしない。 安全度の説明：以下のリストの【】内にある数値が安全度です。安全度は以下のようになっています。 ３：将来にわたって安全に各環境で使える （エラーにならない） ２：安全に使えるが環境に依存する場合がある（エラーが出る場合がある） １：特定環境と条件でしか動作しない （エラーが出る場合がある） 注意事項：PHP,SSIはサーバー上でないと動作しません。また、PHP,SSIが動作する環境が必要です。 Windows XP SP2に関しての情報はhttp://www.openspc2.org/JavaScript/WinXPsp2/index.htmlです。SP2の場合、このサイト内で動作しない、動作が変わってしまうものがあります。 ■基本編 ００１ 【３】コメント記号を使わずにコメ
glayer.js - グレーアウト表示ライブラリ
Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリです。(gray＋layerで、glayer.js) Lightbox JS livedoor Reader - RSSリーダー 下記のような機能を持っています。 背景全体を覆うレイヤの表示/非表示が簡単に出来ます。(レイヤを透過表示することにより、グレーアウトを実現) レイヤ自体は、透過PNGを使う方法と、opacityを使う方法の二種類をglayer.cssにスタイルとして定義しています。 フェードイン、フェードアウトしながらのレイヤ表示/非表示も行えます。(この場合は、opacityによるレイヤを透過表示) なお、Ver 2.0 にて、prototype.js、script.aculo.usを使用せずに、glayer.jsのみでフェードイン、フェードアウ
JSmartyとは？ - Thousand Years
概要 JSmartyはPHPのSmartyを模したJavaScriptで動くテンプレートエンジンです。テンプレートAPI部分についてはSmartyを準拠しており、それ以外にも文字列処理が便利になるようにAPIを提供します。 デモ http://www.starmsg.net/samples/JSmarty/plugin.html ダウンロード http://code.google.com/p/jsmarty/downloads/list Hello World!! <script src="JSmarty.js"></script> <script src="JSmarty/Compiler.js"></script> var smarty = new JSmarty(); smarty.assign("foo", "Hello World!!"); smarty.display("str
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
/packer/
軽快に動作するWYSIWYGエディタJavaScript （openWYSIWYG） - youmos
Spinelz - JavaScript libraries