Control.ProgressBar : CSS Based Progress Bar Widget for Prototype
Introduction Control.ProgressBar is a percentage based progress bar that can be set to grow in one of three ways: on a timed interval, when events in your application tell it to, or it can be set to poll a given URL. The mechanism for action is simple, just create a div with relative or absolute positioning, attach the JavaScript, and this control will set the width of the inner element as necessa
Yahoo! UI Library:: UI Controls :: Slider - hibomaの日記
http://developer.yahoo.net/yui/slider/index.html ＊本文中では、スライダーのつまみをスライダー・サムネイルと訳しています。スライダーと書いた場合、背景部分もしくは全体を指すので注意してください。 Yahoo! UI Library: Slider The Slider component is a UI control that enables the user to adjust values in a finite range along one or two axes. Typically, the Slider Control is used in a web application as a rich, visual replacement for an input box that takes a number as input.
[JavaScript] JKL.Calender
Kawa.netxp [JavaScript] JKL.Calendar／ポップアップするカレンダー表示クラス JKL.Calendar は、ポップアップでカレンダー表示を行うクラスです。 2006年10月にクラス名を変更しましたが、2005年4月のリリース当初のクラス名 JKL.Calender も 別名定義してあるので、こちらも利用可能です。半年前にご指摘いただいた typo でした。 合わせて、選択可能な日付範囲指定用のプロパティ min_date／max_date を追加しました。 Yahoo! UI ライブラリのカレンダー機能がかなり強力なので、 最近なら YUI もオススメできそうですが、 実は JKL.Calendar の方が日本語環境では使いやすかったりするかもしれません。 JavaScript ソースのダウンロードはこちら： jkl-calendar.js JavaScr
JavaScript によるユーザエージェント判別
UAIdentifier - JavaScript によるユーザエージェント判別 © 2006-2007 Magicant / 1.9.2 (2007-02-02) JavaScript を実行しているブラウザの種類およびそのレンダリングエンジン・オペレーティングシステムの種類を判別します。 テストページで実際に試すことができます。 uai.js は自由に使用していただいて構いません。 目次 uai.js の使い方 uai.js の API 仕様 UAIdentifier コンストラクタ toString メソッド 各プロパティ 判別機能の詳細 判定結果の使い方 uai.js の使い方 実装ファイルは uai.js です。 このファイルは単独では実行しても意味がありません。 uai.js には UAIdentifier オブジェクトの定義が含まれ
ie以外でもクリップボードが使えるsetClipboard.js
ie以外でもクリップボードが使えるsetClipboard.js IE以外のブラウザでもクリップボードにコピーが簡単にできるjavascriptライブラリを作成しました。 IEにはclipboardData.setDataという関数があり、クリップボードへのコピーなどが簡単にできますが、IE以外のブラウザはクリップボードにアクセスする機能がありません。 そこでflashプレーヤ―のsetClipboard関数を利用してクリップボードにコピーするライブラリです。 まずは関連ファイルをダウンロードします。 ダウンロード(setClipboard.zip) 解凍してできる『setClipboard.js』と『setClipboard.swf』は同じディレクトリにアップしてください。 header要素などでsetClipboard.jsを読み込みます。 <script type="text/jav
≫ Presenting dsHistory: Another Way to Revisit the Past debugger;
UPDATE 1/15/08: dsHistory has improved greatly and has been moved to a new home. Read more here. For the past few weeks now, I’ve been playing around with some different ways to implement support for the back button in many of my JavaScript-heavy web apps. In the past, nothing out there really seemed to suit my needs for one reason or another. Therefore, I made something to fill the gap. It’s not
「Ajaxアプリでもナビゲーションバーで戻りたい!」を叶える、dsHistory登場 | エンタープライズ | マイコミジャーナル
Ajaxを活用して開発されたWebアプリケーションは、サーバとの通信をWebブラウザのページ読み込み処理とは異なる方法で(非同期で)行うため、基本的にWebブラウザのナビゲーションバーでは制御できない。つまり、Ajax機能を活用して再描画された内容は「戻る」ボタンでは戻れないということだ。 これは便利でもあり不便もである。特定の操作においては戻るボタンで戻れた方が扱いやすいこともある。Ajaxアプリケーションにおいてこうした戻るボタンとの関連付けを行うためのライブラリや実装方法はいくつかあるが、ここではAndrew Mattie氏によって公開されたdsHistoryを紹介しておきたい。 Andrew Mattie氏は15日(米国時間)、自身のブログにおいて「Presenting dsHistory: Another Way to Revisit the Past」と題したブログを公開。YU
Log4js(JavaScriptのログ出力ライブラリ)を改造してJavaScriptのベンチマークができるようにしました｜アークウェブのブログ
このように、任意のマーカーを埋め込んで、その間の処理時間が計測できればよい、ということになります。 そこで、Log4jsを利用します。 Log4jsの説明については、下記ページで紹介されているので分かると思います。 ▼log4js - JavaScriptログ出力ライブラリ http://fnya.cocolog-nifty.com/blog/2006/12/log4js_javascri_6be6.html ▼[リンク]AJAXアプリケーションのデバッグ、JavaScriptログ出力、Log4js http://d.hatena.ne.jp/brazil/20050920/1127212454 Log4jsをそのまま利用するだけでは、ベンチマーク情報は表示されません。そこで、ちょっと改造します。 Log4js.Logger = function(name) { // -> add tak
Firebug Lite
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
あるＳＥのつぶやき: minmax.js - IEでCSSのmax-widthなどを使えるようにするライブラリ
minmax.js(doxdesk.com) FireFoxなどでは、以下のCSSを使えてとても便利です。 min-width ・・・要素の最小幅 max-width ・・・ 要素の最大幅(指定幅までしか広がらない) min-height ・・・ 要素の最小の高さ max-height ・・・ 要素の最大の高さ(指定の高さまでしか広がらない)でも、これはIEでは使えず大変不便です。 上記CSSをIEでも使えるようにするのが、minmax.jsです。 ・サンプル <html> <head> <!-- <script type="text/javascript" src="minmax.js"> </script> --> <style type="text/css"> <!-- .minmax { background-color:#FFCC66; max-width:100px; } -
min/maxワイド等利用可能になるライブラリminmax.js
CSS minimum and maximum sizes The CSS2 standard specifies four properties that can be very useful when working with CSS layouts: min-width, max-width, min-height and max-height, These can be used in conjunction with the well-known width and height properties to get effects which can be especially helpful in designing layouts that are a mix of fixed-size and window-size-relative units. For example,
Plotrリファレンス
Plotrは折れ線グラフや棒グラフ、円グラフを表示するライブラリです。このライブラリを利用するにはprototype.js バージョン1.5が必要です。 Plotrライブラリは描画するグラフによって分かれていますが、コアとなるPlotr.jsファイルのみ読み込めば動作します。また、一部のブラウザではグラフが表示されない場合もあります。 version 0.1.3 リファレンス version 0.1.4 リファレンス
bytefx :: simple effects in few bytes
Tra i linguaggi di programmazione più utilizzati in informatica rientra senza dubbio JavaScript, una grammatica testuale che ha come scopo principale quello di permettere una corretta visualizzazione dei contenuti html di un browser. In altre parole grazie al linguaggio JavaScript a ogni comando viene assegnata una funzione particolare di una pagina web, come ad esempio la possibilità di far diss
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/accordion_js
Phatfusion:image menu
wrapScroll JavaScript Library - youmos
クールなUIを実現可能なAjaxフレームワーク「vegUI」:phpspot開発日誌
Accelerating Your Growth from R&D to ROI
bolinfestivus home