• ベストアンサー

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は詳しくないのですが、 仕事で必要になりとても困っています。 どなたか助けてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

ご質問のようなことは充分可能ですが、 ご提示のスクリプトはそのようなことを考慮していないものなので、どこかをちょいと修正してというわけにいかないと思います。 全体に作り直したほうが早いといっていいくらいではないでしょうか。 方法としては、 指定したdiv（あるいはその中に作成した同サイズのdiv）に対して、position:relative/absolute; overflow:hidden;などを設定しておいて、その中に「☆」の要素を作成して、ご提示のものと同様に動かす。 といったところでしょうか。 具体的には、document.writeで要素を作成しているのをDOMから追加・作成するようにする。移動の範囲の計算に利用する値をウィンドウサイズではなく指定divのサイズにする。 などを変えればよろしいかと。 ついでに、ご提示のスクリプトは少々古いブラウザを対象としているように見受けられますので、そのあたりも修正したほうがよろしいかと。 （このあたりを修正していると、ほとんど全部になってしまいますが） そんなことやってられないというのであれば、divの代わりにiframeを利用するという方法もあるかも…

kalukan
質問者

お礼

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

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • <script language="javascr

    FC2アクセス解析を使っているのですが ソースの中に <script language="javascript" と .<div align="right">があり 自分のサイトのソースをチェックすると 「HTML5ではLANGUAGE属性は<SCRIPT>タグ中で未サポートです。 TYPE属性を使用してください」 「LANGUAGE属性はHTML5ではSCRIPTタグ内で未サポート *9* TYPE属性を使用してください」 と 「HTML5ではALIGN属性は<DIV>タグ中で未サポートです。 CSS を使用してください」 「309. 属性を持つ要素はCSSでより良く処理される *9* CSSを使用してください」 となるのですが こういう場合は無理矢理でも FC2アクセス解析を変更したほうがいいのでしょうか? でもそうするときちんと集計されなくなりますか?

    • ベストアンサー
    • HTML
  • ジャバスクリプトの正しい描き方

    ヤフーの解析ソースをそのまま貼ったら Another HTML-lint gatewayで２点注意されました。 １、<SCRIPT>～</SCRIPT> 内の要素はすべてコメントで囲んだ方が安全です。 ２、`&js` は不明な実体参照です。 どうすれば良いでしょうか？ それと、altが空白でも良いにのでしょうか？ ------------------------------------ <script type="text/javascript" src="http://i.yimg.jp/images/analytics/js/ywa.js"></script> <script type="text/javascript"> var YWATracker = YWA.getTracker("XXXX"); YWATracker.addExcludeProtocol("file:"); YWATracker.submit(); </script> <noscript> <div><img src="http://by.analytics.yahoo.co.jp/p.pl?a=XXXX&js=no" width="1" height="1" alt="" /></div> </noscript>

  • ジャバスクリプトに関して教えてください。

    ジャバスクリプトで質問です。 表Ａ 商品番号　　商品名 C001　　　　りんご A003　　　　みかん B015　　　　スイカ 上記をＨＴＭＬで表にした際に一番左の商品番号の値を取ってきて基本と成るＵＲＬ http//kihon/url/ の最後に商品番号をつけてＵＲＬとしてウィンドウを開いていく事って可能でしょうか？ http//kihon/url/C001 http//kihon/url/A003 http//kihon/url/B015 これらのウィンドウを別ウィンドウで出したいです。 更に同一ページ内でジャバスクリプトを組み込む事ができなくて、できればフォーム分けしたページでの取得と、別ウィンドウで開くと言う形でしたいのですが… まだまだ勉強中でこの値をとってくること、更にその複数のデーターをひとつずつに分けて開くと言うやり方がわかりません。 どなたが教えていただけませんでしょうか？ ジャバスクリプトに関しては本当に基本的なことの一部くらいしかわかりません… 質問の仕方が悪くて大変申し訳ないです。

  • java scriptでの計算式はどこまで可能ですか

    　お尋ねします。 ホームページでの見積もりフォームを作るに当り、excelをアップしても機能しないことはわかりましたが、 java scriptで簡単な電卓程度の計算式が可能ということを知りました。次の計算式はexcelでの計算式なのですが、 これをjava scriptでつくることは可能でしょうか。 ((((A+350)/B)+0.999)*C)/1000 　ABCは各フォームになっています。 よろしくお願いいたします。

  • Javaの出力とシェルスクリプトの書き方

    Javaとシェルスクリプト初心者です． macをしようしています． ちょっと混乱しているのでわかりにくいしつもんかもしれませんが， よろしくおねがいします． Javaでテキストファイルから a,b,c (それぞれ整数) のような形でコンソールに出力するようなプログラムを書いたのですが， これを99個のファイル（01.txt ~ 99.txt）に適用して， 1,a1,b1,c1 2,a2,b2,c2 . . 99,a99,b99,c99 という形のテキストファイルを出力するような シェルスクリプトを書きたいのですが， どのようにすればよいでしょうか． Javaかどうかはこの際関係ないかもしれないのですが， とりあえず，Javaの出力を多くのファイルに適用して， ひとまとめにしたテキストファイルを作りたい，という意図です．

    • ベストアンサー
    • Java
  • <div id="AA">の時、<form id="BB">内のselect要素などすべての要素をdisableにしたい。

    ▼次のようにページ内のdivタグのidの名前によって、formタグ内の要素をdisableにすることはJava scriptによって可能でしょうか？ <div id="AA">のとき、別の場所にある<form id="BB">内のselect要素などすべての要素をdisableにする。 また同時に、id="BB"に指定したスタイルシートの記述を書き換えることは可能でしょうか？ 何かよい方法をご存知でしたら教えてください。よろしくお願いいたします。

  • ジャバスクリプトでウィンドウサイズ指定を複数

    ご覧いただきありがとうございます。 ネットで調べながら独学でジャバスクリプトの設置をしております。 色々ためしたのですが解決できないのでご教授願います。 ウィンドウサイズを指定して新しいウィンドウを開くジャバスクリプトのリンクを、異なる条件で同じページに複数指定することはできるでしょうか。 同ページ内にあるAのリンクはサイズ400×300で、Bのリンクは600×500といった具合にです。 自分なりに考えてみて下記のように記述してみましたが、BのリンクにもAが適用されてしまいました。 ■head内の記述 <head> <script language="JavaScript"> <!-- function wopen1(){ win=window.open("リンクAのURL","new","width=400,height=300","resizable=no","scrollbars=no","menubar=no","toolbar=no","directories=no","status=no","left=100","top=100","screenX=100","screenY=100"); win.moveTo(100,100); } // --> </script> <script language="JavaScript"> <!-- function wopen2(){ win=window.open("リンクBのURL","new","width=600,height=500","resizable=yes","scrollbars=yes","menubar=no","toolbar=no","directories=no","status=no","left=100","top=100","screenX=100","screenY=100"); win.moveTo(100,100); } // --> </script> </head> ■リンク箇所の記述 <a href="javascript:wopen1()">リンクAのテキスト</a> <a href="javascript:wopen2()">リンクBのテキスト</a> head内の記述をひとつだけにすると正常に動作するので、head内の記述が間違っていると思うのですが、よくわかりません。ご教授おねがいいたします。

  • なぜ、ジャバスクリプトが表示されない？

    なぜ、ジャバスクリプトが表示されない？ 下のように記述しました。問題なく表示されます。 document.write ("<br><b>旅について</b></br>"); document.write ("<br>（旅のリンク集です。…）</br>"); しかし、1行加えて、次のようにすると表示されません。「このスクリプトでエラーが発生しました。」となってしまいます。何が原因なんでしょうか？ document.write ("<br><b>旅について</b></br>"); document.write ("<br>（旅のリンク集です。…）</br>"); document.write ("<br><a href="http://www.arukikata.co.jp/link/airline_yellow.html">エアライン</a>地球の歩き方</br>"); また1行目を<b>～</b>でboldにしました。すると2行目もboldになってしまいます。なぜでしょうか？ よろしくおねがいします。

  • Java Scriptを使ってのゲーム

    Java Scriptを使ってゲームを作っています（初心者です）。内容はアルファベットのイメージをランダムに移動させて、Aが見えたら、Aをタイプし、Bが見えたらBをタイプ。間違いなくタイプされたらポイントが一点づつ増えて、間違ったらポイントが一点引かれるというものです。間違いなくタイプされたら、イメージが数秒間変わるようにしようと思ってます。 イメージをランダムに移動させる事はできましたが、イメージとタイプしたキーが合ってるか間違ってるかというファンクションを作るところでつまづいてます。どなかた教えてください。

  • ずっと悩んでます。特定タグを子要素を含め取得したい

    ずっと悩んでなかなか解決できません。特定タグを子要素を含め取得したいのですが... 例えば以下のタグがあるとして <div id="1">a<div id="2">b<div id="3">cc</div>b</div>a</div> 特定タグを子要素を含め取得して、それを配列に格納。配列の中は [0]　<div id="1">a<div id="2">b<div id="3">cc</div>b</div>a</div> [1]　<div id="2">b<div id="3">cc</div>b</div> [2]　<div id="3">cc</div> このような配列の結果がでる動作方法はどうやればいいのでしょうか？ 正規表現を使ってやろうとしてますが、自分のレベルでは難しくてできません。 よろしくお願いします。

    • ベストアンサー
    • PHP

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する