次のようなこと、JAVAでできますか?
1,フレームをABCの3つに分割し、Aにはレイヤーで2枚の画像(レイヤー「あ」と「い」とします)を重ねて表示。
2,フレームBCそれぞれに画像数点をボタンにして、Bのボタンを押すとフレームAのレイヤー「あ」の画像が変わり、Cのボタンを押すとフレームAのレイヤー「い」の画像が変わる。

額縁の写真と絵の写真の組み合わせを変えてみられるページを作りたいのです。
参考になるHPや情報がありましたら教えて下さい。

このQ&Aに関連する最新のQ&A

A 回答 (1件)

簡単に出来ます。


IEとNN両方に対応出来ます。
JavaScript,DHTMLのリファレンスでも買えばすぐわかると思います。
サンプルコードなんかも出てますし。
ただ、それなりに迷惑ページになるかも。
NNにも対応するとスクリプトの容量が倍(以上)になるのもちょっと…。
    • good
    • 0
この回答へのお礼

ありがとうございます。自分の買った本には違うフレームへの例がなかったもので・・・。
早速本屋に行って探してみます。

そうか、おもくなっちゃうんですね?
額と絵の画像がそれぞれ10枚くらいなんですが、なにか良い手段は他にあるでしょうか?

お礼日時:2001/05/31 08:08

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

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

Q複数フレームで「戻る」ボタンを押すと、1フレームしか戻らない

お忙しいところ申し訳ありませんが、教えてください。
「複数フレームを同時に書き替える」まではわかったのですが、「戻る」ボタンを押すと、1フレームしかページがもどりません。3フレームに分けているのですが、3フレームが同時に「戻る」ことはjavascriptでできるのでしょうか?ちなみにスクリプトは

function viewWin(p1,p2,p3){window.open(p1,"frame1");window.open(p2,"frame2");window.open(p3,"frame3");}

です。
基本的な質問だと思うのですが、わからなくて困ってます。どなたか教えてください。よろしくお願いします。

Aベストアンサー

各フレームごとにそれぞれwindow Objectが一つずつありますよね。
それぞれのwindow Objectでhistory.back呼ぶとどうなります?

Qフレームの下のボタンを押した時なのですが

下のフレームにあるボタンを押して、下記のスクリプトを呼び出し
上のフレームの値を取得したいのですが、このソース,IEでは正常
に動くのですが、NetscapeではNULLって帰ってきます。
きちんと値を取ってきて欲しいのですが・・・。
どなたかご存知の方アドバイス宜しくお願いします。

<SCRIPT LANGUAGE="JavaScript">
<!--
function before_submit(point) {
  document.forms[0].hdn_MokuhyoSE.value = arent.fm_top.document.forms[0].cmb_MokuhyoSE.value;

   alert(document.forms[0].hdn_MokuhyoSE.value)

   return true;
}
//-->
</SCRIPT>

このソースは下のフレームのASPに記述しています。

Aベストアンサー

たまコです。

HTMLの内容が記載されていないのでおそらくなんですが
「cmb_MokuhyoSE」は<select>ですか?
NNではcmb_MokuhyoSE.valueでは現在選択されているoptionの値を
取得してくれません。以下のように記述します。
#改行していますが本来1行です。繋げてくださいませ。

arent.fm_top.document.forms[0].cmb_MokuhyoSE.options[arent.fm_top.document.forms[0].cmb_MokuhyoSE.selectedIndex].value

