説明が少々ややこしいのですが。
現在、Win98/ホームページビルダーでHPを作成中なのですが、手詰まりしています^^;

ファイル(1) diary.htm
ファイル(2) march.htm


固定したウィンドウ内のリンクボタンを押して、
固定したウィンドウ内のページをdiary.htmへ移動。
そして、別ウィンドウで開いているiframeの中身を
march.htmへ移動したいのですが、どのように記述して
いいのか分からないのです。

条件は1(ワンクリック)で行うことです!

説明足らずだとは思いますが、補足は致しますので、
どうぞ教えてください!!!

<A href="../diary.htm" target="_self">先月の日記</A>

今は上記応用しようと粘ったのですが、できないのです・・・

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

A 回答 (2件)

うまくいってよかったです。



えーと、蛇足ですが、JavaScirptの導入について。
実は、

<a href="開きたいファイルのURL" target="iframe" onClick="location.href='../march2003.htm'">先月の日記</A>

この中の

onClick="location.href='../march2003.htm'"

この部分が、今回の動作で使用しているJavaScriptになります。 こちらの動作に関しては、head要素内などを含めて、他の箇所で<script>要素内にプログラムを定義する必要がありません。 ですので、お礼の中にある

<script language="JavaScript"><!--
プログラム
// --></script>

この記述は、この他にJavaScriptを利用している動作がなければ、記述しなくても動いてくれるはずですので、ご確認ください。

あと、厳密なことを言えば、スクリプトを設置するページのhead内には、

<meta http-equiv="content-script-type" content="text/javascript">

という行を追加しておくと、なお良いでしょう。 これは、ページ内で使われているスクリプトがJavaScriptであることを明示するメタタグです。 よくわからないときは、特に記述しなくても大丈夫です。

たびたび失礼しました。
    • good
    • 0
この回答へのお礼

再びありがとうございます!
今全ての日記のページを修正したました!
<script language="JavaScript"><!--
プログラム
// --></script>
これはいらなかったんですね^^;

まだまだ分からない事ばかりです。

<meta http-equiv="content-script-type" content="text/javascript">

こういうタグをよく見かけます。
調べてみたいと思います!!

本当ありがとうございました!

お礼日時:2003/04/17 00:48

別ウィンドウのiframeにnameが設定してあるのであれば、JavaScriptを埋め込むことで可能だと思います。



iframeの記述が

<iframe src="***.htm" name="if1">

などのようになっている(iframeのnameが「if1」)としたら、アンカーでターゲット指定をそのインラインフレームにして、それに加えてJavaScriptでページ遷移をする処理を加えればよいでしょう。

具体的には、

<a href="march.htm" target="if1" onClick="location.href='../diary.htm'">先月の日記</a>

と記述すれば可能だと思います。
ここで例示した方法のポイントは、<a>要素のhrefで別ウィンドウ内のiframeのページを呼び出すこと(当然target属性はiframeを指定します)と、JavaScriptで固定ウィンドウのページ移動をする点です。

うまくいかなかったらごめんなさい。
    • good
    • 0
この回答へのお礼

ありがとうございます!!!
ご回答頂いたもので上手くいきました!!
javascriptを適当に定義して(下記)
<script language="JavaScript"><!--
プログラム
// --></script>

そしてリンク先のタグを下記に変更したらいけました!!!\(^O^)/
<a href="開きたいファイルのURL" target="iframe" onClick="location.href='../march2003.htm'">先月の
<TD colspan="2" align="center">日記</A>

javascriptの定義ってこれでよかったのでしょうか?
調べて試しにやってみたらできました!

iframeの名前はそのままiframeにしていました^^;

ひと段落つけそうです!!!ありがとうございました!

お礼日時:2003/04/16 23:12

このQ&Aに関連する人気のQ&A

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

このQ&Aを見た人はこんなQ&Aも見ています

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

Q被リンクのプラチナリンクってどうですか?

