mieki256's diary



2012/02/10(金) [n年前の日記]

#2 [javascript] JavaScriptを勉強中

JavaScriptでSVGタグの内容を生成する処理を書いてたのだけど。最初のうちは、タグ内容を文字列の結合でずらずらと書いてたものの、検索しているうちに SVG DOM なるものがあることを知り、そっちを使ったほうが綺麗に書けるのだろうかと手を付け始めたり。

SVG DOMで描くことはできた。が、そこから先でハマる。

DOM→XML変換。 :

前者の問題は、FirefoxとGoogle Chrome限定だけど、 _XMLSerializer なるものが使えそうだと知る。

_DOM Elementオブジェクトをテキストダンプしてデバッグ - hogehoge @teramako
_[jQuery] jQuery1.4によるXMLデータの送信 | idocsq.net

制限付きではあるけれど、なんとかなりそう。…そもそもインラインSVGを使っている時点で制限付きのような気もするけれど。

appendChild。 :

後者は、さっぱりわからない。 _スタートアップ SVG:第2回 SVG実習|gihyo.jp … 技術評論社 を参考にしてやっているが、appendChild() を呼ぶとどんどん増える…。いや、増えるのは当然だけど。増やしたソレを削除する方法が分からず。子が居るかチェックして、居るようなら削除、とやるべきだろうけど。子は全員削除、でも構わないのだが…どうやれば…。

結局、jQueryの _replaceWith(content) を使って、元々html中に書いてあるソレを書き換えるようにしてみたが。本当にコレでいいんだろうか。

Aptana3でちょっとトラブル。 :

Aptana3は、Ctrl+Shift+Fで、ソースを綺麗に整形(フォーマット)してくれるのだけど。ある時点から、左下にエラーを出して整形してくれなくなった。詳細はエラーログを見ろ、と言っているようだが、そのエラーログとやらはどこに…。

ヘルプ→Aptana→View Log Fileで閲覧できる模様。しかし、眺めても何が問題かよく分からない、が、どうも長さが云々と書いてあるように見える。試しに、html中に記述していたJavaScript部分を別ファイルにして読み込むようにしてみた。…フォーマットが使えるようになった。どうやらAptanaは、扱うhtmlの長さに関して何か制限がある模様。不便だ…。いや、まあ、整形機能がついているだけでもありがたいのだけど。

以上です。

過去ログ表示

Prev - 2012/02 - Next
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29

カテゴリで表示

検索機能は Namazu for hns で提供されています。(詳細指定/ヘルプ


注意: 現在使用の日記自動生成システムは Version 2.19.6 です。
公開されている日記自動生成システムは Version 2.19.5 です。

Powered by hns-2.19.6, HyperNikkiSystem Project