新しいポップアップウィンドウが開く時に、ウィンドウのサイズを指定したいのです。
おまけにツールバーの表示もなくシンプルに…。
初歩的な質問で申し訳ありませんが 非常に困っています。
よろしくお願いします。

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

A 回答 (3件)

JavaScript で書く、ということは分かってるのですね?


open の引数で指定できます。

思いっきりシンプルにして、縦50、横100のウィンドウなら

window.open("開く先のURL", "名前", "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=100,height=50");

って感じ。

定番の「とほほのWWW」の該当ページを参考URLに紹介しておきます。

参考URL:http://tohoho.wakusei.ne.jp/js/window.htm#OpenPage
    • good
    • 0
この回答へのお礼

教えていただいたやり方でできました。
ありがとうございました。

お礼日時:2001/05/25 09:45

その内容に関しては、初心者向けの資料が山ほどあるサイトがあります。


それは「教えてgoo」です(笑)

というわけで
是非、「javascript サイズ ウィンドウ」で検索してみてください。
勉強になりますよ。
    • good
    • 0

そのポップアップウィンドウの内容は自分で作ったもの、という


意味ですよね?

そうだとすると、JavaScriptを使えばできます。
windowオブジェクトのopenメソッドに与えるパラメータをいじれ
ばできるはずです。

・・・が、詳細については申し訳ないのですが忘れてしまいました。
すみません。
    • good
    • 0

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

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

Qホームページ『ツールバー削除』『ウィンドウサイズ固定』

題目の通り、HTMLでエクスプローラの
ツールバー削除とウィンドウサイズを固定
したいです。

どなたか方法をご存知の方はいらっしゃい
ませんでしょうか?

やりたいことは、ホームページではなく
個人PC上だけで動く、単語帳を作成しようと
考えております。
(プログラムの知識が無いのでHTMLで
 作成考察。C言語等で開発できる人作って
 くれません?(笑))

PC上の小さいスペースで単語帳を表示させて
スクロール機能やらランダム表示を利用して
仕事中とかに表示させておくだけの機能です。
とにかく省スペースでの表示を考えております。
HTMLで何か良い方法があればご教授下さい。

(あくまで個人使用の為、他人への見え方とかは
 考慮しなくてかまいません。やりたいことは
 開いた時に省スペースで表示させたいです。
 MAX:縦50横200くらい?)

宜しくお願いします。

Aベストアンサー

例えばこんな感じですか↓

<a href="xxx.htm" onclick="
window.open('index.htm', '_blank', 'width=50,height=200,scrollbars=yes');
return false;">xxx.htmを50x200で開く scrollbars付き</a>

 参考サイト↓
http://www.tohoho-web.com/how2/window.htm#winOpen

Q画像のリンクで「新しいウィンドウを開いて表示」の時のウィンドウの大きさの指定の仕方

上手く説明出来てるか分かりませんが、タイトルのとおりなんですが…
写真のHPを作りたいのですが、

・写真一覧表(サムネイル?)から見たい写真をクリック
      ↓
・新しいウィンドウで表示

この「新しいウィンドウ」の大きさを指定したいのですが、どうすればよいのでしょうか?

普通にHPを閲覧している時より、小さいウィンドウにしたいのですが、どんな命令文で(HTML文?)指定すれば良いのですか?
スタイルシートと呼ばれる方法で指定するのでしょうか?

(HP作成はホントに初心者で、ヘンな質問のしかたになってるかもですが…。)

よろしくお願いします。o(_ _)o

Aベストアンサー

onclickを使用します

http://cat-tail.milkcafe.to/sozai/javascript/win001.html

ここなど参考になさってください

参考URL:http://cat-tail.milkcafe.to/sozai/javascript/win001.html

QIE5でツールバーの表示→文字のサイズを変えられても文字のサイズを変えられたく無い時は?

IE6.0  windows2000を使っています。

IEのツールバー(メニューバー)
にある、表示 → 文字のサイズ →
(最大、大、中、小、最小)を変えられても
文字のサイズを一定にしたいのですが
どうすればいいですか?

スタイルシートとかいうのを使えばいいのですか?
どなたか分かりやすく詳しく教えてください。
具体例もお願いします。

Aベストアンサー

http://tohoho.wakusei.ne.jp/css/basic.htm
http://tohoho.wakusei.ne.jp/css/index.htm

参考URL:http://tohoho.wakusei.ne.jp/css/basic.htm