被リンクサービスを検討しています。

被リンク業者のサイトを見て回っているのですが、その中で被リンクのプラチナリンクは信用できそうだと思ったので質問をさせてください。

数多ある被リンクサービスの中で返金保証が付いているのはプラチナ被リンクだけです。本当にサービスに自信があるので被リンクのプラチナリンクは返金保証を付けていると思いました。

被リンクのプラチナリンクのSEO施策実績も豊富ですし「最後の安心安全な被リンク提供サービス」と言っているので、被リンクサービスを受けてペナルティを受ける心配もない。

私は被リンクのプラチナリンクにはかなり期待していますが、みなさんの意見も聞きたくて質問してみました。

被リンクのプラチナリンクで間違いないですよね?

Aベストアンサー

SEO対策の専門家です。

ずいぶんと被リンクのプラチナリンクについて期待しているようで申し訳ないのですが、私の率直な感想を言うと

・プラチナリンクの返金保証についてですが返金保証を受けるための条件についてはどこにも説明がない。
・SEO施策実績については本当にプラチナリンクが上げたのかどうかこちらで調べる方法がない。
・プラチナリンクは最後の安心安全な被リンク提供サービスと言っていますが、その根拠が分からない。

私から見るとプラチナリンクはツッコミどころ満載の業者です。

被リンクのプラチナリンクは危険
http://hilink-kiwameru.blogspot.jp/2014/12/blog-post_19.html
という記事は読みましたか。

Q一つのリンクに複数のURLを指定

一つのリンクに複数のURLを指定できますでしょうか?

想像タグ
<a href="http://www.google.co.jp/" & "http://www.yahoo.co.jp/" target="_blank">検索</a>

JavaScriptでも 構いません。



ネットではこんなのが見つかりました。

Bridges  |  BridgeURL
http://bridgeurl.com/

Aベストアンサー

>書籍リストを作っていて、上下巻のある本を一つにまとめたいと考えています。
2つの新規ウィンドウで決まっているなら、簡単に以下の形式でもいけますよ。

タグ例:
<a href="http://www.google.co.jp/" onclick="window.open('http://www.yahoo.co.jp/')" target="_blank">リンク</a>

タグ説明:
<a href="アドレス1" onclick="window.open('アドレス2')" target="_blank">リンク</a>

これなら
<script type="text/javascript"><!--
(省略)
--></script>

は必要ありません。
タグだけでOKです。

Qブログで各リンクの間を開けるには?

ライブドアブログを使用しています。

-----------------------------------
リンク1■■リンク2■■リンク3■■リンク4
-----------------------------------

上記のように記事にリンクを横に複数貼った場合、リンクの間にあるスペース(■はスペースだと思って下さい)が

-----------------------------------
リンク1■リンク2■リンク3■リンク4
-----------------------------------

と半角スペース分しか認識されません。そのため各リンク間が少ししか開かず見栄えが悪くなります。リンクの間を全角スペースまたは任意のスペース分開けたい場合どのようにやればよいでしょうか?

Aベストアンサー


使用ではどうでしょうか?
強制的に半角スペースを挿入できるものです。

livedoorではありませんが、わたしのブログで試したところ、
リンク間にスペースを入れることができました。

リンク1リンク2リンク3

のように何個も続けて入れるとより広いスペースになります。
一番上の行をコピペして使って良いですので^^

Q一つのリンクで、複数のウィンドウを開くhtml

一つのリンクで、複数のウィンドウを別々の任意の位置とサイズで表示させる、htmlでの方法を教えて下さい。時間差で表示させる方法もあれば嬉しいです。

Aベストアンサー

HTML だけでは無理ですね。というわけでスクリプトで実現する方法です。

<a href="aaa.html" onclick="return openWin2()">開く</a>
<!-- href はスクリプト無効時の保険 -->

