prototype.jsに基づくAjaxライブラリの一つであるscript.aculo.us を利用して、スライダーで画像の大きさを変えられるようにしてみた。 スライダーの導入方法 prototype.js, scriptaculous.js, slider.jsを使う。で読み込みの際に、scriptaculous.js?load=読み込みたいjsをコンマで区切ると書けば他のjsファイルは読みこまないらしいのでそうしてみた。 slider.jsだけでいいみたい。。。とほほ オブジェクトの作成方法 new Control.Slider( つまみのid, 後ろの板のid, { sliderValue : 小数, ← 初期値 range:$R(最小値, 最大値), ← 取り得る値の範囲 onChange:function(value){ ← つまみが止まったら実行される ～ }, onSlide

JavaScript でトップページへのリンクを追加する 最近のサイトの多くは、ページの左上にあるリンク画像から、どのページからもトップページに戻れるようになっています。一方、私のブログ以外のページではそうなっていなかったので、 JavaScript を使ってトップページへのリンクを追加してみました。 私のブログ以外のページは歴史的事情によりすべてただの HTMLファイルで構成されています。これらをすべて書き換えてトップページへのリンクを追加するのは大変です。perl -i -pe などの方法で一括置換してリンク画像を挿入する方法もありますが、今後のメンテナンスを考えると考えものです。 そこでもっと楽な方法はないかと考えたところ、都合のいいことに、これらのページでは、右側のサイドバー (サイト共通のリンクなどが並んでいる領域) 用に共通の JavaScript ファイルを読み込んでいること

amCharts: customizable flash Pie & Doughnut chart via GIGAZINE Flashを使ったライブラリで綺麗な円グラフを作成「amCharts」。 JavaScriptでパラメータを渡すだけで次のような円グラフがかけます。 具体的な使い方は次の通り <script type="text/javascript"> var ampie_path = 'ampie/' var ampie_settingsFile = 'ampie_settings.txt'; var ampie_flashWidth = '519'; var ampie_flashHeight = '400'; var ampie_backgroundColor = "#FFFFFF"; </script> <script type="text/javascript" src

Javascript Toolkit Comparison - uPortal 3 - JA-SIG Wiki Javascriptフレームワーク比較チャート。 Prototype、Dojo、Mochikit、Yahoo UI Library、Google Web Toolkit 、jQueryというメジャーなフレームワークの比較図です。 Ajax、Drag&Drop、ビジュアルエフェクト、イベントハンドリング、Ajaxの戻るボタン対応など、機能が一発で比較できます。 →続きを見る 他にも、ドキュメントの豊富さや、開発コミュニティの充実度、ライセンスについても掲載されていて比較に便利。 自分の知らないフレームワークの特徴も大まかに分かるので参考にさせてもらいましょう。 関連エントリ 10個のPHPフレームワーク比較記事 Prototype.jsとjQueryのベンチマーク速度比較

This shop will be powered by Are you the store owner? Log in here

Thinkature - Real-time collaboration for the web Thinkature brings rich communication to the web by combining an instant messaging system with shared, visual workspace.ブラウザ上で使えるホワイトボード「Thinkature」。 ブラウザ上で付箋を貼ったり、フリーハンドでドローイングしたり矢印をつけたりと、複数人数でのWEB会議なんかに使えそうです。 専用ソフトを使わず、ブラウザ上でやってしまうところが時代ですね

via digg ロシアからのJavascriptネタ。 Google Imageの検索結果など、画像がたくさんあるページで、アドレスバーに以下のJavascriptをペーストして実行すると、おもしろい効果が出る。 javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setI

Edgewall Softwareは9月26日(フランス時間)、PAXT 0.0.2をリリースした。PAXTはGNU GENERAL PUBLIC LICENSE Version 2の下で公開されているオープンソースソフトウェア。PHP向けAjaxテンプレートライブラリのひとつで「Php AjaX with Templates」を省略した名称になっている。公開されてからまだ間もなく、1カ月ほど前に最初のバージョンであるPAXT 0.0.1がリリースされたばかり。 同パッケージはSmartyテンプレートエンジンを採用しており、先のハウツー「PHP PEARでちょい楽Ajax!」で紹介したHTML_AJAXを使っている。このHTML_AJAXも成果物に同梱されているが、デプロイの際はアクセス権の設定に注意しよう。

jQuery 開発者向けのメモです． ずっと以前に，jQuery に関する日本語の情報がまだ少ない頃に作ったページですが， その後 jQuery を再び利用する機会があったので，最新バージョン向けに記述を更新しました． 住宅ローンシミュレーションです． jQueryを利用したフォームの動的な追加や，flotプラグインによるグラフ描画などを行っています． 本ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです． 最終更新：2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したイ