現在javascriptを用いてHP作成に取り組んでいる者です。
今回はそのjavascriptでのリンクのはりかたに
わからないところがあるためご質問させていただきます。
自分のHPはフレームを左25、右75の二つにわけていて、現在、左のフレームの方にjavascriptを使用し
プルダウンメニューからのリンクを多くはっています。
希望としてはプルダウンメニューからあるサイトを
選んだときに、その選択したサイトが別ウインドウにでブラウザに表示されるといった仕様にしたいのですが、現実は別ウインドウが開かず、自分のHP上の左フレーム内でのちっさな範囲内のみでしか表示されません。
これではせっかくリンク先へ飛んでも
そのサイトが極小の範囲でしか表示されないので
開いたページの文章が読みにくく、リンクをつけている意味がまったくなくなってしまいます。

javascriptで
HTMLのタグのような<a href=リンク先 target="blank">
といったリンク先のページを別ウインドウに表示させる機能と同じような機能はありませんでしょうか。

お分かりの方がおられましたらよろしくお願いします。

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

A 回答 (6件)

参考URLはリンク先ごとに表示させるフレームや別ウィンドウを指定できるサンプルです。



参考URL:http://wws.cside.com/factory/tips/tips_b9.html
    • good
    • 0

動作確認していませんが以下に変更すれば別ウィンドウで表示されると思います



function movepage(){
var target=document.formda.pulldown.value;
window.open(target,"sub","width=800,height=600,scrollbars=yes,location=yes,menubar=yes");
}
    • good
    • 0

target="blank"→"_blank"


じゃないの?
javascriptからは、
window.open
    • good
    • 0

window.openでは駄目ですか



<html>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html" CHARSET="Shift_JIS">
<TITLE></TITLE>
<script language="JavaScript">
<!--
function link(url){
window.open(url,"sub","width=800,height=600,scrollbars=yes,location=yes,menubar=yes");
}
// -->
</script>
</HEAD>
<body>
<a href="JavaScript:link('http://www.goo.ne.jp/');">goo</a>
    • good
    • 0

> target="blank">


> ではなく
> target="表示するフレーム名"
> に変えてみては?

え?
JavaScript で、という質問だと思いますが?

--w-- さん、とりあえず、現在どのような JavaScript でリンクを貼っているのか、ソースを提示してください。

この回答への補足

<html>
<script language="JavaScript"><!--
function movepage(){
var target=document.formda.pulldown.value;
document.location=target;
}
//--></script>
<body link="#008000" vlink="#ff0000" alink=""00ffff">
<center>
<a href="kansou/kansou.html" target="blank">コラテラル</a><br>
★★★<br>
<a href="kansou/mashinisuto.html" target="blank">マシニスト</a><br>
★★★★<br>

<a href ="kansou/nashonaru.html" target="blank">ナショナルトレジャー</a><br>
★★★☆
</center>
<hr/>
<font color ="green">
<font size="1">日記はこちらから</font><br>
</font>
<a href="http://plaza.rakuten.co.jp/*****/"target="top">マイブログ</a>
<hr>
<h3>リンク<h3>
<form name="formda">
<select name="pulldown">
<option value="http://movie.maeda-y.com/">前田有一映画批評</option>
<option value="http://www.ne.jp/asahi/hp/mastervision/">マスター</option>
</select>
<input type="button" value="GO" onClick="movepage()">
</form>
</body>
</html>

現在このようなリンクをはっています
どこを修正すれば違う別ウインドウを表示できるでしょうか。
よろしくお願いします

補足日時:2005/04/11 19:35
    • good
    • 0

target="blank">


ではなく
target="表示するフレーム名"
に変えてみては?
    • good
    • 0

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

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

このQ&Aを見た人が検索しているワード

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

QCSSとJavascript(jQuery)の使い分け方

こんにちは。
CSS、Javascript(jQuery含む)を覚えたての初心者です。

CSSファイルはHTMLの装飾、JavaScriptはHTMLで作ったページに「動き」をもった内容を表示できます。
しかし、Javascriptファイルでは、jQueryファイルと一緒に使い、例えば
$("function(){});").css("color","red"); などを使うことで
CSSファイルと同じように、文字を大きくしたり背景に色をつけたりすることができます。

これでは極論を言ってしまえば、$("function(){});").css("color","red");  をつかった.jsファイルを作りこむことでCSSが不要になってしまいます。しかし、CSSはどのウェブページでも必ず使われているものです。

