こんにちは。いつもお世話になっております。

<body>タグの中に
<a href="javaScript:chaneIFrame('URL')">飛ぶ</a>
として、インラインフレーム表示させる事はでできました。
これを、文字クリックではなくて、ボタンクリックで
表示させるようにする方法はありませんでしょうか?
検索してみたのですが、サンプルはどこも文字クリック
になっていて、ボタンでのインラインフレーム切り替え
がなくって・・・・。

どうかご指導よろしくお願いいたします。

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

A 回答 (2件)

こういう話なのでしょうか・・・?



参考URL:http://www.usagi-js.com/sample/sample6/sample18a …
    • good
    • 0
この回答へのお礼

そうです。探していたのはご紹介していただいた
動きです。

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

お礼日時:2005/04/19 22:45

<button type="button" onclick="javaScript:chaneIFrame('URL')">飛ぶ</button>


とすればいいです。
    • good
    • 0
この回答へのお礼

こういう方法もあるのですねっ。
ありがとうございました。

お礼日時:2005/04/19 22:49

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

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

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

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

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

QIFRAMEの表示/非表示を切り替えたい

こんにちは。初歩的な質問ですが、タイトルの件についてです。

JavaScriptを使ってIFRAMEの表示/非表示を切り替えたいのですが、早速つまづいてしまいました。
以下がソースです。(JavaScript呼び出し部分は省略します。)

■IFRAME部分■
<iframe src="test.html" style=" visibility:visible;" name="test">
</iframe>

■JavaScript部分■
<SCRIPT Language="JavaScript">
<!--
function test() {
window.document.test.style.visibility = hidden;
}
// -->
</SCRIPT>

よろしくお願いします。

Aベストアンサー

<iframe id="test" src="test.html" style="visibility:visible;">
</iframe>

function test() {
document.getElementById('test').style.visibility = "hidden";
}

でどうでしょうか・・?
hidden は "" でくくる必要があると思います。

QjavascriptでiframeのURL変更は?

javascript初心者ですが、あれこれ悩みながらselect(仮にA)、radio(B)、radio(C)から取得したnameに".html"を足すことで、差し替えたいURLを形成することができました。
A,B,Cの選択を A_B_C.html という形にして それをwindow.open または locationで表示することまではできたのですが、インラインフレームの中にそのURLを表示させたりURLの差し替えをすることができません。
長い間悩みましたが解決できず困っています。

方法をご存知の方がいらっしゃいましたら、ご教授よろしくお願いいたします。




<script type="text/javascript">
<!--
//カラーの取得
function getRadio(colNo){
var col = '';
for(var i = 0; i < colNo.length; i++){
if (colNo[i].checked){
col = colNo[i].value;
break;
}
}
return col;
}

//柄の取得
function getGara(garaNo){
var gara = '';
for(var j = 0; j < garaNo.length; j++){
if (garaNo[j].checked){
gara = garaNo[j].value;
break;
}
}
return gara;
}

function show(url){
var size =document.fm.size.value;
var col = document.fm.col;
var gara = document.fm.gara;
var src = "shohin/";
var url;
var tourl = (src + size + "_" + getRadio(col) + "_" + getGara(gara));

var ifr = document.getElementById("s-box");

if(size==""||col==""||gara==""){
var url = (src+"annai.html");
}

else{
var url = (tourl + ".html");}

ifr.location = url;
}
//-->
</script>
-----------bodyの中--------
<form name="fm"
<select name="size"
<input type="radio" name="col"
<input type="radio" name="gara"

中略

<iframe name="s-box" src=""></iframe>
<input type="button" value="組合せを見る" onClick="show(url)" /></form>

javascript初心者ですが、あれこれ悩みながらselect(仮にA)、radio(B)、radio(C)から取得したnameに".html"を足すことで、差し替えたいURLを形成することができました。
A,B,Cの選択を A_B_C.html という形にして それをwindow.open または locationで表示することまではできたのですが、インラインフレームの中にそのURLを表示させたりURLの差し替えをすることができません。
長い間悩みましたが解決できず困っています。

方法をご存知の方がいらっしゃいましたら、ご教授よろしくお願いいたします。



...続きを読む

Aベストアンサー

iframeのソースを変更するなら、
iframe.location=url;
ではなく、
iframe.src=url;
ですよ。

Qインラインフレーム内ページの切替

インラインフレームに関して教えてください。

以下の構成になっています。
index.html・・・メニューページ
 リンクA
 リンクB
 リンクC
hyouji.html・・・インラインフレーム枠ページ
 a.html・・インラインフレーム内に表示するページ1
 b.html・・インラインフレーム内に表示するページ2
 c.html・・インラインフレーム内に表示するページ3

実施したい事は、
index.htmlの
リンクAをクリックすると、
houji.html内のインラインフレームには、a.htmlを表示。
リンクBをクリックすると、
houji.html内のインラインフレームには、b.htmlを表示。
リンクCをクリックすると、
houji.html内のインラインフレームには、c.htmlを表示。

