memo.xight.org

Home > Changelogメモ > JavaScript > 1ページ目 (全8ページ)
ChangeLog 最新ページ / カテゴリ最新ページ / 1 2 3 4 5 6 7 8 次ページ / 1ページ目 (全8ページ)
2008-02 / 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

2007-07-09 Mon

w3voiceIM.js - 音声認識テキスト入力Javascriptライブラリ

- Summary
一行追加するだけで,Webページの上のテキスト入力フォームに
音声認識機能を追加できるJavascriptライブラリ.

- Reference
音声認識テキスト入力Javascriptライブラリ w3voiceIM.js
http://w3voice.jp/engine/

- via
スラッシュドット ジャパン | 全てのフォームに音声認識機能を!
http://slashdot.jp/article.pl?sid=07/07/09/0715202

2007-03-15 Thu

wii.js - Wii用サイト向けJavaScriptライブラリ

- Reference
Creating web sites for the Wii Opera browser
http://www.bolinfest.com/wii/

- via
phpspot開発日誌 - Wii用のサイトを作る際に超便利なJavaScriptライブラリ「wii.js」
http://phpspot.org/blog/archives/2007/03/wiijavascriptwi.html

カテゴリ: [JavaScript]

2007-02-26 Mon

RightContext - 右クリックメニューを作成するJavaScriptライブラリ

- Reference
RightContext
http://www.harelmalka.com/rightcontext/

- via
phpspot開発日誌 - 2007-02-26 - JavaScriptで簡単に独自の右クリックメニューを作成するライブラリ「RightContext」
http://phpspot.org/blog/archives/2007/02/javascriptright.html

カテゴリ: [JavaScript]

2007-02-26 Mon

popupmenu.js - ポップアップメニューのためのJavaScriptライブラリ

- Reference
popupmenu.js - simple JavaScript popup menu library
http://spiritloose.net/misc/popupmenu/

spiritlooseのはてなダイアリー - 2007-02-26 - JavaScriptでの独自右クリックメニューライブラリ作った
http://d.hatena.ne.jp/spiritloose/20070226/1172458458

カテゴリ: [JavaScript]

2007-02-08 Thu

JavaScriptでソートアルゴリズムの可視化

- Reference
いやなブログ - 2007-02-04
http://0xcc.net/blog/archives/000160.html

Days on the Moon - 2007-02-06 - 再帰クイックソートの可視化
http://nanto.asablo.jp/blog/2007/02/06/1167686

カテゴリ: [視覚化][JavaScript]

2006-12-15 Fri

SimpleJS - Ajax Frameworks light and accessible to the beginners

- Summary
軽量なJavaScriptエフェクトライブラリ.

- Reference
SimpleJS --Ajax Frameworks light and accessible to the beginners
http://simplejs.bleebot.com/en.html

カテゴリ: [JavaScript]

2006-12-01 Fri

CSS/JavaScriptだけでDashboard風のイフェクト

- Demo
Dustin Bachrach
http://www.dbachrach.com/

- Reference
Dustin Bachrach Blog - A Cool CSS Effect - Dashboard [Updated x2]
http://dbachrach.com/blog/2006/10/a-cool-css-effect-dashboard/

- via
MOONGIFTニュース - CSS/JavaScriptだけでDashboard風のイフェクトを行うTips
http://news.moongift.jp/i-2947.html

カテゴリ: [CSS][JavaScript]

2006-11-30 Thu

yui-ext - Yahoo UI Libraryを拡張したリッチコンポーネント

- Reference
yui-ext Documentation Center
http://www.yui-ext.com/deploy/yui-ext/docs/

- via
phpspot開発日誌 - 2006-11-30 - Yahoo UI Libraryを拡張した超リッチなコンポーネント集
http://phpspot.org/blog/archives/2006/11/yahoo_ui_librar_4.html

カテゴリ: [JavaScript]

2006-11-28 Tue

URLParser - JavaScriptのURLパーサークラス

- Summary

var p = new Poly9.URLParser('http://user:password@poly9.com/pathname?arguments=1#fragment');
 