JavaScript(とjQuery)を使ってホームページを作っている方は、
CSSとJavaScript(とjQuery)との使い分けを どのようにしているのでしょうか?

宜しくお願い致しますm(_ _)m

こんにちは。
CSS、Javascript(jQuery含む)を覚えたての初心者です。

CSSファイルはHTMLの装飾、JavaScriptはHTMLで作ったページに「動き」をもった内容を表示できます。
しかし、Javascriptファイルでは、jQueryファイルと一緒に使い、例えば
$("function(){});").css("color","red"); などを使うことで
CSSファイルと同じように、文字を大きくしたり背景に色をつけたりすることができます。

これでは極論を言ってしまえば、$("function(){});").css("color","red");  をつかった.jsファイルを作り...続きを読む

Aベストアンサー

CSS と JavaScript の使い分けはあなた自身が答えを書いてるじゃないですか、
> CSSファイルはHTMLの装飾、JavaScriptはHTMLで作ったページに「動き」をもった内容を表示
と。

確かに JavaScript で CSS を操作することは可能です。しかしそれは JavaScript での何らかの処理の結果をユーザーに通知するためのもので、処理によって変化しない箇所や初期状態の装飾を設定するものではありません(ただし初期状態としての要素の不可視化は例外:JavaScript を切った状態では不可視な要素へのアクセスができなくなるため)。

また、実際の表示の際 JavaScript で装飾を行うと、まずブラウザのデフォルトの装飾がページに施され、そののちに JavaScript による装飾変更が行われるため二度手間になります。それに対して CSS による装飾を行うと、ブラウザのデフォルトの装飾方法を CSS が修正してそれをページに適用するだけで済みます。

QJavaScript フレーム内のインラインフレームへのリンク

こんにちは

JavaScriptを使って、セレクトメニューのリストから選択すると、同ページ内にあるインラインフレームにページが展開するようにしたいのですが行き詰ってしまったので質問させてください。

・問題点
下記のようにJavaScriptの記述をしているのですが
ブラウザで開いて見ると、「更新情報6月」などを選択しても、もともと開いているページが表示されたままで別のページが開きません。

・ファイル構成
index.html(フレームセット)
 -menu.html(フレーム名 menu)
 -main.html(フレーム名 main)

 new.html(indexを開いた時に表示されているページ)
 new6.html(更新情報6月をクリックすると開いてほしいページ)
 new5.html(更新情報5月をクリックすると開いてほしいページ)

main.htmlの中にインラインフレーム(name=myNew)
とセレクトメニューがあります。

こちらの過去ログを見たりして記述することが出来たのですが、main.htmlを単体で開いた場合は動作してindex.htmlで開いた場合は動作しないようなのです

「parent.myNew.」がいけないのかなと思うのですが
JavaScriptの細かいことが分からないので
どうしたら良いのか・・・
parentを消したり、thisにしたりしてみたんですが
うまくいきませんでした。

どなたかアドバイスをお願いいたします

----- 記述内 ------------
<select onChange="parent.myNew.location.href=this.options[this.selectedIndex].value">
<option value="" selected></option>
<option value=new6.html>更新情報6月</option>
<option value=new5.html>更新情報5月</option>
</select>

<iframe src="new.html" name="myNew" width="250" height="400"></iframe>

こんにちは

JavaScriptを使って、セレクトメニューのリストから選択すると、同ページ内にあるインラインフレームにページが展開するようにしたいのですが行き詰ってしまったので質問させてください。

・問題点
下記のようにJavaScriptの記述をしているのですが
ブラウザで開いて見ると、「更新情報6月」などを選択しても、もともと開いているページが表示されたままで別のページが開きません。

