IE4+, NN6+, Opera7+ PageScroller 2 公開中。 このページは削除される予定です。[ 2005-09/10 ] サンプル ダウンロード 使い方 概要 ページ内を移動する時、ただジャンプさせるのではなくその場所まで自動でスクロールしてあげるとうい JavaScript。 勿論、任意の場所から任意の場所へ移動でき、ついでに減速もします。 この機能が使えない古いブラウザの場合は通常通りの動作をします。 [PageTop] DownLoad Page`Scroll [PageTop] 使い方 まず移動元と移動先のアンカ要素を普通に記述します。 eXample; <a href="#contents">移動元</a> ・・・・・・ <a name="contents">移動先</a> これはよく見慣れたソースですが、これに少し書き足します。 eXample; <a hr
Ajax開発支援ツールをまとめておきます。 | コーディング | ブラウザ | テスト | デザイン | JSツール | 画像 | リファレンス | | チートシート | JSお勉強 | リンク | 編集履歴 | ・コーディング支援ツール ↑TOP aptana eclipseのプラグインのJS,CSS,HTML,XML,PHP,AIR等のエディタ コード補完機能やJavaScriptのクラスの階層表示もサポート 解説記事1 ,解説記事2,正式版情報 JSEclipse Adobe提供のecliseプラグイン。こちらも参照 コード補完機能や、オープンソースライブラリもサポート Spket IDE eclipseプラグインのJavaScript,XMLエディタ XUL/XBL,SVG,Lzszlo,Yahoo! Widgetをサポート Googlipse Google Web Tookit用
Ajaxで最近慌ててJavaScriptはじめた人向けネタ(笑) Ajaxをiframe更新で作る場合(別にXMLではないのだが)、iframeタグにsrcの中身を記述せずに、Https環境でAjaxるとIEのセキュリティ警告が出るのは、ダミーのHtmlを挿入するか、以下のJavascriptをsrcの中に入れると良い。 src="javascript:false;" こちらから解決法をいただきました。 http://ewbi.blogs.com/develops/2004/07/ie_iframe_and_h.html ついでに空でiframeを追加していくとか、iframe内のドキュメントをいじると言ったiframe更新手法を使う場合は、これ見とけ!その手のはやり方が載ってるYO!(<-このYO!は何の流行りどすか?) JavaScript & DHTMLクックブック―Webエキスパー
「curvyCorners」はフリーのJavaScriptで、角が丸いコーナーをDIV要素で簡単に作ることが可能。特徴は画像を使ったのと同じくらい角がなめらかに丸くなる点と、いたって利用が簡単な点。 どれぐらい丸くなるのかという実例とコードのダウンロード、設置方法は以下を参照。 例その1、3ピクセルの白いボーダーを使い、角は半径20ピクセルで丸くなってます 例その2、固定幅と高さで画像を固定し、角は半径20ピクセルで丸くしている例 ダウンロードはこちらから 使い方は以下を参照 http://www.curvycorners.net/ ほとんどのメジャーなブラウザをサポートしているので汎用性も高く、使い勝手もいい感じです。
JavaScriptでデザインパターンを書いてみる。とはいえ、いまさらFactoryパターンなど書いても面白くないので、マルチスレッド・デザインパターンにする。 もちろん、JavaScriptの言語仕様にスレッドなどない。しかし、ブラウザ環境では実質的にスレッドが存在する。スレッドが発生する場面には2種類ある。1つは、イベントである。例えば、ユーザのクリック動作によってonclickイベントが発生した時、onclickイベントハンドラだけを処理するスレッドが発生するとみなせる。もう1つは、setTimeoutとsetIntervalメソッドである。これらのメソッドでは、一定時間後に、別の処理を実行させるが、この処理は現在の処理と並行的に実行される。つまり、スレッドとみなせる。個人的には、setTimeoutをアニメーションなどの小細工だけに使うのはもったいないと思う。setTimeoutの
なんか、この前書いてたやつが文字制限で書ききれなかったので三部構成にしてみました。 これが第三部。 第一部:http://d.hatena.ne.jp/amachang/20051123/1132584098 第二部:http://d.hatena.ne.jp/amachang/20051124/1132584232 注:引数に要素の id 属性値を指定する関数及びコンストラクタは要素オブジェクトそのものを入れても同じ動作です。 Ajax Ajax.activeRequestCount <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"><head><title>Test</title><script type="text/jav
適当な感想を言うだけなのもなんなので例を書きます。これを作る。higeponにあやかりたいあやかりたい。 いまさら人に聞けないAjaxと簡単なサンプル - higepon blog ・画面上テキストラベルに見える部分をマウスクリックすると編集可能になる ・文字列を入力し、Enterキーを押すと、テキストがバックグラウンドで更新され、ラベル表示に戻る。 ・画面はリロードされない。 完成品はこれ。 http://childtv.org/prototype/sample.html 使っているのは Prototype 1.3.1 です。 http://prototype.conio.net/dist/prototype-1.3.1.js sample.html <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C/
落ち着きつつあるAjaxを取り込んだWebアプリケーション開発への取り組み。後発でもアイデアはまだまだ出尽くしていない。基本を復習して新たなサービスへとつなげてみよう。 Ajaxというと、XMLでデータを送受信するというイメージがある。 しかし、実際にはXMLである必要性はない。むしろXML形式ではないほうが、送受信データパースの手間が必要ないというケースが多いのだ。 一方で、XMLでデータをやり取りできる利点を生かせば、当然ながらWebサービスとの効果的な連携も現実的なものになってくる。今回は、Ajaxアプリケーションにおいてよく用いられる「JSON」と呼ばれるデータ形式について解説しよう。 このオンライン・ムックPlus「Web 2.0で変わるWebプログラミングの常識」では、これまでにAjaxの概要(第1回)から発展系としてどのような取り組みあるのか(第2回)について解説した。このオ
■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサイズも変わります。 自分はグリモンスクリプトで快適なんですが、サービス提供側でこういう機能を提供してくれたら幸せな人が増えるんじゃね?とか思ったので作ってみました。 実際のリサイズ方法に関しては、愛用している Changing <textarea> Size のコードが大変参考になりました。ありがとうございます。 コードは次の通りです。 メイン部分。 var ElementResizer = {
IEerBug は Internet Explorer 6.0 と FireFox 1.5 で動く JavaScript 用のデバッグ コンソールです。 FireBug と同じ console.log()、console.debug() などの関数が使えるようになるため、FireFox と IE の両方でデバッグする場合に便利です。コンソールに出力したオブジェクトを、DOM インスペクタを利用して解析することも可能です。 使い方 ieerbug.zip をダウンロードし、中身をアプリケーションのディレクトリに配置します。IEerBug 用のディレクトリを作成して、その中に配置しても問題ありません。 HTML の中で次のようにして ieerbug.js を読み込みます。
JSBenchmark.celtickane.com has recently benchmarked (and recorded) 50,000 browser tests. If you aren’t familiar with it, JSBenchmark is a javascript benchmarking utility that records the javascript speed of all visitors and aggregates various browser speeds. You can test out your own browser(s) at the Run Benchmark page, or check out all the popular browsers’ performance at the Results page. For t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く