Javascript初心者で右も左も…という感じなのですが、どうしてもホームページの修正をしなくてはならなく
なりました。フリーの業者さんが作ったホームページ」なので、何のソフトでホームページを作ったかも不明なのですがソースのヘッダーに「DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"」と書いてあります。
このホームページの右側に、Javascriptの外部ファイルがAタグのherf属性で埋め込んであります。
これを全部左側に移動したいのです。ホームページビルダーのコピペで、右側にある画像イメージとかは左側に移動出来たのですが、どうしてもスクロールのJavascriptだけ移動出来ません。
http://external-file.com/ja/bagongbayani/practic …
JavaScript 外部ファイル ( js File ) のページをずっと昨日は読んでいたのですが、どうやらJavascriptの外部ファイルが埋め込んであることまでは分かりました。
でも、どうやってこれを移動したらいいのか分かりません。
(1).jsのファイル自体の座標軸の位置をかえればいい
(2)ソース上のJavascriptの位置をかえればいい。
どちらをやればいいのでしょうか? 見当違いなことを言っていたらすみません。
どうかご教授ください。どうぞよろしくお願い致します。
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;などにしてやれば左側に寄っていくと思います。
/*~*/はコメント扱いなので普通は無視なのですが、コメントを無視するブラウザはあったかどうか・・?
No.3
- 回答日時:
多分、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 }
*/
この中の数字を移動すればよいということなんでしょうか。
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を記述していますよ、という事ですのでビルダーのようなジェネレーターの事ではありません^^;
CSSに関しての知識が全くありませんでした。確かにありました。↓下の部分で位置を指定しているのですね。
<link rel="stylesheet" href="default.css" type="text/css" media="all">
<link rel="stylesheet" href="scripts/sc.css" type="text/css">
ありがとうございます。なんとなく掴めてきました。
No.1
- 回答日時:
イマイチ状況が-w-
とりあえず。
>>ソースのヘッダーに。。。と書いてあります。
決まりごとのようなものなので気にしなくていいです。
>>1
.jsファイルはただ読み込ませているだけ。座標軸~もなにも、そのファイル内の先頭で読み込ませておけばそのページ内で自由に使用できるファイルになります。
>>2
まぁ、たぶんこっち。
ただ、どんな構成になっているのか分からないので詳しく説明してください。
質問。
>>このホームページの右側に。。。
フレームページですか?
ただ左右のページを入れ替えるだけではダメなのですか?
差し支えが無ければ該当部分だけでもソースの提示があれば分かりやすいかと思います。
この回答への補足
(2)ソース上の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>
そして、ホームページ全体がフレームになっているのではなく、一部だけ表(というかフレーム?)になっているのです。
1列7行の表の一番下のセルの中に、スクロール表示されるようになっているのです。
その表を、右側から左側に移動は出来たのですが、スクロール表示だけ右側に残ってしまったのです。
どうやって左に移動したらいいのか分からないのです。
スクロールの部分は、このようになっています。どうぞよろしくお願い致します。
<!--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-->
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
- Instagram HTML5の廃止とJavaScript 2 2022/04/13 21:05
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- 画像編集・動画編集・音楽編集 Google Earth Pro 高速道路上空を一定の速度で飛ぶツアー動画の作り方は?? 1 2022/06/01 15:10
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- その他(プログラミング・Web制作) セレクトボックスで選択された値をコントローラーで使用したい 2 2022/07/26 16:41
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
javascriptファイルは1つに統...
-
JavascriptとJqueryを混在し記述
-
外部ファイルを読み込ませるた...
-
なぜ外部jsファイルはコメント...
-
javascript内で外部ファイルを...
-
head.appendChild() の使い方
-
javascriptとApacheの設定
-
よくJAVAスクリプトを別ファイ...
-
javascriptのSubmit時のエラー
-
cssにjavascriptを入れる?呼び...
-
レンタルサーバーでjavascript...
-
複数のJavascriptを1つのscrip...
-
javascriptのalertで文字化けが...
-
外部読み込みで動かないときの...
-
ひとつの外部ファイルに複数の...
-
【Google Apps Script】「ライ...
-
javascriptの外部スクリプトフ...
-
スプリクトを外部ファイルから...
-
<a href="#" …>の意味を教えて...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
cssにjavascriptを入れる?呼び...
-
javascriptファイルは1つに統...
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
-
javascriptとApacheの設定
-
JavaScriptのエラー ( 関数の...
-
JavascriptとJqueryを混在し記述
-
ひとつの外部ファイルに複数の...
-
プルダウンメニューを別ファイ...
-
【Google Apps Script】「ライ...
-
外部ファイルを読み込ませるた...
-
JavaScriptで他のファイルのhtm...
-
ホームディレクトリを示すチル...
-
外部読み込みで動かないときの...
-
javascriptのalertで文字化けが...
-
メールフォーム、受信メールの...
-
呼出したjsファイル内で他jsフ...
-
条件分岐で、読み込む外部スク...
-
<script src="">読み込まない
おすすめ情報