/* OUT *
p.getHost() == 'poly9.com'
p.getProtocol() == 'http'
p.getPathname() == '/pathname'
p.getQuerystring() == 'arguments=1'
p.getFragment() == 'fragment'
p.getUsername() == 'user'
p.getPassword() == 'password'
*/
 
p.setURL('another.url.com');
 
/* OUT *
p.getHost() == 'another.url.com'
p.getProtocol() == ''
*/


- Reference
URLParser - Public code - Trac
https://code.poly9.com/trac/wiki/URLParser

- via
phpspot開発日誌 - 2006-11-27 - JavaScriptから使える便利なURLパーサークラス「URLParser」
http://phpspot.org/blog/archives/2006/11/javascripturlur.html

カテゴリ: [JavaScript]

2006-11-28 Tue

JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ

- Reference
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
http://javascriptist.net/

phpspot開発日誌 - 2006-11-27 - JavaScript入門&応用&リファレンス&ライブラリ紹介サイト「JavaScriptist」を公開
http://phpspot.org/blog/archives/2006/11/javascriptjavas.html

カテゴリ: [JavaScript]

2006-11-27 Mon

Open-jACOB Draw2D - グラフ描画のJavaScriptライブラリ

- Summary
図形描画機能を,自分のツールに組み込めるとのこと.

- Reference
Open-jACOB Draw2D
http://www.openjacob.org/draw2d.html

- via
phpspot開発日誌 - 2006-11-26 - Visioのような図が書けるJavaScriptライブラリ「Open-jACOB Draw2D 」
http://phpspot.org/blog/archives/2006/11/visiojavascript.html

カテゴリ: [JavaScript]

2006-11-19 Sun

JavaScriptファイルを圧縮して読み込ませる

- Summary
JavaScriptファイル自体を gzip で圧縮して読み込ませれば良い.

<script type="text/javascript" src="prototype.js.gz"></script>


- 圧縮されたJavaScriptがSafariで読み込めない問題
圧縮したJavaScriptファイルの拡張子を .jgz とし,
mod_rewriteで .jgz へのアクセスを .js にリダイレクト.

RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} ".*Safari.*" [OR]
RewriteCond %{HTTP:Accept-Encoding} !gzip
RewriteRule (.*)\.jgz$ $1\.js [L]
 
AddType "text/javascript;charset=UTF-8" .jgz
AddEncoding gzip .jgz


- Reference
亜細亜の蛾 - 2006-11-16 - prototype.jsを10KBにする方法
http://asiamoth.com/mt/archives/2006-11/16_2331.php

こぶたのラッパ : 世界の片隅で.jgzと言ってみる
http://smil.exblog.jp/4650470/

2006-10-08 Sun

Link Indicator - 外部リンクの判別とページ内リンクを視覚的に表現するJavaScriptライブラリ

- Summary

アンカーに付けられたtarget属性の判別とページ内リンクを視覚的に明示する仕組みを提供する補助スクリプト


- Reference
Link Indicator
http://serennz.cool.ne.jp/sb/sp/linkindicator/index_ja.html

- via
caramel*vanilla - 2006-10-08 - ページ内リンクをわかりやすくするJavaScript
http://caramel-tea.com/2006/10/link_javascript/

カテゴリ: [JavaScript]

2006-10-08 Sun

ページをなめらかにスクロールさせるJavaScriptライブラリ

- Source

function backToTop() {
	var x1 = x2 = x3 = 0;
	var y1 = y2 = y3 = 0;
	if (document.documentElement) {
		x1 = document.documentElement.scrollLeft || 0;
		y1 = document.documentElement.scrollTop || 0;
	}
	if (document.body) {
		x2 = document.body.scrollLeft || 0;
		y2 = document.body.scrollTop || 0;
	}
	x3 = window.scrollX || 0;
	y3 = window.scrollY || 0;
	var x = Math.max(x1, Math.max(x2, x3));
	var y = Math.max(y1, Math.max(y2, y3));
	window.scrollTo(Math.floor(x / 2), Math.floor(y / 2));
	if (x > 0 || y > 0) {
		window.setTimeout("backToTop()", 25);
	}
}