一つは、
それぞれhyouji_a.html hyouji_b.html hyouji_c.htmlを用意する事だと思うのですが、ファイルが増えていくので出来れば、枠はhyouji.htmlだけにしたいと思っています。可能でしょうか?

インラインフレームに関して教えてください。

以下の構成になっています。
index.html・・・メニューページ
 リンクA
 リンクB
 リンクC
hyouji.html・・・インラインフレーム枠ページ
 a.html・・インラインフレーム内に表示するページ1
 b.html・・インラインフレーム内に表示するページ2
 c.html・・インラインフレーム内に表示するページ3

実施したい事は、
index.htmlの
リンクAをクリックすると、
houji.html内のインラインフレームには、a.htmlを表示。
リンクBをクリック...続きを読む

Aベストアンサー

javascriptを使ってもいいでしょうか。

一つ前の、
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1061474
の回答として考えたもののアレンジなのですが

index.html
<a href="houji.html?a">リンクA</a>
<a href="houji.html?b">リンクB</a>
<a href="houji.html?c">リンクC</a>

hyouji.html
<head>
<script>
function Jump() {
IframeURL = location.search;
IframeURL = IframeURL.substring(1);
IframeURL = IframeURL + ".html";
document.getElementById("Change").innerHTML='<iframe src="' + IframeURL + '" width="xx" height="yy"></iframe>'; // 実際のインラインフレームのタグに合わせて下さい
}
</script>
</head>
<body onload="Jump()">
<div id="Chanve">
<iframe src="a.html" width="xx" height="yy"></iframe>
</div>

こんなモノではいかがでしょう。

javascriptを使ってもいいでしょうか。

一つ前の、
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1061474
の回答として考えたもののアレンジなのですが

index.html
<a href="houji.html?a">リンクA</a>
<a href="houji.html?b">リンクB</a>
<a href="houji.html?c">リンクC</a>

