GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利サイト「ScriptSrc.net」 2010年04月28日- jQuery google api and other google hosted javascript libraries. - ScriptSrc.net GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利サイト「ScriptSrc.net」。 jQueryを使うサイトでは、通常、自分のサーバにjQueryをアップロードして、<script>タグ書いて、srcでその位置を指定して、なんていう面倒なステップを踏むわけですが、このサイトにアクセスしてボタンを１回おせば、利用用のタグがクリップボードにコピーされます。 コピー例：<script type="text/javascript" src="htt

このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

SuperSliderは複数並んだラジオボタンを見た目だけスライダーバー風に変更する、PrototypeとScript.aculo.usをベースにしたスクリプトです。 ウェブ上のFAQの末尾などに「この情報は役にたちましたか？」のような形でフィードバック用のアンケートが用意されていることがあります。一般的にこのようなアンケートはラジオボタンによる段階評価で行うことが多いのですが、段階評価であれば、スライダーバーのような全体の高低の関係が視覚的に分かるUIのほうが理解しやすく、回答の間違いも減ると思います。 スライダーバーはJavaScriptなどを使えば実現できるのですが、既存の仕組みがラジオボタンだったり、JavaScriptを利用できない環境でも使える必要がある場合などもあります。 そのような場合には、実際の仕組み自体はラジオボタンで実装しておき、見た目だけSuperSliderを使っ

使用するスクリプト var http = new JKL.ParseXML(【PHPプログラムのパス】); http.parse(); 解説 JavaScriptは、セキュリティ上の関係でサーバー外のファイルにはアクセスすることができない設計になっています。そこで、Web APIを公開しているサービスの XML等を解析するためには、別途橋渡しをする役目が必要です。 Perl、Rubyなど、サーバーサイドで動作するスクリプトであれば何でもかまいませんが、ここではPHPを利用して作ってみます。 なお、XMLの解析にはJKL.ParseXMLを利用します。 まずは、先のサイトからライブラリをダウンロードして適当なフォルダに展開します。続いて、XMLファイルを準備しましょう。ここでは「sample.xml」という名前で保存します。 <?xml version="1.0" encoding="UT

解説 「Effect」オブジェクトの「Fade」メソッドには、パラメータを指定して各種の調整をすることができます。その中で、フェードインの速度を調整するのは、「duration」パラメータです。 まずは、HTMLを準備しましょう。 <div id="area10" class="areaBox" style="display: none;"> <p>duration: 0.1の例</p> </div> <div id="area20" class="areaBox" style="display: none;"> <p>duration: 0.5の例</p> </div> <div id="area30" class="areaBox" style="display: none;"> <p>duration: 1の例</p> </div> <div id="area40" class="a

Name (必須) Mail address (非公開) (必須) URI Remember personal info Yes No Commentスタイル指定用の一部の HTMLタグが使用できます。 Add Your Comment Trackbacks:0 Trackback URL for this entry http://www.h2o-ajax.com/archives/223/trackback Listed below are links to weblogs that reference フェードアウトのサンプルプログラム(script.aculo.us) from Recently Ajax

解説 「Effect」オブジェクトの「Appear」メソッドには、パラメータを指定して各種の調整をすることができます。その中で、フェードインの速度を調整するのは、「duration」パラメータです。 まずは、HTMLを準備しましょう。 <div id="area10" class="areaBox" style="display: none;"> <p>duration: 0.1の例</p> </div> <div id="area20" class="areaBox" style="display: none;"> <p>duration: 0.5の例</p> </div> <div id="area30" class="areaBox" style="display: none;"> <p>duration: 1の例</p> </div> <div id="area40" class=

解説 フェードインをするには、「Effect」オブジェクトの「Appear」メソッドを利用します。 まずは、HTMLを準備しましょう。 <div id="areaMain" style="display: none;"> <p>このエリアがフェードインしながら表示されます</p> </div> ここでは、id属性を付加しておくことと、あらかじめdisplayプロパティをnoneにして、隠しておくことがポイントです。 displayプロパティは、外部ファイルやhead要素で適用してしまうと、このあと JavaScriptで操作ができなくなってしまうため、必ずインラインで記述するなどしましょう。 次にスクリプトです。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0

