まったくの素人です。
盆休みの宿題のごとく、下記に取り組んでいます。
下記では、同一フレームに、マウスの重なりによって表示が「123」から「ABC]等に変わるのですが、この表示を別(例えば、上の)フレームに表示させたいのですが、どうすればよいでしょうか?
フレーム定義でueFrameを決めて、parent.ueFrame.document.....など
したのですが、駄目でした。
宜しくお願い致します。
<html>
<head>
<tilte></title>
<script language="JavaScript">
<!--
function ltext(s){
document.myForm.obox.value=s;
}
//--></script>
</head>
<body>
<a href="#" onMouseover="ltext('ABC')" onMouseout="ltext('123')">表示</a>
<a href="#" onMouseover="ltext('abc')" onMouseout="ltext('イロハ')">ひょうじ</a>
</body>
<html>
No.2ベストアンサー
- 回答日時:
フレーム自体があまりよい仕組みではないのでなんですが・・・
提示されている方法でできると思いますが・・・
//main.htm
<frameset rows="50%,*">
<frame name="ueFrame" src="ue.htm">
<frame name="sitaFrame" src="sita.htm">
</frameset>
//ue.htm
<form name="myForm">
<input type="text" name="obox">
</form>
//sita.htm
<script>
function ltext(s){
parent.ueFrame.document.myForm.obox.value=s;
}
</script>
<a href="#" onMouseover="ltext('ABC')" onMouseout="ltext('123')">表示</a>
<a href="#" onMouseover="ltext('abc')" onMouseout="ltext('イロハ')">ひょうじ</a>
オブジェクトをnameで管理したりするのもお勧めできませんが、
とりあえず動くと思います
No.1
- 回答日時:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Q5207243 TestCase 1</title>
</head>
<frameset cols="50%,50%">
<frame src="Q5207243-2.html" id="x1" />
<frame src="Q5207243-3.html" id="x2" />
</frameset>
</html>
=========================
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Q5207243 TestCase 2</title>
<style type="text/css">
p{background-color:red;}
</style>
<script type="text/javascript">
//<![CDATA[
function test(){
// interface window is defined to have parent attribute in Window Object 1.0
// http://www.w3.org/TR/Window/
// interface abstractView is defined to have document attribute in DOM Level 2 Views
// http://www.w3.org/TR/DOM-Level-2-Views/idl-defin …
// interface Document is defined to have getElementById() method in DOM Level 2 Cpre
// http://www.w3.org/TR/DOM-Level-3-Core/core.html# …
// interface HTMLFrameElement is defined to have contentDocument attribute in DOM Level 2 HTML
// http://www.w3.org/TR/DOM-Level-2-HTML/html.html# …
// interface HTMLInputElement is is defined to have value attribute in DOM Level 2 HTML
// http://www.w3.org/TR/DOM-Level-2-HTML/html.html# …
parent.document.getElementById("x2").contentDocument.getElementById("test").value = 5;
}
//]]>
</script>
</head>
<body>
<p onmouseover="test();">あ</p>
</body>
</html>
=========================
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Q5207243 TestCase 3</title>
</head>
<body>
<p><input id="test" type="text" /></p>
</body>
</html>
IE8
Opera 10.00 Beta 2
Minefield 3.6a2pre
Safari v4.0.2(最新はv4.0.3)
で確認。
●多分IE6,IE7ではうまくいかない。
(contentDocumentはサポートされていないと思う。回避はcontentWindowを使うとか聞いたような気がするが,検証する気がない。気があっても仮想環境立ち上げられるほど性能良いマシンじゃないからできないけど)
●IEのインターネットオプションでの設定「ドメイン間でのデータソースのアクセス」の効果も勉強のために調べておくといいかも
あと,耳に痛いかもしれないけど,警告はしておく。
●「可能」と「適切」は全然違うものだ。本当にこの仕組みが必要なのかよく考えて使え
さっそくの回答ありがとうございます。
ただ、難しすぎてよくわかりません。あと、IE7では使えないとの事ですので、これもちょっと困ります。
下フレームのリンク項目が多くどうしてもスクロールが必要で、上フレームにそのリンク先の概要を表示させたいので、出来るととても便利なので、出来ると助かります。よろしくお願いましす。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryで同じクラス名のものを...
-
二次元配列を使って順位をだす...
-
追加ボタンを押した際に ok ボ...
-
ジャバスクリプトについて。
-
Q&A掲示板の入力フォームに文字...
-
階層別の組織図の自動作成について
-
プログラムについて。
-
HTMLで作った時報アプリが動き...
-
読み込んだQRコードをフォーム...
-
変数宣言と初期値代入の場所に...
-
HTMLタグに複数のクラスを設定...
-
二次元配列の中の各行の要素を...
-
出発駅A、到着駅Bを選択すると...
-
オブジェクトから任意のプロパ...
-
clear機能を失わずにファイルア...
-
初心者です。gulpでコンパイル...
-
イラストレーター、縦中横のシ...
-
ローディングアニメーションの...
-
メールフォームの日付入力フォ...
-
iOSのみダブルタップが必要
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページ内検索をフォーム...
-
簡易版パスワード入力画面について
-
海外の時間をホームページ上に表示
-
【JavaScript】特定の条件で特...
-
iframeの部分だけリロード
-
pythonにおける単方向リストの...
-
チェックボタンをクリックする...
-
getElementsByTagNameが使えない
-
【javascript】 IMEのカタカナ...
-
キングファイルの背表紙を作成...
-
カンマ区切り形式ではなく、セ...
-
パワーポイントで参照ページを...
-
各ページの1番上の表示について
-
<IFRAME>でコンテンツ部分のみ...
-
エクセルで例えば、関数を使っ...
-
リンクをアップデートするしな...
-
VBAでマルチページのページ指定...
-
エクセルVBAでマルチページの切...
-
エクセルでアルファベット5段階...
-
文字を一括で置換するソフト・...
おすすめ情報