<script>
function openWin2() {
setTimeout(function(){
window.open('aaa.html', 'aaa', 'left=320,top=0,width=320,height=200');
}, 1000); // 押下1秒後に表示
setTimeout(function(){
window.open('bbb.html', 'bbb', 'left=0,top=200,width=320,height=200');
}, 3000); // 押下3秒後に表示
return false;
}
</script>

Qjavascriptでリンク制御

ページの切り替えをせずに、リンクをクリックしたらそのリンクを押せなくするjavascriptってありますか?
リンクは複数あって、リンクAを押したらリンクAが押せなくなり、
その後リンクBを押したらリンクAは押せるように、リンクBは押せないように…としたいのですが、
javascriptでそういう制御は可能ですか?

Aベストアンサー

可能です。

HTMLのリンク<A>タグは使えないので、スクリプトのonClickで関数を呼び、その関数で有効リンク先、無効リンク先と判定する条件式を書きましょう。

Qワンクリックで2つのページを開くには?

画像にリンクを張る場合など
Aというページにリンクしたい時は、
<A href="AのURL" target="_blank"><img src="画像のパス"></A>

のように記述しますが、

画像をクリックした時(たぶん、Press)にAページ、
そのクリックを離した時(たぶん、Release)にBページと
それぞれ別の2つのページを表示させたいのです。

おそらく JavaScript というものを使うようなのですが、

質問【1】
その記述例を教えて頂けないでしょうか?

質問【2】
またその場合、HTMLのヘッダ部に JavaScript の宣言は必要でしょうか?
特に必要ないのでしょうか?

Aベストアンサー

> またその場合、HTMLのヘッダ部に JavaScript の宣言は必要でしょうか?
> 特に必要ないのでしょうか?
まぁ絶対に必要あるかとまでいってしまうといいえといいたくなりますが、JavaScriptを使用している場合はMETAタグでContent-Script-Typeを記述しておいたほうが良いです。
scriptと言うタグを使っているか否かは全く関係ありません。一応ね。

> 画像をクリックした時(たぶん、Press)にAページ、
> そのクリックを離した時(たぶん、Release)にBページと
> それぞれ別の2つのページを表示させたいのです。
押したときと離したときを別々に判定する必要などありません。
onmousedown="window.open('hoge.html','_blank');window.open('hoge.html','_blank');"のような形で十分です。
ただし二重に開くとポップアップブロックの影響を受けるケースもあるようです。あまりお勧めは出来ませんね。

QCSSでリンクパターンを2つにする

CSSでリンクの色のパターンを2つに変えたい場合、head内にどう記述すればよいのでしょうか。
具体的には、

==========================
リンク1・リンク2・リンク3

ここにはコメントをいれます。

リンク4・リンク5・リンク6
==========================

上記ように表示させ、
link.visited.active.hover.focusを上のリンクと下のリンクで変えたいんです。

大変困っています。
至急ご回答頂けるとありがたいです。

Aベストアンサー

 たとえば、クラスで区分すればよいでしょう。↓