Home > 02.ニュース > script.aculo.usのEffectで「afterFinishInternal」がうまく動作しなかったら・・ Older script.aculo.usを利用して、エフェクト処理を作りました。 次のように「afterFinishInternal」オプションを利用するt、処理が終わった後で別のスクリプトを動作させることができます。 new Effect.BlindUp('areaID', { afterFinishInternal: function(effect) { alert('終了'); } }); しかし、これが処理によってなのか正常に動作しないことがあります。筆者の場合、「ブラインドアップが終わった後に、隠しておいたdivを表示させる」という処理をしていたのですが、ブラインドアップしたはずのdivもまた表示されてしまいました。 そこで、調

画質を保ちつつ極限までファイルサイズ減量できるWebツール『PNG Minimizer』 『PNG Minimizer』はPNGフォーマットの画像を画質を極力保ちながらファイルサイズを小さく圧縮してくれるWebツール。 使い方は最大5MBまでの画像をアップロードし、変換された画像をダウンロードするだけです。 （入力画像はPNG以外にBMP／ICO／ GIF／JPGの各フォーマットに対応していますが、すべてPNGフォーマットで出力されます） 仕組みとしては以前紹介した『TinyPNG』と同様に画像に使われている色の数を少なくすることで全体のファイルサイズを小さくするというものです。 試しに前回と同じ画像を使って試したところ、256色で実に71%のファイルサイズ削減が実現できました。 上のように拡大してみるとグラデーションの具合や輪郭のシャギーなどアラが目立ちますが、通常サイズで見る分にはあま

NETTUTS - Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous Prototype.jsとScript.aculo.usで作るクールなアコーディオンＵＩ 次のようなマークアップでシンプルに実装できる模様。 <div id="test-accordion" class="accordion"> <div class="accordion-toggle">トグル1</div> <div class="accordion-content">コンテンツ1</div> <div class="accordion-toggle">トグル2</div> <div class="accordion-content">コンテンツ2</div> <div class="accordion-tog

JavaScript Library Archiveについて JavaScriptライブラリをまとめたサイトです。用途別に探すことができ、配布元、使用方法、ライセンスなどについて解説をしております。 新着JavaScriptライブラリ プログラムのコードに色を付ける「google-code-prettify」 角丸を表現する「jQuery Corners 0.3」 jQueryベースのカラーピッカー 「Farbtastic」 水平方向のアコーディオンメニュー「horizontal accordion」 セレクトボックスをカスタマイズする「Script.aculo.us Select Box」 IE6でhover,active,focus擬似要素を使う為の「csshover」 画像に光沢を与えるjsライブラリ『Glossy.js』 IE6以下をIE7と同じようにするライブラリ『IE7.js』

Image Transition Managerは、画像表示のエフェクトをHTML箇所に指定するだけで、変更できるスクリプトです。 Image Transition Manager デモページ 現在、実装されているエフェクトは、「switchoff」「slidedown」「blinddown」「slideright」「appear」「switch」「blinddown」「grow」「shrink」の９種類です。 Image Transition Managerを実装するには、「transition.js」を外部スクリプトとして使用し、その他に「prototype 1.5.1.1」と「script.aculo.us 1.7.3」が必要となります。

にわか管理者のためのActive Directory入門 第13回 逆引き参照ゾーンの追加 先週は、前方参照ゾーンの概要と追加の手順について解説した。今週は、逆引き参照ゾーンについて解説しよう。 [10:30 9/29]サーバとストレージ Google世代の整理術「デジタル情報整理ハックス」 第20回 よくある問題 ブックマークはもちろんしています 私はいくつかのブログに投稿するのが仕事の一部です。ですからそれらのブログの「ダッシュボード」などは、ブックマークの対象です。けれど、この頻繁に活用するURLに、ぜひ追加して欲しい機能がありました。それは、そこにタスクリストを用意できるようにすること。ダッシュボードを開いたら、そこで使うネタや、そこでやりたいタスクを、一覧して示して欲しいのです。 [09:30 9/29] 一歩進んだ電子工作をやってみよう 第3回 回路図の入力をしてみる