記述が長くていやならば(^-^;
var x, y;
x = arent.fm_top.document.forms[0].cmb_MokuhyoSE.selectedIndex;
y = arent.fm_top.document.forms[0].cmb_MokuhyoSE.options[x].value;

#「arent」は「parent」の転記ミスですか?ちょっと気になったもので。

うまく行くといいんですが。がんばってください。

参考URL:http://www.shiojiri.ne.jp/~openspc/JavaScript/ref/form/selIndex.htm

たまコです。

HTMLの内容が記載されていないのでおそらくなんですが
「cmb_MokuhyoSE」は<select>ですか?
NNではcmb_MokuhyoSE.valueでは現在選択されているoptionの値を
取得してくれません。以下のように記述します。
#改行していますが本来1行です。繋げてくださいませ。

arent.fm_top.document.forms[0].cmb_MokuhyoSE.options[arent.fm_top.document.forms[0].cmb_MokuhyoSE.selectedIndex].value

記述が長くていやならば(^-^;
var x, y;
x = arent.fm_top.document.forms[0].cmb_MokuhyoS...続きを読む

Qボタンを押したらラジオボタンを選択したい(サンプルソース付)

ボタンを押したら、ラジオボタンを選択するようにしたいと思っています。
なんとかチェックボックス、セレクトボックス(?)はうまくいったのですが、どうしてもラジオボタンだけがうまくいきません。どうすればよいでしょうか?

※document.forms[0].R1[0].checked = true;
のようにすると意図した通りに動作することはわかったのですが、項目が増えた時にミスの原因になりますので、できるだけ"a"や"b"とvalueを使いたいと思っています。

すみませんが、よろしくお願いします。

--
<html>

<head>
<SCRIPT language="JavaScript"><!--
function check() {
document.forms[0].C1.checked = true;
document.forms[0].S1.value = "3";
document.forms[0].R1.value = "a";
}
//--></SCRIPT>
<title></title>
</head>

<body>

<form>
<input type="checkbox" value="yes" name="C1"><br>
<select name="S1">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select><br>
<input type="radio" name="R1" value="a"><input type="radio" name="R1" value="b"><br>
<input type="button" onclick="javascript:check()">
</form>
<br>

</body>

</html>

ボタンを押したら、ラジオボタンを選択するようにしたいと思っています。
なんとかチェックボックス、セレクトボックス(?)はうまくいったのですが、どうしてもラジオボタンだけがうまくいきません。どうすればよいでしょうか?

※document.forms[0].R1[0].checked = true;
のようにすると意図した通りに動作することはわかったのですが、項目が増えた時にミスの原因になりますので、できるだけ"a"や"b"とvalueを使いたいと思っています。

すみませんが、よろしくお願いします。

--
<html>

<head>
<...続きを読む

Aベストアンサー

ラジオボタンのvalueを参照して、該当のボタンにチェックを入れたいのであれば、もうほんの少しだけ複雑なスクリプトを組む必要があると思います。
スクリプトを以下のようにしてみてはいかがでしょうか。

<SCRIPT language="JavaScript"><!--
function check() {
document.forms[0].C1.checked = true;
document.forms[0].S1.value = "3";
for (i=0; i<document.forms[0].R1.length; i++){
if (document.forms[0].R1[i].value=="a"){
document.forms[0].R1[i].checked = true;}
}
}
//--></SCRIPT>

上記のラジオボタンのチェック部分では、for文でラジオボタンの項目数だけループし、それぞれのラジオボタンのもっているvalue値を参照してそれが"a"と一致している場合にはそのラジオボタンをチェックするようにしています。

これで対処できるのではないでしょうか。
参考になれば幸いです。

ラジオボタンのvalueを参照して、該当のボタンにチェックを入れたいのであれば、もうほんの少しだけ複雑なスクリプトを組む必要があると思います。
スクリプトを以下のようにしてみてはいかがでしょうか。

<SCRIPT language="JavaScript"><!--
function check() {
document.forms[0].C1.checked = true;
document.forms[0].S1.value = "3";
for (i=0; i<document.forms[0].R1.length; i++){
if (document.forms[0].R1[i].value=="a"){
document.forms[0].R1[i].checked = true;}
}
}
//--><...続きを読む

Q上と左にフレームわけされているメニューボタン画像の切り替えについて

フレームをまたいだメニューボタンの動作で困っています。

現在作成しているページは、3フレームにわかれていて、
上と左フレームにメニューがあり、右側にメインフレームという構成です。
上と左にあるメニューボタンをクリックすると、
メインフレームに該当htmlが表示されるタイプです。

それぞれのメニューボタンはGIFで作っていて、
OFFの状態とONの状態の2種類を用意しています。

メニューボタンをクリックすると、
メインフレームに該当htmlが表示され、
クリックしたメニューボタンのGIFがONの状態になり、
その他のメニューボタンはOFFの状態になる、
というものが作りたいのですが、
左フレームは左フレームだけならうまくいくのですが、
上フレームのメニューと左フレームのメニューの連携がうまくいきません。
(例えば、左フレームのあるメニューボタンをクリックしたら、
上フレームのメニューもOFFの状態に戻したいんです。)

もし何か解決策をご存知の方がいらっしゃいまいしたら、
どうかご教授ください。
よろしくお願いいたします。

フレームをまたいだメニューボタンの動作で困っています。

現在作成しているページは、3フレームにわかれていて、
上と左フレームにメニューがあり、右側にメインフレームという構成です。
上と左にあるメニューボタンをクリックすると、
メインフレームに該当htmlが表示されるタイプです。

それぞれのメニューボタンはGIFで作っていて、
OFFの状態とONの状態の2種類を用意しています。

メニューボタンをクリックすると、
メインフレームに該当htmlが表示され、
クリックしたメニューボタンのGIF...続きを読む

Aベストアンサー

ボタンを押したあとで、JavaScriptを起動して、該当フレームのボタンをOFFにする方法はどうですか?
左フレームのメニューを選択されたら、左フレームの選択箇所以外をOFFにする処理に、上フレームのメニューを切り替える処理を追加すればよいかと思います。
JavaScriptで書けば可能かと思います。

Qボタンを押したタイミングで画像を入れ替えて、離したタイミングで別ページに飛ばしたい

お世話になっております。

この度、制作しているものが
ボタンが三段階で分かれておりまして、

通常→hover→click
の三段階に分かれております。

試行錯誤の末、onclickで画像を入れ替えることには成功したのですが、
どうも、思っているのとタイミングが違います・・・。

<img id="myimg1" src="images/g_navi_1_off.gif" onClick="
document.getElementById('myimg1').src='images/g_navi_1_cl.gif';" onRelease="location.href='ダミーURL'"/>

としているのですが、
クリックして、離した瞬間に画像が入れ替わってしまったり、
onReleaseが正常に動かず、画像が入れ替わりません・・・。

また、onReleaseの際に、画像を_offの状態に戻したいのですが、
自分の力ではここが限界です…。

どなたかお知恵をお貸しいただければと思います
よろしくお願い致します

お世話になっております。

この度、制作しているものが
ボタンが三段階で分かれておりまして、

通常→hover→click
の三段階に分かれております。

試行錯誤の末、onclickで画像を入れ替えることには成功したのですが、
どうも、思っているのとタイミングが違います・・・。

<img id="myimg1" src="images/g_navi_1_off.gif" onClick="
document.getElementById('myimg1').src='images/g_navi_1_cl.gif';" onRelease="location.href='ダミーURL'"/>

としているのですが、
クリックして、離し...続きを読む

Aベストアンサー

マウスのクリックその他を場合わけして取得したいのであれば、

 ・onmousedown :マウスボタンが押された時
 ・onmouseup :マウスボタンが離された時
 ・onmouseover :マウスカーソルがオブジェクトに乗った時
 ・onmouseout :マウスカーソルがオブジェクトから離れた時
 ・onmousemove :マウスカーソルが移動した時
などのイベントを利用するのがよろしいかと。

なお、タグ内にスクリプトを書くのであれば
onClick="document.getElementById('myimg1').src='images/g_navi_1_cl.gif';"
     ↓
onClick="this.src='images/g_navi_1_cl.gif';"
などでもいけるはずです。


人気Q&Aランキング

おすすめ情報