<a href="#" onclick="backToTop(); return false">
	このページの先頭へ
</a>

- Reference
wg:A (slightly) better technique for "Back to Top" links.
http://web-graphics.com/mtarchive/001659.php

ZEROBASE BLOG - 2005-10-01 - [ajax] ページ内リンクでスムーススクロール
http://zerobase.jp/blog/entry-268.html

- via
SiMPLE*SiMPLE - 2006-09-27 - このページの先頭へ、をちょこっとおしゃれに
http://www.simplexsimple.com/archives/2006/09/post.html

caramel*vanilla - 2006-10-08 - ページ内リンクをわかりやすくするJavaScript
http://caramel-tea.com/2006/10/link_javascript/

カテゴリ: [JavaScript]

2006-09-29 Fri

bytefx - サイズが小さいエフェクトのためのJavaScriptライブラリ

- Reference
bytefx :: F.A.Q & API
http://www.devpro.it/bytefx/

MYCOMジャーナル - わずか3KB コードも1行でイカス! エフェクト - bytefx (1)
http://journal.mycom.co.jp/articles/2006/09/29/bytefx/

カテゴリ: [JavaScript]

2006-09-29 Fri

Real Time Syntax Highlighting Code Editor JavaScript

- Reference
Real Time Syntax Highlighting Code Editor JavaScript
http://www.txt.org/rtshjs/

- via
ブラウザ上で動作するWebエディタ作成Javascriptライブラリ:phpspot開発日誌
http://phpspot.org/blog/archives/2006/09/webjavascript.html

カテゴリ: [JavaScript]

2006-09-07 Thu

リンク先の拡張子に応じて自動的に画像を付加

- Summary
<a>タグの href属性の末尾が '.pdf' , '.doc' ,'.zip'の要素をピックアップ.
対象の<a>タグにclass名を付加する.

例では,pdfLink , docLink, zipLinkというclass名を使用.
各々のclassには,拡張子と対応する画像が指定してある.

- Source
リンク先がPDF,Wordファイル,Zipファイルの<a>タグに,class名を付ける.

function fileLinks() {
    var fileLink;
    if (document.getElementsByTagName('a')) {
        for (var i = 0; (fileLink = document.getElementsByTagName('a')[i]); i++) {
            if (fileLink.href.indexOf('.pdf') != -1) {
                fileLink.setAttribute('target', '_blank');
                fileLink.className = 'pdfLink';
            }
            if (fileLink.href.indexOf('.doc') != -1) {
                fileLink.setAttribute('target', '_blank');
                fileLink.className = 'docLink';
            }
            if (fileLink.href.indexOf('.zip') != -1) {
                fileLink.setAttribute('target', '_blank');
                fileLink.className = 'zipLink';
            }
        }
    }
}
window.onload = function() {
    fileLinks();
}


a:hover {
    text-decoration: none;
}
.pdfLink {
    padding-right: 19px;
    background: url(pdf.gif) no-repeat 100% .5em;
}
.docLink {
    padding-right: 19px;
    background: url(doc.gif) no-repeat 100% .5em;
}
.zipLink {
    padding-right: 17px;
    background: url(zip.gif) no-repeat 100% .5em;
}


- Reference
maratz.com - 2005-01-13 - PDF Links Labeling
http://www.maratz.com/blog/archives/2005/01/13/pdf-links-labeling/

maratz.com - PDF Link Labeling Example
http://webdesign.maratz.com/lab/pdf_links_labeling/

カテゴリ: [JavaScript][CSS]
2008-02 / 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
最終更新時間: 2008-02-20 21:23

Color Reference

ChangeLogを検索
携帯電話からアクセス!

カテゴリ

最近の話題

リンク

過去ログ

Google

QR Code

Since
2002-11-28
Update
2008-02-20 21:23
Copyright © 2005 xight.org All Rights Reserved.