Qポップアップウィンドウを気付かせたい

小さな画像をクリックすると、
ポップアップウィンドウで大きな画像が見れる、というものを作りました。

DREAMWEAVERのビヘイビア→ブラウザウィンドウをクリックで開く、としたのですが、
これですとその画像をクリックしたら大きな画像が見れる、ということは一見分かりません。

普通のリンクですと、マウスが乗っただけでカーソルが変わるので
リンクされていると分かりますよね?
そんな感じでカーソルが変わる等、分かりやすくする方法はないでしょうか?

文字のポップアップ表示、もやってみましたが、気付きにくく、イマイチでした。

初心者なので、訳のわからない質問かもしれませんが、
ご教授頂けると嬉しいです。

Aベストアンサー

リンクのようにマウスカーソルを乗せるとカーソルの形状が変わるようにするにはCSSを使えば可能です。
CSSについて検索して調べてみてください。

カーソルの形状を変えるほかにマウスを乗せたら
画像のまわりに枠線を表示する
枠線の色を変える
画像の位置を微妙にずらす
など、それがリンクである事を主張させる効果を色々つけることもできます。

テキストのリンクについての解説がほとんどですが「リンク 装飾」といったキーワードで検索すると様々なサンプルが見つかると思います。中には画像リンクに応用できるものもあると思います。


また、多くの場合単純に全体を縮小した画像にしていますが、小さな画像自体を工夫するという方法もあります。
小さな画像を大きな画像の一部を切り取ったものにする。
小さな画像内に「CLICK!」という文字を足してみる。
小さな画像をモノクロにする。
小さな画像(の一部又は全体に)にモザイクをかける。
等々。それが実物の代用である事を主張すればクリックする事を促す効果があります。


確実に利用者に伝える事が重要であれば画像をクリックする事で拡大画像を表示するのではなく、テキストで「拡大画像を表示」と、別にリンクを用意した方がいいかもしれません。(商用サイトの商品画像などはこのパターンが多いようです。)

リンクのようにマウスカーソルを乗せるとカーソルの形状が変わるようにするにはCSSを使えば可能です。
CSSについて検索して調べてみてください。

カーソルの形状を変えるほかにマウスを乗せたら
画像のまわりに枠線を表示する
枠線の色を変える
画像の位置を微妙にずらす
など、それがリンクである事を主張させる効果を色々つけることもできます。

テキストのリンクについての解説がほとんどですが「リンク 装飾」といったキーワードで検索すると様々なサンプルが見つかると思います。中には画像リンク...続きを読む

Q★ポップアップウィンドウ&スクロールバー★

あほな質問なのですが、ポップアップウィンドウの中のスクロールバーの色などを変えるにはどうしたらいいのでしょうか…。
それぞれ別々のやり方はわかるのですが…、どうしても表示されません。どうやって繋げるのでしょう?
う~ん……困った…。

Aベストアンサー

すみません!
下の回答で書き忘れている部分がありました。

<html>
<head>
<title></title>

<body style="scrollbar-highlight-color:色;
scrollbar-shadow-color:色;
scrollbar-arrow-color:色;
scrollbar-face-color:色;
scrollbar-3dlight-color:色;
scrollbar-track-color:色;
scrollbar-darkshadow-color:色">

内容

</body>
</html>

のところは、

<html>
<head>
<title></title>
</head>

<body style="scrollbar-highlight-color:色;
scrollbar-shadow-color:色;
scrollbar-arrow-color:色;
scrollbar-face-color:色;
scrollbar-3dlight-color:色;
scrollbar-track-color:色;
scrollbar-darkshadow-color:色">

内容

</body>
</html>

ですね。
</head>が抜けておりました。
本当にすみません!!
(あと、下の回答で勝手にタイトルが入っていますが気にしないで下さい)

では。

すみません!
下の回答で書き忘れている部分がありました。

<html>
<head>
<title></title>

<body style="scrollbar-highlight-color:色;
scrollbar-shadow-color:色;
scrollbar-arrow-color:色;
scrollbar-face-color:色;
scrollbar-3dlight-color:色;
scrollbar-track-color:色;
scrollbar-darkshadow-color:色">

内容

</body>
</html>

のところは、

<html>
<head>
<title></title>
</head>

<body style="scrollbar-highlight-color:色;
scrollbar-shadow-...続きを読む


人気Q&Aランキング

おすすめ情報