<html>
<head>
<style type="text/css">
<!--
a.aa:link { color: #800000; }
a.aa:visited { color: #808000; }
a.aa:active { color: #cccc00; }
a.aa:hover { color: #8000cc; }
a.bb:link { color: #008000; }
a.bb:visited { color: #008080; }
a.bb:active { color: #00cccc; }
a.bb:hover { color: #cc8000; }
-->
</style>
</head>
<body>
<a class="aa" href="test1.htm">リンク1</a><br>
<a class="aa" href="test2.htm">リンク2</a><br>
<a class="aa" href="test3.htm">リンク3 </a><br><br>
ここにはコメントをいれます。 <br><br>
<a class="bb" href="test4.htm">リンク4</a><br>
<a class="bb" href="test5.htm">リンク5</a><br>
<a class="bb" href="test6.htm">リンク6</a>
</body>
</html>

 たとえば、クラスで区分すればよいでしょう。↓

<html>
<head>
<style type="text/css">
<!--
a.aa:link { color: #800000; }
a.aa:visited { color: #808000; }
a.aa:active { color: #cccc00; }
a.aa:hover { color: #8000cc; }
a.bb:link { color: #008000; }
a.bb:visited { color: #008080; }
a.bb:active { color: #00cccc; }
a.bb:hover { color: #cc8000; }
-->
</style>
</head>
<body>
<a class="aa" href="test1.htm">リンク1</a><br>
<a class="aa" href="test2.htm">リンク2</a...続きを読む

Qonclickで2個指定するには?

例えば、下記のような二つの指定があるします。

function checkd1(){
document.FORM.CHECK1.checked=true
}
function checkd2(){
document.write("テスト");
}

これをonclickで二つとも指定するということはできるのでしょうか?

<a href="#" onclick="checkd1()">ボタン</a>
<a href="#" onclick="checkd2()">ボタン2</a>

を<a href="#" onclick="checkd1(),checkd2()">ボタン</a>としても動いてくれないので、書き直すのではなく、このまま二つを指定したいのですが、どうすればよいのでしょうか?

Aベストアンサー

><a href="#" onclick="checkd1(),checkd2()">ボタン</a>

<a href="#" onclick="checkd1();checkd2()">ボタン</a>

おしいですね。
, ではなく ; なら両方の関数が呼ばれると思います。
(Firefox3とIE6で確認しました。)

なぜ ; かと言うと、
Javascriptの文法で、文の区切りは ; だからですね。

Q指定のページの指定した位置にリンク。

指定のページの指定した位置にリンクしたいのですが。

 例えばリンク1とリンク2とリンク3があってリンク1はページAの1行目へリンク2はページAの10行目へリンク3はページAの20行目へ

って感じみたいにしたいのですが。どうすればいいのか教えてください。

Aベストアンサー

アンカー設定のことだとおもいます。

例えば、リンク元には以下のように設定します。

<a href="#link01">リンク1へ</a>

そして、リンク先には以下のように設定します。
文字列は指定してもしなくてもかまいません。
ある単語に対してリンクするならその単語を</a>の前に
入れて下さい。

<a name="link01"></a>

これは同一ページ内の場合です。
違うページの場合には、最初のリンクの設定でhref="の
あとにそのページのファイル名まで含めたアドレスと
リンク先の名前を指定します。例えば、page2.htmlにある
link02という名前を付けたポイントへ飛ぶには

<a href="page2.html#link02">リンク2へ</a>

という感じになります。もちろん、page2.htmlのリンク先の
場所に

<a name="link02"></a>

を前もって入れておく必要があります。

参考URL:http://www.fromdfj.net/html/anchor.html

アンカー設定のことだとおもいます。

例えば、リンク元には以下のように設定します。

<a href="#link01">リンク1へ</a>

そして、リンク先には以下のように設定します。
文字列は指定してもしなくてもかまいません。
ある単語に対してリンクするならその単語を</a>の前に
入れて下さい。

<a name="link01"></a>

これは同一ページ内の場合です。
違うページの場合には、最初のリンクの設定でhref="の
あとにそのページのファイル名まで含めたアドレスと
リンク先の名前を指定します。例えば、p...続きを読む

Qワンクリックで2つ以上の別のウインドウを開く

こんにちは。

個人のブログで、ワンクリックで、2つ以上のウインドウを開くようにしたいと思い、ネットで探していると、以下のように書かれていましたが、上手くいきません。 どうすればよいのか、お分かりの方がいましたら、お願いいたします。

<A HREF=" onClick="{window.open('a href="http://tv.yahoo.co.jp/');window.open('http://www.yahoo.co.jp/');return false;}">続きを読む</A>

http://questionbox.jp.msn.com/qa773195.html

Aベストアンサー

あの~、昔そういうサイトがアダルトサイトなどでたくさんあって
今やセキュリティソフトでブロックされてしまいますけど?


人気Q&Aランキング