FlashでHTMLの文字を1文字ずつ操作するために使ったJavaScript側のトリック（「HTMLの暴走」解説 JavaScript編） - KAZUMiX memo

先日の「HTMLの暴走(meltdown3)」においてJavaScript側で使った技の解説です。 通常JavaScriptで操作可能なHTMLの対象はタグ付けされた要素です。テキストであればPタグなどなんらかのタグで囲われた一連の文字列が対象になります。にもかかわらず「HTMLの暴走」では1文字ずつ操作しています。 どうやっているのか？ 一文字ずつタグで囲ってるんです。実は。 例えば次の様に表示されている部分があったとします。 これを一文字ずつタグで囲った場合の状態を分かりやすく赤枠を付けると次の様になります。 こんな感じで一文字ずつタグ付けし、それぞれのタグの座標を計算して対応しているのです。 実際に使ったタグはSPANなどではなく、KZMというオレオレタグです。一般的なタグはデフォルトスタイルやCSSの影響がありえるため、適当なタグを作って対応しています。 HTML(XHTML)の定

[satoshiiiiii]

いいねぇー

[dealforest]

一つずつの文字を独自タグで囲んでいる

[hisasann]

1文字ずつFlash側に渡す根気

[asiamoth]

オレオレタグで囲む、というアイデア。なるほどー！

[fuba]

オレオレタグはかるい

[nitoyon]

オレオレタグに１文字ずつ格納していく。ソースコード読むのに少し苦労していたのでコメントありがたい。