- ベストアンサー
Javascriptの埋め込みファイルをホームページで右側から左側に移動させたい
Javascript初心者で右も左も…という感じなのですが、どうしてもホームページの修正をしなくてはならなく なりました。フリーの業者さんが作ったホームページ」なので、何のソフトでホームページを作ったかも不明なのですがソースのヘッダーに「DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"」と書いてあります。 このホームページの右側に、Javascriptの外部ファイルがAタグのherf属性で埋め込んであります。 これを全部左側に移動したいのです。ホームページビルダーのコピペで、右側にある画像イメージとかは左側に移動出来たのですが、どうしてもスクロールのJavascriptだけ移動出来ません。 http://external-file.com/ja/bagongbayani/practice.html JavaScript 外部ファイル ( js File ) のページをずっと昨日は読んでいたのですが、どうやらJavascriptの外部ファイルが埋め込んであることまでは分かりました。 でも、どうやってこれを移動したらいいのか分かりません。 （１）.jsのファイル自体の座標軸の位置をかえればいい （２）ソース上のJavascriptの位置をかえればいい。 どちらをやればいいのでしょうか？ 見当違いなことを言っていたらすみません。 どうかご教授ください。どうぞよろしくお願い致します。
- Rinrin-chami
- お礼率85% (350/411)
- JavaScript
- 回答数4
- ありがとう数3
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
position: absolute;で左にマイナスで指定というのは少々厄介なような^^; 上の #upbtn{position:absolute; left: -500px; top: 301px; z-index: 1} #downbtn{position:absolute; left: -500px; top: 301px; z-index: 1} 内のleft: -500px;を、left: -700px;とかleft: -800px;などにしてやれば左側に寄っていくと思います。 /*～*/はコメント扱いなので普通は無視なのですが、コメントを無視するブラウザはあったかどうか・・？
その他の回答 (3)
- 345itati
- ベストアンサー率48% (795/1639)
多分、scripts/sc.cssの中に div#upbtn { //中略、ここにレイアウト等指定が入る// } div#downbtn { //略// } もしくは #upbtn { //略// } #downbtn { //略// } がありそうです。 ここでレイアウトを指定していると思うのですが・・・。
お礼
的確にアドバイスしてくださってありがとうございました。助かりました！
補足
scripts/sc.cssを開いてみたら、以下のようになっていました。 #divCont { position: absolute; left: -535px; top: 250px; width: 160px; height: 55px; clip: rect(5 195, 50, 0); z-index: 1 } #upbtn{position:absolute; left: -500px; top: 301px; z-index: 1} #downbtn{position:absolute; left: -500px; top: 301px; z-index: 1} /* #divText { position: absolute; top: 0; left: 0 } #upbtn { position: absolute; left: -500px; top: 547px; width: 17px; height: 17px; z-index: 10 } #downbtn { position: absolute; left: -500px; top: 547px; width: 17px; height: 17px; z-index: 10 } */ この中の数字を移動すればよいということなんでしょうか。
- 345itati
- ベストアンサー率48% (795/1639)
ちょっとご質問の意味がつかみ辛かったのですが・・・。 ページ上の任意のオブジェクト(画像とか、文章の入っているボックス等)の位置を右から左に位置移動したいのですよね？ 外部jsうんたらというより、CSSで位置指定されてませんか？(これも外部ファイルの可能性があります)たいていレイアウトを受け持つのはCSSのはずなので、そちらをいじるのが正解だと思うのですが。 <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="a.css" type="text/css"> ソースの<head>部分に、こういう外部CSSを参照する記述は無いでしょうか？この場合、a.cssが外部CSSなので、この中にレイアウトを記述している部分があるはずです。 javascriptは、主にロールオーバーとか、画像のスライドショーとか、折りたたみメニューなど、動的な効果を与えるのを受け持つ場合が多いので・・・・。 あとは、実際の動かせない部分のソースを教えて頂ければ何をやっているか分ると思うので、もっと効果的なアドバイスが出来そうです^^; 一応プロの業者さんが作ったページという事で、ビルダーでやっつけ仕事的にいじってしまうと、ご自分で確認をかけたブラウザ以外で閲覧した時に、レイアウトが崩れる事が多い為、会社のWebサイトのような公的なものならきちんとソースを修正されるのがベターだと思います。 ちなみに<DOCTYPE～は、使用しているHTMLのバージョンの宣言です。これに従ってHTMLを記述していますよ、という事ですのでビルダーのようなジェネレーターの事ではありません^^;
お礼
CSSに関しての知識が全くありませんでした。確かにありました。↓下の部分で位置を指定しているのですね。 <link rel="stylesheet" href="default.css" type="text/css" media="all"> <link rel="stylesheet" href="scripts/sc.css" type="text/css"> ありがとうございます。なんとなく掴めてきました。
- STICKY2006
- ベストアンサー率29% (1536/5269)
イマイチ状況が－ｗ－ とりあえず。 >>ソースのヘッダーに。。。と書いてあります。 決まりごとのようなものなので気にしなくていいです。 >>１ .jsファイルはただ読み込ませているだけ。座標軸～もなにも、そのファイル内の先頭で読み込ませておけばそのページ内で自由に使用できるファイルになります。 >>２ まぁ、たぶんこっち。 ただ、どんな構成になっているのか分からないので詳しく説明してください。 質問。 >>このホームページの右側に。。。 フレームページですか？ ただ左右のページを入れ替えるだけではダメなのですか？ 差し支えが無ければ該当部分だけでもソースの提示があれば分かりやすいかと思います。
補足
（２）ソース上のJavascriptの位置をかえればいい。 ということなんですね。方向性が分かっただけでも、本当にありがたいです。 <head> </head>までは以下のようになっています。 <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <link rel="stylesheet" href="default.css" type="text/css" media="all"> <link rel="stylesheet" href="scripts/sc.css" type="text/css"> <script src="new.js" type="text/JavaScript"></script> <script language="JavaScript" src="scripts/scroll.js" type="text/javascript"></script> <script language="JavaScript" src="scripts/centering.js" type="text/javascript"></script> <script language="JavaScript" src="scripts/resize.js" type="text/javascript"></script> <script language="JavaScript" src="scripts/3on.js" type="text/javascript"></script> </head> そして、ホームページ全体がフレームになっているのではなく、一部だけ表（というかフレーム？）になっているのです。 １列７行の表の一番下のセルの中に、スクロール表示されるようになっているのです。 その表を、右側から左側に移動は出来たのですが、スクロール表示だけ右側に残ってしまったのです。 どうやって左に移動したらいいのか分からないのです。 スクロールの部分は、このようになっています。どうぞよろしくお願い致します。 <!--start news_btn--> <table height="13" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="13" align="right"><div id="upbtn"><a href="javascript:void(0);" onmouseover="scroll(-7)" onmouseout="noScroll()"><img src="images/up_btn.gif" border="0" alt="UP" width="13" height="13"></a></div></td> <td width="13" align="right"> <DIV id="downbtn"><a href="javascript:void(0);" onmouseover="scroll(7)" onmouseout="noScroll()"><img src="images/down_btn.gif" border="0" alt="DOWN" width="13" height="13"></a></DIV> </td> </tr> </table> <!--end news_btn-->
お礼
どの場所を変更すればよいのか分かりました。 本当に助かりました。ありがとうございました！ 早速やってみます。