• ベストアンサー

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の位置をかえればいい。 　どちらをやればいいのでしょうか？　見当違いなことを言っていたらすみません。 どうかご教授ください。どうぞよろしくお願い致します。

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

  • ベストアンサー
  • 345itati
  • ベストアンサー率48% (795/1639)
回答No.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;などにしてやれば左側に寄っていくと思います。 /*～*/はコメント扱いなので普通は無視なのですが、コメントを無視するブラウザはあったかどうか・・？

Rinrin-chami
質問者

お礼

どの場所を変更すればよいのか分かりました。 本当に助かりました。ありがとうございました！ 早速やってみます。

その他の回答 (3)

  • 345itati
  • ベストアンサー率48% (795/1639)
回答No.3

多分、scripts/sc.cssの中に div#upbtn { //中略、ここにレイアウト等指定が入る// } div#downbtn { //略// } もしくは #upbtn { //略// } #downbtn { //略// } がありそうです。 ここでレイアウトを指定していると思うのですが・・・。

Rinrin-chami
質問者

お礼

的確にアドバイスしてくださってありがとうございました。助かりました！

Rinrin-chami
質問者

補足

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)
回答No.2

ちょっとご質問の意味がつかみ辛かったのですが・・・。 ページ上の任意のオブジェクト(画像とか、文章の入っているボックス等)の位置を右から左に位置移動したいのですよね？ 外部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を記述していますよ、という事ですのでビルダーのようなジェネレーターの事ではありません^^;

Rinrin-chami
質問者

お礼

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)
回答No.1

イマイチ状況が－ｗ－ とりあえず。 >>ソースのヘッダーに。。。と書いてあります。 決まりごとのようなものなので気にしなくていいです。 >>１ .jsファイルはただ読み込ませているだけ。座標軸～もなにも、そのファイル内の先頭で読み込ませておけばそのページ内で自由に使用できるファイルになります。 >>２ まぁ、たぶんこっち。 ただ、どんな構成になっているのか分からないので詳しく説明してください。 質問。 >>このホームページの右側に。。。 フレームページですか？ ただ左右のページを入れ替えるだけではダメなのですか？ 差し支えが無ければ該当部分だけでもソースの提示があれば分かりやすいかと思います。

Rinrin-chami
質問者

補足

