2012/02/10(金) [n年前の日記]
#2 [javascript] JavaScriptを勉強中
JavaScriptでSVGタグの内容を生成する処理を書いてたのだけど。最初のうちは、タグ内容を文字列の結合でずらずらと書いてたものの、検索しているうちに SVG DOM なるものがあることを知り、そっちを使ったほうが綺麗に書けるのだろうかと手を付け始めたり。
SVG DOMで描くことはできた。が、そこから先でハマる。
SVG DOMで描くことはできた。が、そこから先でハマる。
- DOMとやらをXMLにしてtextareaに表示したいのだが、DOM→XML変換の方法が分からない。
- 描画ボタンを押すたびに、SVGが何度も追加されてページが長くなっていく。特定のDIVの中に1つだけ入れたいのだが…。
◎ DOM→XML変換。 :
前者の問題は、FirefoxとGoogle Chrome限定だけど、
_XMLSerializer
なるものが使えそうだと知る。
_DOM Elementオブジェクトをテキストダンプしてデバッグ - hogehoge @teramako
_[jQuery] jQuery1.4によるXMLデータの送信 | idocsq.net
制限付きではあるけれど、なんとかなりそう。…そもそもインラインSVGを使っている時点で制限付きのような気もするけれど。
_DOM Elementオブジェクトをテキストダンプしてデバッグ - hogehoge @teramako
_[jQuery] jQuery1.4によるXMLデータの送信 | idocsq.net
制限付きではあるけれど、なんとかなりそう。…そもそもインラインSVGを使っている時点で制限付きのような気もするけれど。
◎ appendChild。 :
後者は、さっぱりわからない。
_スタートアップ SVG:第2回 SVG実習|gihyo.jp … 技術評論社
を参考にしてやっているが、appendChild() を呼ぶとどんどん増える…。いや、増えるのは当然だけど。増やしたソレを削除する方法が分からず。子が居るかチェックして、居るようなら削除、とやるべきだろうけど。子は全員削除、でも構わないのだが…どうやれば…。
結局、jQueryの _replaceWith(content) を使って、元々html中に書いてあるソレを書き換えるようにしてみたが。本当にコレでいいんだろうか。
結局、jQueryの _replaceWith(content) を使って、元々html中に書いてあるソレを書き換えるようにしてみたが。本当にコレでいいんだろうか。
◎ Aptana3でちょっとトラブル。 :
Aptana3は、Ctrl+Shift+Fで、ソースを綺麗に整形(フォーマット)してくれるのだけど。ある時点から、左下にエラーを出して整形してくれなくなった。詳細はエラーログを見ろ、と言っているようだが、そのエラーログとやらはどこに…。
ヘルプ→Aptana→View Log Fileで閲覧できる模様。しかし、眺めても何が問題かよく分からない、が、どうも長さが云々と書いてあるように見える。試しに、html中に記述していたJavaScript部分を別ファイルにして読み込むようにしてみた。…フォーマットが使えるようになった。どうやらAptanaは、扱うhtmlの長さに関して何か制限がある模様。不便だ…。いや、まあ、整形機能がついているだけでもありがたいのだけど。
ヘルプ→Aptana→View Log Fileで閲覧できる模様。しかし、眺めても何が問題かよく分からない、が、どうも長さが云々と書いてあるように見える。試しに、html中に記述していたJavaScript部分を別ファイルにして読み込むようにしてみた。…フォーマットが使えるようになった。どうやらAptanaは、扱うhtmlの長さに関して何か制限がある模様。不便だ…。いや、まあ、整形機能がついているだけでもありがたいのだけど。
[ ツッコむ ]
以上です。