javascriptを使って、1つのフレームの内容を自動で横にスクロールさせる際
フレームセットの「SCROLLING=no」を設定するとネットスケープでは動作しません。
デザイン面でスクロールバーを絶対に表示させたくないもので・・・。
どなたか、それを回避する方法があれば教えていただけませんか?
宜しくお願いします。

A 回答 (2件)

<DIV>レイヤーのx座標をsetTimeoutをかましながら、少しずつ動かせば良いだけでは?

    • good
    • 0

横スクロールさせるコンテンツをFlashで作成してしまう。


これならプラグインさえあれば、ほとんどのブラウザで問題なく横スクロールが可能です。
Javascriptでの方法は、ごめんなさい、私にはわかりません。
    • good
    • 0
この回答へのお礼

ありがとうございます。
その方法もありですね。
しかし、Flashはあまり使えないんですよ~~。
でも、今度挑戦してみます。

お礼日時:2001/01/25 19:15

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qフレーム内 ( 子HTML ) からフレーム外 ( 親HTML ) のコンボボックスをJavaScriptで操作する方法は?

下記のようなHTML(抜粋)のフレーム内(子)から、フレームの外側(親)のコンボボックスの値を変更(現在は「起」が選択されていますが、例えば、これを「承」に変更)したいのですが、JavaScriptをどのように記述すればよいでしょうか?

Top.Hoge ( または、Parent.Hoge ) の後の書き方がわかりません。
(手持ちの書籍は一通り調べてみたのですが、探し方が悪いのか・・・?)

ご存知の方、コメントを頂けると助かります。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="JavaScript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>題名</title>

........(略)........

<form name="form2">

// ↓以下、コンボボックス ( ドロップダウンリストボックス? )
<select name="Hoge" onchange="FunctionName(Args.......(略).........)">
<option value="0" selected>起
<option value="1 " >

<option value="2 " >

<option value="3 ">

</select>

</form>

<tr><td colspan="3" align="center">
<iframe width="1200" height="800 "src="/........(Path)......../Hoge.html"></iframe>
</td></tr>

下記のようなHTML(抜粋)のフレーム内(子)から、フレームの外側(親)のコンボボックスの値を変更(現在は「起」が選択されていますが、例えば、これを「承」に変更)したいのですが、JavaScriptをどのように記述すればよいでしょうか?

Top.Hoge ( または、Parent.Hoge ) の後の書き方がわかりません。
(手持ちの書籍は一通り調べてみたのですが、探し方が悪いのか・・・?)

ご存知の方、コメントを頂けると助かります。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="j...続きを読む

Aベストアンサー

ちょっとしたサンプルを作りました。如何でしょうか。

Test.html
'************************************************
<form name="form2">
<select name="Hoge">
<option value="0" selected>起
<option value="1">承
<option value="2">転
<option value="3">結
</select>
</form>
<iframe src="Hoge.htm"></iframe>
'************************************************

Hoge.html
'************************************************
<script language="javascript">
<!--
function setCombo(obj)
{
parent.form2.Hoge.value = obj.value;
}
//-->
</script>
<input type="radio" name="ttt" value="0" onclick="setCombo(this)">起
<input type="radio" name="ttt" value="1" onclick="setCombo(this)">承
<input type="radio" name="ttt" value="2" onclick="setCombo(this)">転
<input type="radio" name="ttt" value="3" onclick="setCombo(this)">結
'************************************************

ちょっとしたサンプルを作りました。如何でしょうか。

Test.html
'************************************************
<form name="form2">
<select name="Hoge">
<option value="0" selected>起
<option value="1">承
<option value="2">転
<option value="3">結
</select>
</form>
<iframe src="Hoge.htm"></iframe>
'************************************************

Hoge.html
'************************************************
<script language="javascript">
<!--
function setCo...続きを読む

QIFRAMEでscrolling="yes|no"の処理ができない。

ウェブページの中央にIFRAMEにてウェブページを読み込ませています。

このIFRAMEの中に表示するウェブページには二種類ありまして、

1つは横にスクロールが必要なページ。レンタルBBSのページ。

1つは横にスクロールが必要ないページです。動画ページ。

document.getElementById("iframeのID").scrolling = "yes || no";

で行っても変更が表示されないので困っています。

検索の結果、ここの教えて!goo内に同じ問題で困っている方がいましたが、解決はしていなかったようなのでよろしければ教えていただきたいと思っています。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1456147



なお、<DIV>にstyle="visibility:hidden;"とvisibility:visibleで切り替えようかと思っていたのですが、横にスクロールが必要のないページは動画のページなのでバックでかってに動画が再生されても困るのです。しかも、動画のページを読み込んだ際に動画が自動再生される仕組みしなければいけないのです。

