memo.xight.org

Home > Changelogメモ > JavaScript > 8ページ目 (全8ページ)

ChangeLog 最新ページ / カテゴリ最新ページ / 前ページ 1 2 3 4 5 6 7 8 / 8ページ目 (全8ページ)

2008-09 / 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 30

2005-01-07 Fri

アンカータグでPOST渡し

- Reference
  Chaichan-World ! - WEB相談室 - 3942
  http://chaichan.hp.infoseek.co.jp/qa3500/qa3942.htm
  PHP-users ML - 4917
  http://ns1.php.gr.jp/pipermail/php-users/2002-January/004925.html

カテゴリ: [HTML][JavaScript]

[ 固定リンク ]

- Summary
  JavaScriptで書かれた検索エンジン．
  サーバにインストールができないCD-ROMなどのアーカイブ検索の用途に利用．

- Reference
  jsFind Home
  http://www.elucidsoft.net/projects/jsfind/

jsFind

- via
  blog.bulknews.net - 2004-12-20
  http://blog.bulknews.net/mt/archives/001454.html

カテゴリ: [Search Engine][JavaScript]

[ 固定リンク ]

2004-12-15 Wed

BlueShoes - JavaScript Collection

- Summary
  JavaScriptによる様々なツール集．
- Reference
  BlueShoes - JavaScript Collection
  http://www.blueshoes.org/en/javascript/
- via
  capsctrldays - 2004-12-15
  http://capsctrl.que.jp/kdmsnr/diary/20041215.html#p05

カテゴリ: [JavaScript]

[ 固定リンク ]

2004-11-05 Fri

JavaScript でインクリメンタル grep 検索

- Summary
JavaScriptでinput要素のonkeyup属性を利用してインクリメンタル grep 検索を実現．

検索対象とする各行を <span class="line">...</span> で囲っておいて，
pattern にマッチした以外の行を非表示にするという手法を取っている

- JavaScriptのソース (元ソース)

function grep (pattern) {
	try {
		regex = new RegExp(pattern, "i");
		spans = document.getElementsByTagName('span');
		for (i = 0; i < spans.length; i++) {
			e = spans[i];
			if (e.className == "line" && e.innerHTML.match(regex)) {
				e.style.display = "inline";
			} else {
				e.style.display = "none";
			}
		}
	} catch (e) {
		// 正規表現の文法エラーを無視する
	}
}

- HTMLのソース - インクリメンタル grep 検索 (元ソース)

<form>
<input type="text" name="pattern" onkeyup="grep(this.value)">
</form>

- HTMLのソース - grep 検索 (元ソース)

<form onsubmit="grep(this.pattern.value); return false;">
<input type="text" name="pattern">
</form>

- Reference
  いやなブログ - 2004-11-04
  http://namazu.org/~satoru/blog/archives/000008.html
- via
  読書記録ChangeLog - 2004-11-04
  http://dkiroku.com/2004-11-04.html#2004-11-04-15

カテゴリ: [JavaScript]

内部リンク: [2004-11-30-6]

[ 固定リンク ]

2004-10-30 Sat

JavaScript で複数箇所のキーワードをハイライト

- Summary
  キーワードにマウスカーソルを載せると，複数箇所に出現するキーワードが一斉にハイライトされる
  大きなページで反応が鈍くなるらしく，途中の処理をキャッシュすることで軽減させている．
  これはおもしろい．

- JavaScriptのソース (元ソース)

highlightColor = "yellow";
backgroundColor = "white";
 
var cache;
function initCache () {
	cache = new Array();
	spans = document.getElementsByTagName('span');
	for (i = 0; i < spans.length; i++) {
		name = spans[i].className;
		if (!cache[name]) {
			cache[name] = new Array();
		}
		cache[name].push(spans[i]);
	}
}
 
function hlclass (name, flag) {
	if (!cache) {
		initCache();
	}
	for (i = 0; i < cache[name].length; i++) {
		cache[name][i].style.backgroundColor = (flag ? highlightColor : backgroundColor);
	}
	return true;
}

- HTMLのサンプル (元ソース)

<span class="x" onmouseover="hlclass('x', 1)" onmouseout="hlclass('x', 0)">x</span>
<span class="x" onmouseover="hlclass('x', 1)" onmouseout="hlclass('x', 0)">x</span>
<span class="y" onmouseover="hlclass('y', 1)" onmouseout="hlclass('y', 0)">y</span>
<span class="y" onmouseover="hlclass('y', 1)" onmouseout="hlclass('y', 0)">y</span>