Java Scriptで範囲を指定するには？

質問

http://yukiyonihitori.blog5.fc2.com/?tag=%A5%D6%A5%ED%A5%B0%A4%CB%C0%B1%A4%F2%B9%DF%A4%E9%A4%BB%A4%EB

こちらのブログを参考にして、ページに☆を降らせたいのですが、
範囲をdiv#wrapperというdiv要素内に限定したい場合は
どこに、どのように記述すればよいのでしょうか…。

Java Scriptは詳しくないのですが、
仕事で必要になりとても困っています。

どなたか助けてください。

回答No.1

fujillin · ベストアンサー

ご質問のようなことは充分可能ですが、

ご提示のスクリプトはそのようなことを考慮していないものなので、どこかをちょいと修正してというわけにいかないと思います。
全体に作り直したほうが早いといっていいくらいではないでしょうか。

方法としては、
指定したdiv（あるいはその中に作成した同サイズのdiv）に対して、position:relative/absolute; overflow:hidden;などを設定しておいて、その中に「☆」の要素を作成して、ご提示のものと同様に動かす。
といったところでしょうか。

具体的には、document.writeで要素を作成しているのをDOMから追加・作成するようにする。移動の範囲の計算に利用する値をウィンドウサイズではなく指定divのサイズにする。
などを変えればよろしいかと。
ついでに、ご提示のスクリプトは少々古いブラウザを対象としているように見受けられますので、そのあたりも修正したほうがよろしいかと。
（このあたりを修正していると、ほとんど全部になってしまいますが）

そんなことやってられないというのであれば、divの代わりにiframeを利用するという方法もあるかも…

お礼

おお、そんな難しい事になっているのですね…。
とてもわかりやすく書いてくださっているのが分かるのですが、
今の自分にはできそうもありません。
ちょっと触ればなんとかなるか？と思ったのですが
そんな甘い事はないですね。
javascriptを勉強して出直したいと思います。
ありがとうございました！