サブウインドウのオプション全てなしの表示について

[新着] Webテンプレートを仮オープンしました

0   名前： pippi ： 2006/11/24（金） 18:17  ID:CebbX8.x
インラインフレームでテーブル表示させているページのソースです。
テーブル表示はそのままで、サブウインドウを開く(Bタイプ）で、
オプションは全てなしにしたいのですが、オプションが"yes"の状態で
表示されてしまいます。
どの部分を訂正すべきか、ご教授願います。

リンクさせる"html"へも<META http-equiv="Content-Script-Type" content="〜">
の宣誓が必要になってくるのでしょうか？
よろしくお願いします。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Contnt-Style-Type" content="text/css">
<META http-equiv="Content-Script-Type" content="text/javascript">
<title>写真</title>
<SCRIPT TYPE="text/javascript">
<!--
function disp(url){
window.open(url, "ph", "width=340,height=260,scrollbars=no,
resizable=no,menubar=no,toolbar=no,location=no,directories=no,status=no,left=50px,top=50px");}
// -->
</SCRIPT>

<style type="text/css">
<!--
.sample1 {border: 1px maroon solid;}
.html,body {scrollbar-base-color:#ffffff;}
.{ margin:0;padding:0;}
// -->
</style>
</head>
<body>
<table border="0" width="290" height="400" align="center">
<tr>
<td width="290" align="center" valign="top"><br>

<a href="1.html" target="ph" onclick="disp('1.html')" ><img src="icon1.jpg" align="middle" CLASS="sample1"></a>
<a href="2.html" target="ph" onclick="disp('2.html')" ><img src="icon2.jpg" align="middle" CLASS="sample1"></a>
<a href="3.html" target="ph" onclick="disp('3.html')" ><img src="icon3.jpg" align="middle" CLASS="sample1"></a>

</td>
</tr>
</table>
</body>
</html>

【何をしたいのか】
→ 「このようにしたい」といった目的を具体的に記入してください。

【現在の状況】
→ どこがどううまくいかないのか、何がわからないのか、などを具体的に記入してください。

【何をしてみたのか】
→ これまでにどんなことを試したのか、どんなことを調べてみたのか、などを記入してください。
→ 必要に応じてソースやURLを提示してください。

【備考】
→ その他、回答者の参考になるような情報があれば記入してください。
→ 特定のツールに関連がある場合は、その名称やバージョンを記入してください。
→ ※矢印の付いた行は削除して使用してください。
1   名前： 匿名 ： 2006/11/24（金） 18:17  ID:VvNpisRd
> インラインフレームでテーブル表示させているページのソースです。

インラインフレームを使ってる側のソースはどうなってますか？

> テーブル表示はそのままで、サブウインドウを開く(Bタイプ）で、

Bタイプとは何を意味していますか？

> オプションは全てなしにしたいのですが、オプションが"yes"の状態で

オプションとは何のどんなオプションですか？
2   名前： pippi ： 2006/11/24（金） 18:17  ID:CebbX8.x
匿名様
説明不足でした。申し訳ありません。
ご指導よろしくお願いします。
＞インラインフレームを使ってる側のソースはどうなってますか？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Contnt-Style-Type" content="text/css">
<META http-equiv="Content-Script-Type" content="text/javascript">
<title>写真</title>
<SCRIPT TYPE="text/javascript">
<!--
function disp(url){
window.open(url, "ph", "width=340,height=260,scrollbars=no,
resizable=no,menubar=no,toolbar=no,location=no,directories=no,status=no,left=50px,top=50px");}
// -->
</SCRIPT>
<style type="text/css">
<!--
.sample1 {border: 1px maroon solid;}
.html,body {scrollbar-base-color:#ffffff;}
.{ margin:0;padding:0;}
// -->
</style>
</head>
<body>
<table width="600" height="400">
<tr>
<td width="290">
<img src="img/button/ph.gif"><br><br>
下のカテゴリーをクリックして下さい。<br>
右フレームに画像アイコンが表示されます。
<a href="photo1.html" target="photo"><img src="img/icon1.gif"></a>
<a href="photo2.html" target="photo"><img src="img/icon2.gif"></a>
</td>
<td width="290" align="center" valign="top"><br>
<iframe src="photo-top.html" width="300" height="400" name="photo" FRAMEBORDER="0"></iframe>
</td>
</tr>
</table>
</body>
</html>

インラインフレームのname"photo"のソースも上記と同じです。

＞Bタイプとは何を意味していますか？
TAG<index>さんサンプルのサブウィンドウを開くスクリプトタイプのことでした。
『JavaScriptをオフにしたブラウザでもリンク先を開くことができます。ただし、ウィンドウサイズなどの設定内容は、JavaScriptをオンにしたブラウザでしか反映されません。オフにしたブラウザの場合は、新規ウィンドウが普通に立ち上がるだけとなります。』（引用させて
いただきました。）

＞オプションとは何のどんなオプションですか？
サブウィンドウのサイズ設定や、スクロールバー・メニューバー・ツールバー・ロケーションバー・ディレクトリバー・ステータスバーを表示させない設定のことです。
3   名前： 通りすがり ： 2006/11/24（金） 18:17  ID:9IuG66CT
onclick="disp('1.html')"
↓
onclick="disp('〜.html');return false;"

スクリプト内に入れてもよかったんだっけか。
4   名前： サイ ： 2006/11/24（金） 18:17  ID:57fMcZDX
勘違いだったら申し訳ないんですけど。
JSのソースの部分、改行してませんか？（上のソースだと改行してあるっぽいんですけど）
JSの場合、一つの命令を指示する文章（;で終わる部分まで）は改行を入れてはいけません。
エラーになって正しく動作しなくなります。

■EX.1
function disp(url){
window.open(url, "ph", "width=340,height=260");←ここならOK
}
■EX.2
function disp(url){
window.open(url, "ph", ←ここはダメ
"width=340,height=260");}

長いのが嫌ということですと、改行できる書き方をしなければいけなくなります。
というか、「インラインフレームを使ってる側のソース」にも同じものがあるので、そちらで正しく動作してるなら、別の問題でしょうか？
まあ、一応参考までに。
5   名前： m035 ◆Wpzr1YKOiq ： 2006/11/24（金） 18:17  ［URL］  ID:aiDxbEqs
>>3
dispで最後にreturn false;すれば、以下のように少しだけスマートに出来ますね。
onclick="return disp('〜.html')"


>>4
確か、ソース中での改行は出来ますよ？
文字列中での\nではない直接の改行などはエラーになりますが。
window.open("〜/index.html","","");//OK
window.open("〜/index.html",
"","");//OK
window.open("〜/
index.html","","");//NG
alert("ABCDEFG\nHIJKLMN");//OK
alert(
"ABCDEFG\nHIJKLMN"
);//OK
alert(
"ABCDEFG\n"+
"HIJKLMN"
);//OK
alert("ABCDEFG
HIJKLMN");//NG
6   名前： m035 ◆Wpzr1YKOiq ： 2006/11/24（金） 18:17  ［URL］  ID:aiDxbEqs
なお、オプションについては
window.open(url, "ph", "width=340,height=260,scrollbars=no,
resizable=no,menubar=no,toolbar=no,location=no,directories=no,status=no,left=50px,top=50px");

の第三引数を消すか、空文字にすればOKです。
7   名前： Pippi ： 2006/11/24（金） 18:17  ID:CebbX8.x
サイ様
ご指摘の通り、原因は改行を勝手にした為でした。
改行なしにして修正した所、正常に表示されるようになりました！
ありがとうございました！
通りすがりさん、m035さんのreturn false;及び第三引数を消す方法により、スマートにしました。
ありがとうございました！
<SCRIPT TYPE="text/javascript">
<!--
function disp(url){ window.open(url, "ph", "width=340,height=260,left=50px,top=50px");return false;
}
// -->
</SCRIPT>

通りすがりさん、m035さんの教えていただいた
またonclick="return disp('〜.html')" の箇所がちょっと混乱しています。
<a href="1.html" target="ph" onclick="disp('1.html')" ><img src="〜中略〜"></a>
↓
<a href="1.html" target="ph" onclick="return disp('1.html')" ><img src="〜中略〜"></a>
で良いのでしょうか？

8   名前： m035 ◆Wpzr1YKOiq ： 2006/11/24（金） 18:17  ［URL］  ID:aiDxbEqs
>>7
はい。
onclick="return disp('1.html')"

はdispの処理後、falseが返り値ですから、
onclick="return false"

と考えられます。
9   名前： Pippi ： 2006/11/24（金） 18:17  ID:CebbX8.x
m035様
たびたび、すみませんでした。
理解ができました！
とても嬉しいです。
ありがとうございました！
10   名前： サイ ： 2006/11/24（金） 18:17  ID:h7fLT.Pw
終わった質問に失礼しますが。

>>5
言葉足らずですみません。
「改行」というのは「直接の改行」の意味で使っていました。
そのため、文字列中での\nとか、「""（または''）」と「+」を使用したような改行の仕方は、「改行できる書き方」ってことで一まとめにしてました。
なかなか説明の書き方も難しいです。
投稿する前に、もうちょっと考えてみたいと思います。
一覧へ戻る