タグ

javascriptに関するversion510のブックマーク (72)

  • JavaScriptでスターレーティングを行うライブラリやサービス色々:phpspot開発日誌

    JavaScriptでスターレーティングを行うライブラリやサービス色々。 スターレーティングとは最近ではお馴染みの、5つ表示された星をクリックするだけで投票がAjaxで行えるものです。 ライブラリ jQuery Star Rating Super Interface! - jQueryを使ったライブラリ Unobtrusive AJAX Star Rating Bar  - 以前、当ブログで紹介したAjax+PHP+MySQLな投票ウィジェット。 prototype.jsを使ったものも欲しいところでしょうか。 サービス サイトにレーティングウィジェットを簡単設置「Star It!」 - ページに貼り付けられるウィジェットです 関連エントリ JavaScriptで使えるカラーピッカー作成ライブラリまとめ ブラウザ上で動作するOSのまとめ JavaScriptを使った各種WYSIWYGライブラ

    version510
    version510 2007/01/30
    星評価機能を提供するJavaScript
  • 【レビュー】カユいところに手がとどく - 軽量・高速「jQuery」 (1) jQueryとは | エンタープライズ | マイコミジャーナル

    1 jQueryとは jQueryはJavaScriptで開発されたAjaxライブラリ。The MIT LicenseおよびGNU GENERAL PUBLIC LICENSE Version 2のデュアルライセンスで提供されているオープンソースソフトウェアで、一口でいえばPrototype.jsとよく似たJavaScriptライブラリだ。2006年9月23日(米国時間)に公開された「Ajaxian.com 2006 Survey Results」の調査結果によると、もっとも人気があるAjaxフレームワークは上から順にPrototype、Script.aculo.us、Dojo、DWR。割合は7%ながらも6位にはiQueryがランクインしている。 jQueryはPrototype.jsに触発されて開発がはじまったライブラリで、Prototype.jsと類似した表記方法を採用しつつ、整理され

    version510
    version510 2007/01/24
    JavaScriptライブラリjQueryについて
  • ブログのコメント投稿フォームをちょっぴり親切にする

    ブログのコメント投稿フォームをちょっぴり親切にする Permalink URL http://www.magicvox.net/archive/2007/01161250/ Posted by ぴろり Posted at 2007/01/16 12:50 Trackbacks 関連記事 (0) Comments コメント (2) Post Comment コメントできます Category ブログのコメント投稿フォームに初期メッセージを設定しておき、入力フォーカスが当たった時点でこれを消すという tips が紹介されています。元ネタである@Style さんのコード で 3 箇所に渡ってハードコーディングされている初期メッセージ周りを少しスマートにしてみました。 初期メッセージにコメント欄で使えるタグの一覧や注意事項を書いておくなどすればユーザビリティの点でも好ましいですね。

    ブログのコメント投稿フォームをちょっぴり親切にする
    version510
    version510 2007/01/17
    テキストエリアの初期メッセージを使いやすく
  • BJKit(BeautifulJapaneseKit)(ツール) - アイデアマンズ株式会社

    BJKit(BeautifulJapaneseKit)htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。 BJKit(BeautifulJapaneseKit)でビューティフルな見出しを生成 htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。日語にも対応しているので、様々な場面で利用することができます。 動的に表示するので、画像を作成する必要がない 新聞記事風、楷書風、POP調など、書体を自由にアレンジ出来る htmlの構造を崩さず、SEOやユーザービリティを犠牲にしない など、ページ作成の効率アップと同時に、表現力も向上させる手法です。 適用例 従来は、当ページの見出し(h1タグ)は下記のように表示されます。 従来の見出しの例 BJKi

    version510
    version510 2007/01/17
    JavaScriptとFlashを利用したテキストを綺麗なフォントへ置換するツール
  • fortysomething.ca

    This domain may be for sale!

    version510
    version510 2007/01/07
    Lightbox系スクリプトのまとめ
  • すぐに使えるJavaScript

    HTMLCSSを使えば様々なデザインのWebページを作成できます。ただ,それだけでは何となく物足りないと感じる人がいるかもしれません。それは,おそらくページに“動き”がないからです。 マウスの動きに反応してアイコンや画像が変化するようなページは見栄えがしますし,うまく使えばユーザー(閲覧者)の使い勝手も向上します。ユーザーがフォームに何らかの入力をすると,入力したデータに基づいて何らかの処理や計算をするような仕組みや,ユーザーがブラウザ上で遊べるようなゲームをページに載せてもおもしろそうです。 こうしたことを実現するには色々な方法がありますが,もっとも手軽なのはJavaScriptを使うことです。JavaScriptは,ブラウザ上で動作するプログラミング言語です。C++Javaなどの格的なプログラミング言語よりも手軽に使えるという意味で「スクリプト言語」と呼ばれることもあります。 J

    すぐに使えるJavaScript
    version510
    version510 2006/12/14
    JavaScriptの基本
  • 小粋空間: RSS Feed(フィード)を表示する

    RSS Feed(フィード)をブログのサイドバー等に表示するテクニックです。方法は色々あるみたいですが、ここでは「Feed2JS」を利用した方法を紹介します。 Feed2JS はフリーのツールです。RSS フィードを HTML として表示させる仕組みは、まずこの Feed2JS に対し、ブログに表示したい RSS フィードのURLを入力して、それに対応する JavaScript を生成します。そしてこの JavaScript をブログに貼り付けまておきます。あとはページを表示することで、JavaScript から Feed2JS のPHPを起動し、さらにPHPのプログラムから RSS フィードを取得し、HTML に変換して表示する、という訳です。 異なるドメインのRSSも利用することができ、表示方法もきめ細かい設定が可能で、単純なテキストとして取得することも可能です。 Feed2JS はサ

    小粋空間: RSS Feed(フィード)を表示する
    version510
    version510 2006/12/11
    フィードをブログに表示させる方法
  • http://iamacamera.org/sandbox/photoshuffler/

    version510
    version510 2006/11/05
    CSS+JavaScriptを使ったフェードアニメーションのフォトシャッフルモジュール
  • AjaxZip 2.0

    Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム(CGI不要版) AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ

    version510
    version510 2006/10/22
    Ajaxを使った住所自動入力スクリプト
  • Ajaxload - Ajax loading gif generator

    Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"

    version510
    version510 2006/10/22
    ロード中画像のジェネレータ
  • JavaScript addEventListener() - とみぞーノート

    仕様書を読んでもわかりにくい、addEventListener()の第3引数useCaptureの意味についてのメモ。 addEventListener()はIEでは未実装なので関係なし。 以下はFireFoxで確認。 useCaptureの意味 通常登録したイベントハンドラ(*1)はイベント伝搬のバブリングフェーズで呼ばれる。このため、DOM Treeの下の方のエレメントからイベントハンドラが順番に呼ばれる。 useCaptureをtrueにしてイベントハンドラを登録すると、キャプチャフェーズでイベントハンドラが呼ばれるようになる。このため、その他のイベントハンドラに先だって呼び出されるようになる。 (*1) 以下のものが含まれる。 DOMエレメントのプロパティに設定したイベントハンドラ(element.onmousedown = handler) HTMLタグに埋め込んだイベントハンド

    version510
    version510 2006/10/21
    addEventListener第3引数useCaptureについて
  • JavaScript DOM リファレンス

    <body> <h1>JavaScript DOM リファレンス</h1>

    version510
    version510 2006/10/21
    JavaScriptのDOMに関する関数のリファレンス