（２）ソース上の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-->

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • JavaScriptの外部ファイル読み込み

    JavaScriptの外部ファイル読み込みについてご教授下さい。 現在、Webサイトを作ろうとPHPとJavaScriptをレンタルサーバーにアップしたのですが、 ローカルではPHPから外部ファイルのJavaScriptを読み込めるのに、 サーバーにアップするとPHPからJavaScriptを読み込めなくなってしまいます。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>TEST</title> <meta charset=utf-8" /> <script type="text/javascript" src="./js/jquery-1.4.2.min.js"></script> ・・・ 上記のようにしてもjquery-1.4.2.min.jsが読み込まれず、jQueryが使えません。 FireBugでスクリプトを確認すると以下のようなエラーが出ていました。 1Failed to load source for: http://ｘｘｘ.my-sv.net/js/jquery-1.4.2.min.js ちなみに以下のようにJavaScriptファイルを開こうとするとブラウザは真っ白なのですが、 http://ｘｘｘ.my-sv.net/js/jquery-1.4.2.min.js テキストファイルに変更したものだと中身を見ることができました。 http://ｘｘｘ.my-sv.net/js/jquery-1.4.2.min.txt ブラウザはFireFox3.0.11とIE8.0の両方でダメでした。 なぜJavaScriptファイルだけ読み込めないのでしょうか。 ご教授お願いいたします。 ※ちなみに、別のレンタルサーバーにアップロードしたら問題なく読み込めました。 しかし、そこにはDBがなかったので、なるべく今のレンタルサーバーを使いたいのです。。

  • JAvaScriptの外部ファイルの記述について

    HTML内にJavaScriptの処理書くのが嫌で、外部ファイルにしてJavaScriptを読み込むようにしたのですが、このファイルに、実行したい処理を複数書いてしまうとHTMLで正しく処理されなくなるのは何故ですか？.jsファイルには処理は1つしか記述できないのでしょうか？CSSファイルみたいに1つのファイルに何個も処理を記述してHTMLに反映させるようにしたいのですが・・・。どなたにも質問できず困っています。どなたか教えて下さい。jsファイルには処理は1つしか記述できないものなのかどうか回答お願い申し上げます。

  • JavaScriptの外部ファイル化とSSIについて

    いつもお世話になっております。 親切で丁寧なご回答に心から感謝いたします。 今回、JavaScriptを外部ファイルにし、 更新等の時間を大幅に削減しようと思っておりますが、 上手くいかないためこちらに質問させていただきました。 当方のホームページではメニュー部とタイトル部をSSIを利用し、 インクルードさせ、表示しておりますが、JavaScriptを外部ファイルにすると、 SSIでインクールドさせている部分だけ表示されなくなってしまいます。 Firefoxのソース表示でソースをみると、インクルードさせている部分は、 ソースにはありましたが、その部分だけHTML文書ではなく ただの文書（黒字）になってしまっております。 ただ、indexページだけはなぜか正常に表示され、 メニューから移動した際に、インクルードしたものが表示されない状態です。 メニュー部は外部ファイル化したJavaScriptでツリーメニューになっています。 何卒、宜しくお願いいたします。 ソースは下記のとおりです。 <HEAD> <META> <LINK href="detarame2006.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="script.js"> </HEAD> 省略 <TR> <!--#include file="top/top.html" --> </TR> <TR> 省略 </TR> <!--#include file="menu/menu.html" -->

  • javascriptファイルは１つに統合できますか

    javascript初心者のため、どなたかご教示いただけるとありがたいです。 html内に外部javascriptファイルを読み込むようにscript要素で記述しているのですが、複数の外部jsを読み込んでおり、可能であればhtml内の記述を簡略化したいと思っております。 ＜現状＞ <script type="text/javascript" src="・・・/js/jquery.js" charset="utf-8"></script> <script type="text/javascript" src="・・・/js/jquery.page-scroller.js" charset="utf-8"></script> <script type="text/javascript" src="・・/js/jquery.cookie.js"></script> <script type="text/javascript" src="・・・/js/ui.core.js"></script> <script type="text/javascript" src="・・・/js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="・・・/js/jquery.scrollfollow.js"></script> <script type="text/javascript" src="・・・/js/jquery.bxslider.js"></script> <script type="text/javascript" src="・・・/js/set_slider.js"></script> ・・・ jsに対する基礎的な質問ですが、上記のような複数の外部jsファイルを、1つの外部jsファイルにまとめることは可能なのでしょうか？ （単純に1箇所にコピー＆ペーストするようなイメージで） お手数ですが、ご教示のほど、宜しくお願い致します。

  • 外部JavaScriptファイルから呼び出したい！

    ページを早く表示させるために、コピー＆ペーストでスクリプトを外部ファイル化しました。 <script language="JavaScript" src="../js/menu.js"></script> ↑とコピペした外部ファイルへリンクさせ、その後、 <script language="JavaScript">mmLoadMenus();</script> と記述してある部分があるのですが、うまく呼びだせてないようでランタイムエラーがでます。 すべてのJavaScriptを1ファイル内に記述しているときはうまく動作しているのですが、外部ファイルに切り離すとエラーが出ます。 外部ファイル化したために、mmLoadMenus();が動作しないので、どなたか分かる方、アドバイスをお願いします！！

  • JavaScriptの外部ファイルをランダムに読み込む方法は？

    　JavaScriptの外部ファイル(.js)をランダムに読み込みたいのですが、どうしたらよいでしょうか。 いろいろやってみたのですが、うまくいきません。 　どうしたら出来るでしょうか。

  • 「日記」の記述を外部ファイル化したい！

    よろしくお願いいたします。 現在、自分のホームページ内に「My日記」というタイトルで、ほぼ毎日書き込んでは「日記」をアップロードしています。 そのため、HTMLソース内が文字であふれてしまっています。 そこで、ソースをすっきりさせたくて「日記」のHTMLソース部分をそのままコピーして、○○.jsファイルとして保存し HTML内に<script type="text/javascript" src="○○.js"></script>を記述して外部ファイルから読み込ませようとしたのですが、スクリプトエラーが表示されてしまい、読み込みが出来ませんでした。 そこで質問なんですが、日記のHTMLソース部分をそのままコピーした後に、○○.jsファイルとして保存した時、jsファイル内をどの様に書き直したらよろしいのでしょうか？ 初歩的な質問で申し訳ありません。

  • jsファイルを閲覧者がダウンロードできないようにする方法は？

    JavaScriptを外部ファイルとして、<SCRIPT></SCRIPT>でHTML内で指定し呼び出していますが、jsファイルの所在パスとファイルがそこに記述されているので、閲覧者にHTMLソースを覗かれて、ブラウザで直接、そのパスとファイル名にアクセスされると、簡単にjsファイルがダウンロードできてしまう。 これを防ぎたいのですが、不可能でしょうか？ それとも何か良い方法はありますでしょうか？

  • Javascript外部ファイルの読み込みについて（ブラウザにキャッシュさせたい）

    現在、製作中のサイトにおいて、webページが表示されるまで、5秒～15秒程度かかる事態が発生しています。 該当サイトでは、prototype.js等のjavascriptのライブラリを使用しており、合計で5個のjsファイルを読み込んでいます。 jsファイルの読み込み箇所を削除するとサクサクと快適になるので、jsファイルの読み込みに問題があると考え、jsファイルを圧縮したり（http://dean.edwards.name/packer/等）、ブラウザにキャッシュさせるために<script src=""での読み込み時に引数「?version=1」を追加してみたりしていますが、あまり改善しません。 読み込みの数を減らすため、prototype.jsとjquery.jsを統合するなども試してみました。（統合後のサイズは116KB） 利用環境によってはそれほど気にならない速度なのですが、IE6の環境でかなり重い場合がありますので、改善方法を探しています。 一回目の表示はともかく、2回目以降も毎回トップページ表示に5秒以上かかるのは問題がありますので…。 現時点で原因は、外部jsファイルがキャッシュされず毎回サーバーに読みにいっているために遅くなっていると思うのですが…。 ブラウザに外部ファイルをキャッシュさせる方法は何かないのでしょうか？ ちなみに、重くなる環境で、他のサイト（外部JSファイル読み込み多数）のサイトを表示しても、2回目以降は重くなりません。ブラウザのキャッシュの削除も一度試しています。 参考に、現在のスクリプト呼び出し部分を記述します。 ---------------------ソースここから--------------------------- <script type='text/javascript' src='js/prototype-1602-and_jquery.js?version=1'></script> <script type='text/javascript' src='js/js.js?version=1'></script> <script type="text/javascript" src="js/lib/jquery_auto_j.js?version=1"></script> <script type='text/javascript' src='js/scriptaculous-js-181/src/scriptaculous.js?load=effects'></script> <script type='text/javascript' src='js/lightview.js?version=1'></script> ---------------------ソースここまで--------------------------- また、スクリプトはPHPで作っていますので、キャッシュを許可する記述を以下のようにしています。 ---------------------ソースここから--------------------------- session_cache_limiter('private_no_expire'); session_start(); ---------------------ソースここまで--------------------------- また、現状ではjsファイルの読み込みが原因かと考えていますが、それ以外でも改善点などがあれば、それをご指摘頂ければありがたいです。 宜しくお願い致します。 確認環境：windows XP、 IE6 HP作成スクリプト：PHP

  • ホームページビルダーのステータスバーの一番左側の意味は?

    ホームページビルダーの画面左下の意味を教えてください。 「S: : 」とか表示されるんですけど... バージョンは 10 です。 その右隣はHTMLソースエディタのカーソル位置で、 更にその右隣は編集中のファイル名ですね。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する