AJAX APIs Playground
Stay organized with collections Save and categorize content based on your preferences. The Google APIs Explorer is a tool available on most REST API reference documentation pages that lets you try Google API methods without writing code. The APIs Explorer acts on real data, so use caution when trying methods that create, modify, or delete data. For more details, read the APIs Explorer documentatio
Firebug Lite 1.2登場、IE Safari OperaでFirebug活用 | エンタープライズ | マイコミジャーナル
Firebug - Firebug Lite 25日(米国時間)、Firebug Liteの最新版となるFirebug Lite 1.2が公開された。Firebug LiteはFirebugの機能をJavaScriptで実装したサブセット版。ページに挿入可能なJavaScriptとして実装されているためFirefoxのみならずIE、Safari、Operaなどのブラウザでも使えるという特徴がある。 Webアプリケーション開発やWebデザイン調整に人気のあるエクステンションがFirebugだ。しかしエクステンションとして実装されているためFirefox以外では使えないという制約がある。同じデバッグ機能をIEやSafariで試したいと思っても使えない。Firebug LiteはFirebugの機能を挿入可能なJavaScriptで実装することでIEやSafari、Operaでも動作するようにし
"Codess Form Input"はjavascriptを利用したWebフォーム自動入力ライブラリです。
JavaScriptライブラリ。簡単な作業で、フォームへの自動入力機能を利用することができます。"Codess Form Input"はjavascriptを利用したWebフォーム自動入力ライブラリです。 簡単な作業で、フォームへの自動入力機能を利用することができます。 利用方法 利用方法はとても簡単です。 HTMLにライブラリを組み込む 設定用ファイル(XML)を作成する 以上です。詳しい内容については利用方法をご覧ください。 また、 Codess Form Input blog にも随時情報を掲載します。
JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」:phpspot開発日誌
LiveValidation - Validation as you type Lets face it, forms are boring, validation is a pain. It’s time to inject some life into them, make them fun again... JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」。 このライブラリを使ってできることは、examples にまとまっています。 数字、長さ、メールかどうかなど、値チェックに必要なものは殆どそろっているので簡単に実装できます。 コードは次のようにオブジェクト指向で非常にシンプル。 var sayHello = new LiveValidation( "sayHello", { validMessage: "Hey there!" } );
JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ:phpspot開発日誌
JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ。 バリデートするライブラリも沢山でてきました。とここら辺で一度まとめておきました。 Really easy field validation (デモ) - 入力値がおかしいと、エラーメッセージをフェードインさせながら超クールに表示できます。 ※ ページの最後で使い方紹介（これは良いです） Remember the milk風の登録フォームも作れそう prototype.js依存。 Realtime validation using Ajax (デモ) - Ajaxなどを駆使して、入力値を動的にチェックするライブラリ Validate.js (デモ) - リアルタイムではないけど、入力値をチェックするためのライブラリ Tooltip for forms - 入力チェックではないけど、フォームの入力ヒントを出して
JavaScriptでスターレーティングを行うライブラリやサービス色々:phpspot開発日誌
JavaScriptでスターレーティングを行うライブラリやサービス色々。 スターレーティングとは最近ではお馴染みの、５つ表示された星をクリックするだけで投票がAjaxで行えるものです。 ライブラリ jQuery Star Rating Super Interface! - jQueryを使ったライブラリ Unobtrusive AJAX Star Rating Bar - 以前、当ブログで紹介したAjax+PHP+MySQLな投票ウィジェット。 prototype.jsを使ったものも欲しいところでしょうか。 サービス サイトにレーティングウィジェットを簡単設置「Star It!」 - ページに貼り付けられるウィジェットです 関連エントリ JavaScriptで使えるカラーピッカー作成ライブラリまとめ ブラウザ上で動作するOSのまとめ JavaScriptを使った各種WYSIWYGライブラ
JavaScript例文辞典
■基本 ［０１］JavaScriptを定義する ［０２］外部JavaScriptファイルを読み込む ［０３］スタイルシートを定義する ［０４］NN3、NN4、NN6、IE4.x、IE5.xで動作するように記述する ［０５］NN4でのみ動作するように記述する ［０６］NN6でのみ動作するように記述する ［０７］IE4.x以上で動作するように記述する ［０８］IE5.x以上で動作するように記述する ［０９］IE5.5以上で動作するように記述する ［１０］ビヘイビアファイルを読み込む ［１１］IEとNN両方で動くように記述する ［１２］連続して関数を呼び出す ［１３］MacOS Xかどうか判別する ［１４］Safariのみ動作するように記述する ［１５］Safariのバージョンを返す ［１６］Operaのみ動作するように記述する ■構文 ［０１］変数に文字や数値を入れる ［０２］四則演算を行う
吹き出し方式のツールチップテキスト作成JavaScriptライブラリ:phpspot開発日誌
wg:Bubble Tooltips Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page. 吹き出し方式のツールチップテキスト作成JavaScriptライブラリ。 次のような吹き出し方式のツールチップテキストを作成できます。 次のようなJavascriptコードを書いておき、 <script type="text/javascript" src="BubbleTooltips.js"></script> <script type="text/javascript"> window.onload=function(){enableTooltips()}; </script> アンカー<a>タグのt
YappoLogs: suggest_ajax.js - suggest.jsをAjaxなどに対応する等の拡張スクリプト公開
suggest_ajax.js - suggest.jsをAjaxなどに対応する等の拡張スクリプト公開 先月suggest.jsというGoogle Suggestっぽい物を簡単に作れるスクリプトが公開されました。 ちょろちょろっと自分の使いやすいようにカスタマイズしていたのですが、それを公開してみます。 最初はAjax化でもしようと思ってたですが、Ajax処理内蔵するのもいけてないので付けるのやめました。 ソースの中身は、全部なごりなのです。。。 suggest.jsの思想の真逆を行っているなんて事は気のせいです。 ソース suggest_ajax.js サンプル ajaxで補完リストを読み込む 主な変更点 補完リスト上でEnterキーを押して、選択肢の確定を行うことができる 補完リストの作成直前と、選択肢の確定後のそれぞれにフックを行うことができるregister_hook()メソッド追
ツールチップテキストを簡単実装 : Tooltips.js:phpspot開発日誌
Tooltips.js (c)Matthias Platzer, based on script.acolo.us and prototype.js Tooltips.js depends on the latest versions of prototype.js and script.aculo.us from SVN. アンカー<a>タグにカーソルを合わせた時に、ツールチップテキストを表示するためのライブラリ。 prototype.js と script.aculo.us をベースに作成されているようです。 ダウンロード: tooltips.js
TinyMCE JavaScript Content Editor - naoyaのはてなダイアリー:
とある友人に教えても経ったTinyMCEという WYSYWIGWYSIWYG な HTML エディタライブラリがやばそう。 JavaScript で記述された LGPL でオープンソースな クロスプラットフォームの 多言語対応もしてて 簡単に使える ライブラリ。似たようなものに htmlArea というのがあって結構昔に話題になってたんですが、導入がめんどくさかったりブラウザによってはまともに動かなかったりとか色々面倒な感がありました。TinyMCE の方はと言いますと、Installation instructions にもあるとおり、 <html> <head> <title>TinyMCE Test</title> <script type="text/javascript" src="/js/tiny_mce/tiny_mce.js"></script> <script type=
Javascriptだけで各種プログラム言語コードを色分け表示する方法:phpspot開発日誌
dp.SyntaxHighlighterを使えばJavascriptだけ各種プログラミング言語コードを色分け表示出来ます。 言語はC#,Javascript,VB,XML,HTML,PHP,SQL,Delphi,Pythonに対応しています。 例えば、次のような感じの表示が可能。素晴らしいです。※印刷、コピーも容易に出来るようになっています。 Javascriptの場合 PHPの場合 サーバ側で構文ハイライト機能が不要なのでCGIやPHPが使えないサーバでも使えますね。 ダウンロードはこちら: dp.SyntaxHighlighter - free JavaScript syntax highlighting
SilverStripe CMS - Unobtrusive Javascript Tree Control
We've packaged the tree control used in the SilverStripe CMS into component that you can re-use in your own applications. FeaturesBuild trees using semantic HTML and unobtrusive JavaScript.Style the tree to suit your application you with CSS.Speed up large trees by downloading it piece by piece using Ajax. Coming Soon Drag and drop (using script.aculo.us) Coming Soon Get Started We have a simple d
ちょっとしたUIの改善とか（固定桁入力編）
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
君の発売日 - ドラッグで複数のチェックボックスをチェックする
jsScrolling
http://game.gr.jp/about/chkinput/onblur_text.htm