- ベストアンサー
ボックスのスクロールを画像で遠隔操作
Javascriptはほとんど初心者です 設置したり、値を変えたりしかできません わがままであるとは思いますが質問させてください ボックスやフレームにしたとき文章がはまりきれず、スクロールバーが表示されてるとき スクロールバー、フレームに触れずに 別の画像などをクリック(マウスオーバー)することで制御することは可能でしょうか? もしできるなら、そういうスクリプトをフリーで配布しているところなど教えてください よろしくおねがいします
- JavaScript
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
画像をクリックしたら、スクロールが動くようにするって事ですか? こんなんでどうでしょう。（マウスオーバーは適応してないけど） <html> <head> <script> x = 0; function move2right(){ x = document.body.scrollLeft + 10; scrollTo(x,0); } function move2left(){ x = document.body.scrollLeft - 10; if(x < 0){ x = 0; } scrollTo(x,0); } </script> </head> <body> <div style="width:1200px;"> </div1> <input type="button" value="左へ" onclick="move2left();"> <input type="button" value="右へ" onclick="move2right();"> </body> </html>
その他の回答 (2)
- kappa_neko
- ベストアンサー率50% (14/28)
もうちょっとちゃんとしたサンプルを作ろうと思ったら、参考になるサイトを見つけてしまいました。
- うぃず（@Wizard_Zero）
- ベストアンサー率69% (344/495)
Wizard_Zeroと申します。 こんな感じでしょうか？ DIVブロックをIFRAME風に見立ててみました。 <HTML> <HEAD> <SCRIPT LANGUAGE="javascript"><!-- // ターゲットのスクロールバーを動かす function object_scroll(tgt, holi, vert) { tgt.scrollLeft = tgt.scrollLeft + holi; tgt.scrollTop = tgt.scrollTop + vert; } //--></SCRIPT> </HEAD> <BODY> <DIV ID="frame1" STYLE="width : 300px ; height : 200px ; border : 2px inset ; overflow : scroll"> この中がスクロールしますよ～ <IMG SRC="xx" WIDTH="480" HEIGHT="320"> </DIV> <INPUT TYPE="BUTTON" VALUE="右へ" ONCLICK="object_scroll(document.body.children('frame1'), 10, 0);"> <INPUT TYPE="BUTTON" VALUE="左へ" ONCLICK="object_scroll(document.body.children('frame1'), -10, 0);"> <INPUT TYPE="BUTTON" VALUE="下へ" ONCLICK="object_scroll(document.body.children('frame1'), 0, 10);"> <INPUT TYPE="BUTTON" VALUE="上へ" ONCLICK="object_scroll(document.body.children('frame1'), 0, -10);"> </BODY> </HTML>
お礼
ありがとうございます Nameを設定することで、box iframe でも使っても問題ないでしょうか？