・ファイル構成
index.html(フレームセット)
 -menu.html(フレーム名 menu)
 -main.html(フレ...続きを読む

Aベストアンサー

window.self.myNew.location.href=this.options[this.selectedIndex].value

これで充分だと思います。


object window :ウインドウオブジェクト(ウインドウやフレームの総称)を示す。
object window.parent :ウインドウ内のフレームの親フレーム。親がいない場合は自分自身を示す。
object window.self :現在のウインドウ自身。(既定値と思われる)
object window.top :一番手前(トップ)にあるウインドウ。
object window.self.location :アドレス(URL)に関する情報を持つ。
string window.self.location.href :URL。
object window.self.document :表示している文書自体を示す。
object window.self.document.all() このドキュメント中のすべてのエレメントを参照する。
[注意:document.all() は、IE4 以降やOperaは対応。Mozillaなどは対応していない。]
object window.self.document.getElementById() :id 属性で指定した名前で要素を参照する。
[注意:やはり一部のブラウザのみ対応。]
array window.self.document.layers :layerに関する情報を提供したり、操作を行うオブジェクト。
[注意:ネスケおりじなる・・・。]
よってこれらは、
if(window.self.document.getElementById){
}else if(window.self.document.all){
}else if(window.self.document.layers){
};
と存在チェックをして振り分けをしてそれぞれを用いるべきです。
出来たらこれを関数として用意しておくと便利です。


理想はそれぞれ存在チェックをして処理を振り分けですが、そこまでする必要があるのかはよく判りません。
まぁ知識の上ではそれが理想で
現実では最初に提示した方法だけでも充分かと・・・。

window.self.myNew.location.href=this.options[this.selectedIndex].value

これで充分だと思います。


object window :ウインドウオブジェクト(ウインドウやフレームの総称)を示す。
object window.parent :ウインドウ内のフレームの親フレーム。親がいない場合は自分自身を示す。
object window.self :現在のウインドウ自身。(既定値と思われる)
object window.top :一番手前(トップ)にあるウインドウ。
object window.self.location :アドレス(URL)に関する情報を持つ。
string window.self...続きを読む

QCSSやJavaScriptのバージョン指定

HTMLを書くときにCSSやJavaScriptのバージョン指定は必要なのでしょうか。
各ブラウザのバージョンによって対応するCSS・JavaScriptのバージョンが決まっていると思うのですが、例えば、CSS3やJavaScript2がでてきたときに、バージョン指定していないWebページで表示が壊れる等ないのでしょうか。

現在CSS2.1で書かれたページもいつかは、CSS2.1対応のブラウザがなくなり見れなくなります。
ただ、近々CSS3がでたときにバージョン指定していないため、ブラウザ側でCSS3で表示しようとし、見れなくなる等あるのでしょうか。

ご回答いただければ幸いです。

Aベストアンサー

今でもCSSやJavaScriptのバージョン指定はしてませんよね。
特に指定しなくてもブラウザがそれらに対応してればそのように表示するし、
対応してなければ意図した表示にならない可能性は高いでしょう。
例えそれが新しいCSS3だからといってもバージョンこそ違えどCSSに変わりはないので同じです。
逆にブラウザの方のバージョン指定が必要になってくるかも ^^;

Qリンク先をフレーム(+フレーム内の1つを別々のページへ)

タイトル通りなんですが、

あらかじめ、frame.htmlという
上と左右に分割されたページ
(上はtop.html、左はleft.html、右はright.html)
があるとします。

で、index.htmlから1~3までのリンク先があり、
そこをクリックすると、frame.htmlの
top.htmlとleft.htmlだけ同じファイルを呼び出し、
right.htmlの部分だけ各1~3のページを
読み出す事はできるのでしょうか?

1~3.html用にそのフレームページを3つ作れば早いのですが
どうにかして、frame.htmlの「right」だけを各リンク先のページに
切り替えるという、1つのファイルで賄いたいと思っております。

宜しくお願い致します。

Aベストアンサー

方法としては、
・index.htmlのリンク1~3のhrefをそれぞれ
 "frame.html?ptn=1"
 "frame.html?ptn=2"
 "frame.html?ptn=3"
 などとしてframe.htmlへどのリンクを踏んだかを渡す

・frame.htmlの先頭でindex.htmlから渡された値(ptn)を取得する
 window.documentあたりで取得できると思います。
 (文字列操作等が必要かもしれない)

・取得した値(ptn)によってframesetのsrcを振り分ける。
 ptn=1だったらright1.html
のような感じで。

といった具合で実現可能かと。

Qcssにjavascriptを入れる?呼び出す??

技量が乏しいので見当違いな質問でしたらすいません。

今ホームページにjavascriptによるログ解析を行うためhtmlファイルにタグを挿入しているのですが、すべての該当ページに挿入するのに苦労しています。
これをcssを使う事でcssだけ変更すればすべてのファイルにjavascriptを追加するような事はできませんでしょうか。
cssの記述方法についてご教授頂ければありがたいです。


cssやjavascriptそれぞれ1つとっても私には難しく・・・
よろしくお願いいたします。

Aベストアンサー

cssでスクリプトの読みこみはできませんが、
cssをうめこむ手順に近い形でjavascriptの
うめこみをすればよいのでは?

<script type="text/javascript" src="hoge.js"></script>

とし、hoge.jsを書きかえれば全てのページの
スクリプトが変わります。

Q別ウインドウを開いて、更に、そこから、新しい別ウインドウを開きたいのですが、、、

別ウインドウ(SUB1)を開いて、更に、そこから、新しい別ウインドウ(SUB2)を開きたいのですが、うまくいきません。
そもそも、ページの仕組みは、フレームページです。
左右2枚です(左は、HPのリンクメニューです、右に各自が自由にUPできる仕組みです、FTP転送により、、、)
右ページにUPするには、各自定められているアカウントで転送します。
さて、現象なんですが、SUB2が、左のフレームに、表示されてしまうのです、本当は、別ウインドウとして表示されてほしいのに、、、、しかし、この、メインのフレームページを右だけ開くと、きちんと、別ウインドウとして表示されます、こんなこと、あるのでしょうか?

Aベストアンサー

開こうとしている別ウィンドウに与えられている名前が、フレームページに与えられている名前と重複していることが原因なのではないでしょうか。

window.open()の第二引数は、その第一引数で指定されたファイルを開くウィンドウないしフレームの名前を指定しています。 a要素のtarget属性と同等の意味を持っていると考えていいでしょう。
ですので、sub2を開く関数のwindow.open()の記述を見直して、第二引数で与えているウィンドウの名前を別の名前に変えるか、もしくは"_blank"に書き換えれば解決できると思いますよ。

見当違いでしたら、ごめんなさい。

Q時間帯によって背景を切り替えるJavascriptとCSS

時間帯によって背景を切り替えるJavascriptとCSSを作りたいのですが以下の書き方で良いのでしょうか?切り替わるには切り替わるのですが、時間の指定がうまくいってないようです。。

また下の3行はJavascriptをOFFにしているときはこのCSSという意味で良いですか?

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function getCSS()
{
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();

if (thehour > 20)
display = "includes/tree_twilight.css";
else if (thehour > 17)
display = "includes/tree_sunset.css";
else if (thehour > 14)
display = "includes/tree_afternoon.css";
else if (thehour > 11)
display = "includes/tree_noon.css";
else if (thehour > 7)
display = "includes/tree_morning.css";
else if (thehour > 4)
display = "includes/tree_sunrise.css";
else if (thehour > 1)
display = "includes/tree_twilight.css";
else
display = "includes/tree_sunset.css";

var css = '<';
css+='link rel="stylesheet" href=' + display + ' \/';
css+='>';

document.write(css);
// End -->
}
</script>

<script language="javascript">getCSS();</script>

<noscript>
<link rel="stylesheet" href="includes/tree_sunset.css" type="text/css"/>
</noscript>


宜しくお願いします。。

時間帯によって背景を切り替えるJavascriptとCSSを作りたいのですが以下の書き方で良いのでしょうか?切り替わるには切り替わるのですが、時間の指定がうまくいってないようです。。

また下の3行はJavascriptをOFFにしているときはこのCSSという意味で良いですか?

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function getCSS()
{
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();

if (thehour > 20)
display = "includes/t...続きを読む

Aベストアンサー

★『>』と『>=』演算子の使い方は、次のようになります。

サンプル1:
if ( thehour > 17 ){
 18~23時
}
else if ( thehour > 11 ){
 12~17時
}
else if ( thehour > 5 ){
 6~11時
}
else{
 0~5時
}

サンプル2:
if ( thehour >= 18 ){
 18~23時
}
else if ( thehour >= 12 ){
 12~17時
}
else if ( thehour >= 6 ){
 6~11時
}
else{
 0~5時
}

解説:
・『>』演算子よりも『>=』演算子の方が分かりやすいというのは if の
 ブロック内の最初が『比較時間~』という解釈が出来るからです。
 どちらでも処理的には同じですので最終的に『お好み』ですよ。
 これで分かりましたか?
・以上。→私は『サンプル2』の方が分かりやすいと思った。でアドバイスしたの。

Qリンク先のURLを記述せずに、Javascriptでランダムリンクを貼

リンク先のURLを記述せずに、Javascriptでランダムリンクを貼る方法をさがしています。

いまWEBサイトを作っていて、
ランダムリンクのページを追加するときに、
簡単な方法はないのか探しています。

ちょっとこれでは意味がわからないと思うので、
説明させてください。

いま作っているサイトの問題点は、
ランダムリンクで飛んだページに、
ランダムリンクのボタンがあるので、
ページを増やすごとに、それぞれのhtmlを書き換えなければならないところです。


いま書いてあるのは、このような体裁です。


────────────────────────────────────────

★javascript

<script language="JavaScript"><!--
myCnt = 6; // リンク先の数
myTable = new Array( // リンク先の登録
"page1.html",
"page2.html",
"page3.html",
"page4.html",
"page5.html",
);

function myRndLink(){ // 適当に選んでリンクする関数
myRnd = Math.floor(Math.random()*myCnt); // 0~(myLine-1)の乱数を求める
location.href = myTable[myRnd]; // リンクする
}
// --></script>

★ボタン↓
<input type="image" img src="randam.jpg" "onclick="myRndLink()">


────────────────────────────────────────


それぞれのpage内にランダムリンクがありますので、
page6を追加する場合、上のpage1~5それぞれのhtmlに、
「page6」を追加して記述せねばなりません。
pageを増やすごとに、労力がかかるのは、ちょっとしんどいです。

自分が考えた打開策は、


 (1)指定したフォルダの中からランダムリンクするような方法


これであれば、新しく作ったページをフォルダ内に入れるだけなので簡単かと。


 (2)あるファイル名(例えば、page)を含むものからランダムリンクするような方法


これであれば、新しく作ったページの名前を「page●●」にするだけなので簡単かと。


javaはまったく読むことができないので、
親切な方のサイトからコピペして使っていますが、
上のような方法は可能なのでしょうか?
検索しても出てきませんでした。

みなさん、よろしければ知恵をお貸しください。
よろしくおねがいします。

リンク先のURLを記述せずに、Javascriptでランダムリンクを貼る方法をさがしています。

いまWEBサイトを作っていて、
ランダムリンクのページを追加するときに、
簡単な方法はないのか探しています。

ちょっとこれでは意味がわからないと思うので、
説明させてください。

いま作っているサイトの問題点は、
ランダムリンクで飛んだページに、
ランダムリンクのボタンがあるので、
ページを増やすごとに、それぞれのhtmlを書き換えなければならないところです。


いま書いてあるのは、このような体裁です。


─...続きを読む

Aベストアンサー

Javascriptを外部ファイルにする

myTable = new Array(
"page1.html",
"page2.html",
"page3.html",
"page4.html",
"page5.html");

function myRndLink(){
myRnd = Math.floor(Math.random()*myTable.length);
location.href = myTable[myRnd];
}

以下はscript.jsで保存した場合。

各HTMLファイルの<head></head>内に
<script language="JavaScript" src="script.js"></script>
を追記。

<head>
<script language="JavaScript" src="script.js"></script>
<title>???</title>
</head>

こんな感じ。

編集は外部ファイルにしたJavascriptファイルのみで済む。

Q【HTML&JavaScript】JavaScriptでのCSSの操作

【HTML&JavaScript】JavaScriptでのCSSの操作
みなさんはじめまして、kimama8と申します。
今回は、JavaScriptによるCSSの操作について聞きたいことがありましたので、
質問させていただきます。

div要素のCSSプロパティの一つ、visibilityプロパティをJavaScriptから操作するには、
どのようにすればよいのでしょうか?
「CSS JavaScript 操作」などと検索にかけても、自分に合う情報が得られなかったので
ここで質問させていただきます。
忙しいとは思いますが、よろしくお願いします。

Aベストアンサー

「JavaScript CSS visibility」で検索すると色々出てきましたよ。

http://javascript123.seesaa.net/article/103571862.html
これが判りやすいかな。

Q別フレームで開いたウインドウの制御

================
フレームA
Aリンク
-----------------
フレームB
リンクB
================

このような形のページで、

リンクA,リンクBをクリックすると
それぞれwindow.openで
ウインドウが開く処理をしているのですが、

もし、フレームAのリンクAを選択したときに
リンクBのウインドウが開いていた場合、
リンクBで開いたウインドウを閉じてから
リンクAのウインドウをオープンするという処理を追加したいのですが、
この場合、どのように処理をすればよいのでしょうか?

御回答、よろしくお願いします。

Aベストアンサー

window.open()の第2引数で、ターゲット名を指定してあげれば、良いかと。
開いていたウィンドウが再利用されます。

より細かく制御したい場合は、予めウィンドウ・オブジェクトを取得しておくか、閉じられるウィンドウ側のUnLoadイベントで後始末処理を記述しておくとか。


人気Q&Aランキング

おすすめ情報