ウェブページの中央にIFRAMEにてウェブページを読み込ませています。

このIFRAMEの中に表示するウェブページには二種類ありまして、

1つは横にスクロールが必要なページ。レンタルBBSのページ。

1つは横にスクロールが必要ないページです。動画ページ。

document.getElementById("iframeのID").scrolling = "yes || no";

で行っても変更が表示されないので困っています。

検索の結果、ここの教えて!goo内に同じ問題で困っている方がいましたが、解決はしていなかったようなのでよろしければ教え...続きを読む

Aベストアンサー

ではでは、スクリプトで無理やり、
document.IFRAME.document.body.style.overflow='auto';
とやってみてはいかがでしょうか。
IE6.0では、アクセス拒否が起こるかもしれませんが。

Qフレーム同時スクロール

お知恵を貸してください。
それぞれ3つのフレームがあり3つのファイルがあります。(下記の図)

左 | ヘッダーのフレーム   | A | B | |
の |--------------------------------------
フ | Bodyのフレーム | 値A| 値B| |
レ |
| |
ム |

があり、下にスクロールがあり、横にスクロールを
するとヘッダーの部分とBodyの部分が少しずつずれて
しまいます。(Aのヘッダーと値Aが同時に動いて少しずつずれが生じます。)これはどのようにソースを書いたらよいのでしょうか?ご教授お願いします。

Aベストアンサー

まだ検証しきれていませんが、
こちらのページのソースで
実現できるかと思います。

ただ改良点として、
ご提示の例では、
ヘッダの横幅をBodyの横幅と同じにする必要があります。
BODY直下にDIVで囲い、そのDIVにて
CSS(スタイルシート)で横幅を指定します。
さらにjavascriptと組み合わせて
動的に横幅を取得,設定する方法もありますが、
とりあえず以上まで。

参考URL:http://jsm.suepon.com/script/jsm37.html

QJavaScriptでwindowのスクロール

windows.scroll(0,y);
でyを変化させてウィンドウをスクロールさせたいのですがしません
何が悪いのでしょうか?
他のコマンドがあれば教えてください

Aベストアンサー

元のソースのままをアップしていたとしたら、酷いね、元ソース。
修正したサンプルをアップするので、どこが違うのか見比べてね。

<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Web Object No.0 -Scroll- </title>
<script language="JavaScript">
<!--
var y=0;var yMax=200;var timerID;

function stop_win(){clearTimeout(timerID);}

function scroll_win()
{
if(!new_win||new_win.closed){stop_win();}
else{
new_win.scroll(0,y);timerID=setTimeout("scroll_win()",100);
if(y>yMax) y=0;else y++;new_win.status="y-position="+y;
}
}

//-->
</script>
</head>
<body bgcolor="#ffffff">
<h1 style="margin-bottom:1000;">scroll</h1>
<script language="JavaScript">
<!--
window.scroll(0,500);
var new_win=
window.open('','scroll_win','width=300,height=200,scrollbars=1,status=1');
new_win.document.open();
new_win.document.write("<h1 style='margin-bottom:1000;'>Scroll Scroll!!</h1>");
new_win.document.write("<p>end</p>");
new_win.document.close();scroll_win();

//-->
</script>
<p>end</p>
</body>
</html>

元のソースのままをアップしていたとしたら、酷いね、元ソース。
修正したサンプルをアップするので、どこが違うのか見比べてね。

<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Web Object No.0 -Scroll- </title>
<script language="JavaScript">
<!--
var y=0;var yMax=200;var timerID;

function stop_win(){clearTimeout(timerID);}

function scroll_win()
{
if(!new_win||new_win.closed){stop_win();}
else{
new_win.scroll(0,y...続きを読む

Qスクロールバーの移動量制御【Javascript】

http://www5.mediagalaxy.co.jp/p-givenchy/skincare/wash/top.html

上のようなページのように、スクロールバーを
クリックした時の移動量を制御したいです。
javascriptによる制御だと思いますが、
どなたかわかりやすく教えて頂けませんでしょうか?
宜しくお願い致します。

Aベストアンサー

これはスクロールバーではなくて、ただのボタンですね。ボタンがonClickされたときに、商品画像と解説文が入ったレイヤを移動させているようです。
参考URLでレイヤとタイマーの概念を理解すれば、実現は簡単でしょう。

※ごく簡単な移動の計算方法の一例です。
//y:レイヤのy座標
//desty:レイヤの移動先のy座標
y=(y+desty)/2;
if(desty-y<1.0)
{
ここで移動終了;
}

参考URL:http://www2s.biglobe.ne.jp/~club_tom/


人気Q&Aランキング

おすすめ情報