hyouji.html
<head>
<script>
function Jump() {
IframeURL = location.search;
IframeURL = IframeURL.substring(1);
IframeURL = IframeURL + ".html";
document.getElementById...続きを読む

Qcssで「下よせ」ってどうやっていますか?

フロートのレフト、ライトはいいとして、

あるボックス要素内(A)に異なるボックス要素(B)をいれます。
この(B)を(A)の一番そこにはりつかせたい時にどうすれば
最もよいのでしょうか?

いいアイデアをご教授ください。

Aベストアンサー

こんなのはどうかな?

position: absolute;
bottom: 0px;

Q画像イメージの上下左右、欲しいところに好きな間隔を入れられますか?

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方に要らない間隔ができてしまい困っています。

例えば右だけに間隔が欲しい。
左だけに間隔が欲しい。

こういう場合って、何かやり方があるのでしょうか。

もともと余白込みの画像を用意するという手も講じましたが、
その場合はその場合で、その画像が他のレイアウトに流用しづらい
という弱点を生んでしまい、レイアウトごとに画像を用意しなければならないので
対症療法としてはうまくいきませんでした。

また、画像ごとにセルを用意して任意の余白を作り出す手もありましたが、
セルがあまりにも絡まりあってしまい、
かなりぐちゃぐちゃなものになるためうまくいきませんでした。

やはりもうちょっと詳しい方にお訊きしようと思いまして
質問を立てさせていただきました。
素人質問で大変申し訳ありません。
どうぞ宜しくお願いいたします。

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方...続きを読む

Aベストアンサー

HTMLの初歩です。具体的には、
-------------------------------------------
<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 10px 20px 0 30px;">

上10px 右20px 下0 左30px の四方の隙間が開く。
数値は例なので適当に変更を。
-------------------------------------------

<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 5px 20px;">
上下5px 右右20px の2方の隙間が開く。

Qテーブルとテーブルの間隔について

同じサイズのテーブル縦にいくつか並べているのですが、今現在は全く隙間無くくっついています。

これを少しだけ(改行タグ<br>の半分以)間隔を空けたいのですが、どうすれば良いのでしょうか?

Aベストアンサー

一番シンプルな方法としては
<table>タグを<table style="margin-bottom:○○px">と書き直します。

QJavaScriptでiframeの内容を「空ページ」にする方法

JavaScriptでiframeの内容を「空ページ」にする方法

動作環境はWinXP IE8です。
iframeでsrcに何も指定しないでhtmlを開くと、真っ白な状態で開きます。
プロパティを見ると「about:blank」となっています。

一旦他のページを開いたあとに、クリアボタン押下時に
この状態にしたいのですが、どうもうまくいきません。

とりあえず、普通にURLを指定するときと同じ感覚で
document.getElementById("…").src = "about:blank";
と書いてみたのですがうまくいきません。

document.getElementById("…").src = "";
でも同じです。

iframeの中身を空にする方法はないのでしょうか?
出来るのかできないのか、もしできるのならその方法を教えてください。
よろしくお願いします。

Aベストアンサー

うーん。再現できませんね、IE8で試してるんですけど
↓とどこが違います。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Test</title>
<script type="text/javascript">
<!--
function fuga(){
document.getElementById("hoge").src = "about:blank";
}
// -->
</script>
</head>
<body>
<div><button onclick="fuga();" type="button">clear</button></div>
<iframe src="http://oshiete.goo.ne.jp/qa/6283562.html" id="hoge"></iframe>
</body>
</html>

Qテーブル内の文字サイズを変更したい。

HTMLのテーブル内の文字サイズを変更したいのですが。
イマイチ上手くいかずに悩んでいます。
出来れば全体的に<TABLE></TABLE>のほうでいじれますか?
<TD>タグや<TR>タグのところでいじくるのですか?

Aベストアンサー

いろいろやり方はありますが
文字単位でサイズを変更するには
#2の方法ですね。

テーブルごとやセル(<TD>)ごとにサイズを変更するには
スタイルシート(CSS)を使用します。

テーブルごとにサイズを変更する場合
<TABLE style="font-size : 20px;">

セル(<TD>)ごとにサイズを変更する場合
<TD style="font-size : 20px;">あああ</TD>

#1の方法だとページ内の全てのセル(<TD>)に設定することになります。

スタイルシート(CSS)はこれら以外にも
いろいろな設定方法があります。

Qテーブルでセルの枠線を消す(CSS)

表をつくり、下記の方法でセルの枠線を消しています。

<html>
<head>
<style type="text/css">
<!--
td{border-color:black;}
-->
</style>
</head>

<table border>
<colgroup span=2 width=50></colgroup>
<tr>
<td>a</td>
<td style={border-style:none;}>aa</td>
</tr>
<tr>
<td>b</td>
<td>bb</td>
</tr>
</table>
</html>

セルのタグ<td>内にスタイルシートを設定するだけで消せると思ったのですがうまくいかず、
先頭で設定するスタイルシートで<td>のボーダー設定をすると何故か消す事が出来ました。

なぜ<td>内の設定だけで消えないのか理由が分かる方、説明お願いします。

Aベストアンサー

こちらの環境(WinMe)のIE6では、質問文中のソースの、head内のスタイル要素を除いた分のソースで、aaという文字が入るセルの内側の境界線は消えるようです。 style要素の「td{border-color:black;}」この部分が無くてもです。
今一度、このスタイルシートを削って、再度表示を検証してみてはいかがでしょうか?

また、#1でも指摘されていますが、

<td style={border-style:none;}>aa</td>

この記述は誤りです。

<td style="border-style:none;">aa</td>

に直す必要があるでしょう。 IEでは拡大解釈して{}でスタイルシート部分を括っても問題なく解釈してくれますが、Netscapeなどでは不正な書式としてこの部分の指定が完全に無視される可能性があります(こちらの環境のNetscape 7.1では無視されました)。
head内のstyle要素では「セレクタ {プロパティ:設定値;}」という形で記述しますが、タグ内のstyle属性としては「style="プロパティ:設定値;"」と記述するのが正当でしょう。
また、タグ内の属性については、その値はすべて引用符で括ることが推奨されていますので、できる限り""で括るようにした方が無難です。 場合によっては、ブラウザがその属性を正常に解釈しなくなることもあります。 スタイルシートをタグ内で直接設定する場合や、スクリプトをイベントハンドラに記述する場合には特に、注意が必要と思います。

参考になれば。

こちらの環境(WinMe)のIE6では、質問文中のソースの、head内のスタイル要素を除いた分のソースで、aaという文字が入るセルの内側の境界線は消えるようです。 style要素の「td{border-color:black;}」この部分が無くてもです。
今一度、このスタイルシートを削って、再度表示を検証してみてはいかがでしょうか?

また、#1でも指摘されていますが、

<td style={border-style:none;}>aa</td>

この記述は誤りです。

<td style="border-style:none;">aa</td>

に直す必要があるでしょう。 IEでは拡大解釈...続きを読む

Qsubmitとは?

超初心者レベルな質問なんですが、「submit」とはどういう意味でしょうか?
いろいろ調べたのですが、当たり前のように「サブミット」という言葉が使われていて、正確な意味がわかりません。
どうも、画面遷移とかイベント発生時に情報を送るというような感じなのかな?と思っているのですが、正しくは、どういう時に使用するものなんでしょうか。

Aベストアンサー

Javaというより、HTML、JavaScriptの言葉になります。
HTMLのformタグの内容をサーバに送信するボタンや送信する動作のことを言います。

最近、Javaを使用する場合は、Servletを使用したWebアプリを作る場合がほとんどなので、HTMLの内容がJavaのプログラムや参考書にでてきているんだと思います。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報