HPを作ろうと思っています。そこで、デザイン上、アクセスした時点でのブラウザのウインドウ幅を指定したいのですが、そういうことは出来ますか?
HTMLの基本的なことは分っているつもりですが、CGIやJavaScriptに関する知識はほぼ皆無ですので、素人でも何とかなる方法がありましたらご教授ください。よろしくお願いします。

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

A 回答 (2件)

下に参考URLがのっています。


これは、前にも質問があったものと同じだと思いますので、
さて、この回答には私以外にも答えていますが、私が載せたものは、
JavaScriptで作ったもので、
もう一つはheguilさんが答えたものでこちらは、
直接HTMLの<body>タグに書くものですね。
どちらを使うかはあなたが決めると良いでしょう。

どっちもどっちですけど、

私が作ったものは800×600で使用するために作ったものなので、
ほかのサイズにするときは変更してください。
では、では。

参考URL:http://oshiete1.goo.ne.jp/kotaeru.php3?q=72783
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
まったく同じ質問がこんな最近あったんですね。
失礼いたしました。
<body>に書くこともできたとは、勉強不足でした。

今回はせっかくですので Javascriptに
チャレンジしてみます。
大変参考になりました。

お礼日時:2001/06/03 14:33

この辺でどうでしょう?


材料は山のようにあります。

参考URL:http://www.kensyou.net/html/,http://www2s.biglob …
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
yahoo等で探したんですが、
どれが適しているか分らなくて…

非常に参考になりました。

お礼日時:2001/06/03 14:30

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

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

Q小さな別ウインドウを開いて、そこで、スライドショーが展開しているHPを見かけることが良くありますが

小さな別ウインドウを開いて、そこで、スライドショーが展開しているHPを見かけることが良くありますが、、、、あれは、どうすれば出来るのでしょうか?小さな別ウインドウを開くタグや、スライドショーを展開するタグを、単体で別々には、よく見かけますが、、、、下記のタグを記述したのですが、スライドショーになってくれません、なぜでしょうか?


<script language=JavaScript>
WinOpenLink=new Array();
WinOpenLink[0]='開くページのURL+300+250+0+0+0+0+0+0+0+0';
C44=String.fromCharCode(44);
C60=String.fromCharCode(60);
C62=String.fromCharCode(62);
makescript=C60+'script language=JavaScript>function LWOpen(WOLno){';
makescript+='wol=WinOpenLink[WOLno].split(\'+\');';
makescript+='newWindow=window.open(wol[0]'+C44+'\'_blank\''+C44+'\'width=\'+wol[1]+\''+C44+'height=\'+wol[2]+\''+C44+'directories=\'+wol[3]+\''+C44+'location=\'+wol[4]+\''+C44+'menubar=\'+wol[5]+\''+C44+'resizable=\'+wol[6]+\''+C44+'scrollbars=\'+wol[7]+\''+C44+'status=\'+wol[8]+\''+C44+'titlebar=\'+wol[9]+\''+C44+'toolbar=\'+wol[10]+\'\');';
makescript+='}</script'+C62;
document.write(makescript);
LWOpen(0);
</script>

小さな別ウインドウを開いて、そこで、スライドショーが展開しているHPを見かけることが良くありますが、、、、あれは、どうすれば出来るのでしょうか?小さな別ウインドウを開くタグや、スライドショーを展開するタグを、単体で別々には、よく見かけますが、、、、下記のタグを記述したのですが、スライドショーになってくれません、なぜでしょうか?


<script language=JavaScript>
WinOpenLink=new Array();
WinOpenLink[0]='開くページのURL+300+250+0+0+0+0+0+0+0+0';
C44=String.fromCharCode(44);
...続きを読む

Aベストアンサー

ご質問のようなケースであれば、小さな別ウィンドウを開くスクリプトと、スライドショーを展開するスクリプトをそれぞれ別々のHTMLファイルに記述しておき、小さな別ウィンドウを開くスクリプトで、スライドショーを表示させるHTMLファイルを呼び出すのが一番手軽だと思います。

たとえば、別に用意するスライドショーのスクリプトを仕込んだHTMLファイルを「slideshow.html」とするなら、サブウィンドウを呼び出す側のHTMLファイルのスクリプトは、

<script type="text/javascript"><!--
function WOpen(){
window.open("slideshow.html","_blank","width=300, height=250");
}
//--></script>

としてやれば、サイズなどを指定された新しいウィンドウを開いて、そこにスライドショーを見せるHTMLファイルを読み込むので、サブウィンドウ内でスライドショーを展開させることが可能になるのではないかと思います。

もしこれをウィンドウを開く側のHTMLですべてまかなうとしたら、かなり大掛かりなスクリプトを組む必要があると思います。 1つのファイルですべてを済ますことから離れて2つのHTMLファイルを用意し、スライドショーのページを別ファイルにして、それをサブウィンドウに読み出したほうが手間が省けると思いますが、いかがでしょうか。

ちなみに、ご質問文にあるスクリプトの動作については、はじめにWinOpenLinkという配列を作って、そこにウィンドウを開くときに使うデータを格納し、
その次に変数makescriptにJavascriptのscript要素の内容をタグごと格納し、
その次にdocument.write()でmakescriptをそこに書き出し、
最後にLWOpen(0)でdocument.write()で書き出したスクリプトを呼び出しているようです。
JavaScriptをJavaScriptで書き出すなど、かなり無駄が多いと思いますし、これだと新しいウィンドウを開いてそこに指定されたファイルを表示させるだけだと思います。 スライドショーを実行させるようなソースは含まれていないように見えますので、これだけではスライドショーにはならないでしょう。

見当違いでしたらごめんなさい。 参考になれば幸いです。

ご質問のようなケースであれば、小さな別ウィンドウを開くスクリプトと、スライドショーを展開するスクリプトをそれぞれ別々のHTMLファイルに記述しておき、小さな別ウィンドウを開くスクリプトで、スライドショーを表示させるHTMLファイルを呼び出すのが一番手軽だと思います。

たとえば、別に用意するスライドショーのスクリプトを仕込んだHTMLファイルを「slideshow.html」とするなら、サブウィンドウを呼び出す側のHTMLファイルのスクリプトは、

<script type="text/javascript"><!--
function WOpen()...続きを読む

Qリモコンウインドウからの親ウインドウ操作

親ウインドウからリモコンウインドウを開き、リモコンウインドウのリンク先を親ウインドウに表示しようとしています。
親ウインドウは2つのインラインフレームが存在し、そのインラインフレーム内にリモコンウインドウを開くためのリンクがあります。
そのインラインフレームには以下の記述をしてリモコンを表示させています。
function navi_win() {
self.window.name="main"
w = window.open('', 'Remocon', 'width=150,height=300,scrollbars=yes');
if (w != null) {
if (w.opener == null) {w.opener = self;}
w.location.href = 'remocon.html';
}
}

<a href="javascript:navi_win()">リモコン</a>

これにより開いたリモコンでは以下の記述により親ウインドウに表示させようとしています。

function ctrl_wind(url) {
opener.location.href = url;
}

<a href="javascript:ctrl_wind('hoge.htm')">hoge</a>

この場合、hoge.htmlはインラインフレーム内に表示されてしまい、親ウインドウ全面にて表示はできませんでした。
この場合、どのように記述するのが良いでしょうか。

親ウインドウからリモコンウインドウを開き、リモコンウインドウのリンク先を親ウインドウに表示しようとしています。
親ウインドウは2つのインラインフレームが存在し、そのインラインフレーム内にリモコンウインドウを開くためのリンクがあります。
そのインラインフレームには以下の記述をしてリモコンを表示させています。
function navi_win() {
self.window.name="main"
w = window.open('', 'Remocon', 'width=150,height=300,scrollbars=yes');
if (w != null) {
if (w.opener == null) {w.opener ...続きを読む

Aベストアンサー

> しかしながら、リモコンウインドウ内の2個目のリンクをクリックすると、2個目は反応しませんでした。
> おそらく、1回目のリンククリックにより親ウインドウが変更されたため、openerでなくなったということではないかと思います。

原因はその通りだと思います。
リモコン側に変数を1つ作って、openerでたどれるうちに
親ウィンドウを取っておけばOKだと思います。

<script>
<!--
var wnd; // 親ウィンドウ
function ctrl_wnd(url) {
 wnd.location.href = url;
}
//-->
</script>

<body onLoad="wnd = opener.parent;">

QIEで子ウインドウから親ウインドウへのタグの追加

IEで子ウインドウから親ウインドウへのタグの追加

【やりたいこと】
1.親ウインドウからポップアップで子ウインドウを出して、その子ウインドウ内でチェックしたものを親ウインドウの<select>タグに<option>タグとして付け加えること。
2.同じくhiddenタグでチェックしたもののvalueを持たせたいということ。

とあるサイトを参考に、firefoxではこの挙動ができました。

ただ、IEだと親ウインドウに何も反映されなくて困っています。

以下ソース(一部)です。

--親html--
<head>
<script type="text/javascript">
<!--
var w = window;
function openWin(url) {
if ((w == window) || w.closed) {
w = open(url, "_blank", "width=800,height=600,scrollbars=yes");
} else {
w.focus();
}
return(false);
}
// -->
</script>
</head>
<body>
<select id="selectArea" size="5" name="search_area" class="list_box">
(ここに1.)
</select>
<div id="search_area">
(ここに2.)
</div>

<input type="button" onClick="return openWin('checkbox.php')" value="チェックをつける">
</body>

--子html--
<input type="checkbox" name="department" value="c1" onclick="BoxCheckChild(this)">
<input type="checkbox" value="t1" onclick="BoxCheckChild(this)">
<input type="checkbox" value="s1" onclick="BoxCheckChild(this)">

子htmlでは、onclickでチェックしたチェックボックスに対して処理をしています。

--javascript--
function appendOptionLast(str, value){//親ウインドウに<option>として追加(1.)
var elOptNew = window.opener.document.createElement('option');
elOptNew.text = str;
elOptNew.value = value;
var elSel = window.opener.document.getElementById('selectArea');
var nstr = "<option value=aaa>test</option>"
try {
elSel.add(elOptNew, null);
} catch(ex) {
elSel.add(elOptNew)
}

function make_hidden(value){//hiddenタグ作成、追加(2.)
var q = document.createElement('input');
q.type = 'hidden';
value = value.slice(1);
if(type == "c"){
q.name = 'department[]';
}else if(type == "t"){
q.name = 'theme[]';
}else if(type == "s"){
q.name = 'index[]';
}
q.value = value;
window.opener.document.getElementById("search_area").appendChild(q);
}

となっています。

ソース、説明ともにわかり辛いかもしれませんが、どなたかわかる方いたら助けてもらえるとありがたいです。

IEで子ウインドウから親ウインドウへのタグの追加

【やりたいこと】
1.親ウインドウからポップアップで子ウインドウを出して、その子ウインドウ内でチェックしたものを親ウインドウの<select>タグに<option>タグとして付け加えること。
2.同じくhiddenタグでチェックしたもののvalueを持たせたいということ。

とあるサイトを参考に、firefoxではこの挙動ができました。

ただ、IEだと親ウインドウに何も反映されなくて困っています。

以下ソース(一部)です。

--親html--
<head>
<script type="text/javascri...続きを読む

Aベストアンサー

IEでは子Windowから親へappendChild出来ないみたいですね。
innnerHTMLは出来るみたいなのでそちらを使えば出来ました。

あなたのBoxCheckChild()の中身が解らないので、なんともいえませんが
value.slice(1)ってのは変な気がします。

子htmlのjavascript部分を改造してみました。
--子html--

<body>

c1<input type="checkbox" name="department" value="c1" onclick="BoxCheckChild(this)">
t1<input type="checkbox" value="t1" onclick="BoxCheckChild(this)">
s1<input type="checkbox" value="s1" onclick="BoxCheckChild(this)">

</body>

--script----(全角空白は半角空白へ)

function BoxCheckChild(elm){
 if(elm.checked==true){
  appendOptionLast(elm.value,elm.value);
  make_hidden(elm.value);
 }
}

function appendOptionLast(str, value){
 var elOptNew = window.opener.document.createElement('option');
 elOptNew.text = str;
 elOptNew.value = value;
 var elSel = window.opener.document.getElementById('selectArea');
 var nstr = "<option value=aaa>test</option>"
 try {
  elSel.add(elOptNew, null);
 } catch(ex) {
 elSel.add(elOptNew)
 }
}

function make_hidden(value){
 var input;
 type = value.slice(0,1);
 if(type == "c"){
  input='<input type="hidden" name="department[]" value="'+value+'">';
 }else if(type == "t"){
  input='<input type="hidden" name="theme[]" value="'+value+'">';
  }else if(type == "s"){
   input='<input type="hidden" name="index[]" value="'+value+'">';
  }
 window.opener.document.getElementById("search_area").innerHTML+=input;
}

IEでは子Windowから親へappendChild出来ないみたいですね。
innnerHTMLは出来るみたいなのでそちらを使えば出来ました。

あなたのBoxCheckChild()の中身が解らないので、なんともいえませんが
value.slice(1)ってのは変な気がします。

子htmlのjavascript部分を改造してみました。
--子html--

<body>

c1<input type="checkbox" name="department" value="c1" onclick="BoxCheckChild(this)">
t1<input type="checkbox" value="t1" onclick="BoxCheckChild(this)">
s1<input type="checkbox" value="s1" onclic...続きを読む

Q親ウインドウから子ウインドウと同時にID

親ウインドウから、子ウインドウを開く際に、子ウインドウ内のID=”レイヤー″を同時に呼び、子ウインドウを変化させるスクリプトがありましたら教えてください。
ID="レイヤー"は複数です。

Aベストアンサー

#1です。わかりました。

親ウィンドウの変更点
・OpenWinを呼ぶとき番号を指定する
<A href="javascript:OpenWin(1)"><IMG src="000.gif" width="200" height="150" border="0"></A>

・OpenWin関数
function OpenWin(ID){
win1=window.open("page1.html"+"?"+ID,"new1","width=600,height=600");
}

子ウィンドウのサンプル。
<html>
<head>
<title></title>
<style type="text/css">
#Layer0 div {display:none;}
</style>
<script type="text/javascript">
var ViewId = location.search.match(/\d+/);
var STYLESHEET = document.styleSheets[0];
if ('undefined' != typeof STYLESHEET.cssRules) {
STYLESHEET.insertRule('#Layer0 #Layer'+ViewId+' {display:block}', 0);
} else {
STYLESHEET.addRule('#Layer0 #Layer'+ViewId, "display:block");
}
</script>
</head>
<body>
<div id="Layer0">
<DIV id="Layer1">~1~</DIV>
<DIV id="Layer2">~2~</DIV>
・・・以下、好きなだけ・・・
</div>
</body>
</html>

#1です。わかりました。

親ウィンドウの変更点
・OpenWinを呼ぶとき番号を指定する
<A href="javascript:OpenWin(1)"><IMG src="000.gif" width="200" height="150" border="0"></A>

・OpenWin関数
function OpenWin(ID){
win1=window.open("page1.html"+"?"+ID,"new1","width=600,height=600");
}

子ウィンドウのサンプル。
<html>
<head>
<title></title>
<style type="text/css">
#Layer0 div {display:none;}
</style>
<script type="text/javascript">
var ViewId = location.search.m...続きを読む

Qウインドウを閉じた時子ウインドウを開きたい

JavaScriptでいいのですがウインドウを×の閉じるボタンで閉じられた時別ウインドウを開きたいのですが可能なのでしょうか?
よろしくお願いします。

Aベストアンサー

こんにちわ。

>onunload='closeEvent()'を使うとIEではポップアップとしてダイアログがでるじゃないですか。
>そのあたりを回避できないですか?

これはどんな状況を指していますか?
JavaScriptでwindow.openで開かれるウィンドウは「ダイアログ」では無く「ウィンドウ」なので・・・

1.ウィンドウの「×」ボタンが押された場合のみ動作させたい。
  他のページ移動のリンクの際等には別ウィンドウを表示させたくない。

という意味で言われているのか

2.ダイアログのようにツールバーなどの状況が通常のウィンドウと異なってしまう

ということを言われているのでしょうか?

1の場合についてはonunloadが「documentのオブジェクトが破棄されるタイミング」という動きなので、他のリンクなどを押した場合に別の変数をフラグとしてセットして、それがセットされていれば、別ウィンドウを表示しない・・・というような回避策が必要でしょう。
(×ボタンそのもののイベントは拾えなかったはずですから・・・非表示にする制御もできませんし)

2の場合については(akanekorさんサンプルに修正を加えたソース)
--------------------------------------------------
<html>
<head>
<script type="text/javascript">
function closeEvent()
{
document.all["LINK_ID"].click();
}
</script>
</head>
<body onunload='closeEvent()'>
aaaa
<A HREF="" ID="LINK_ID" TARGET="_blank"></A>
</body>
</html>
--------------------------------------------------
のようにダミーでリンクを作成しておき、それに対しclickイベントを発生させれば、デスクトップなどからIEを立ち上げたのと近い状態でウィンドウを表示させることができます。(簡単にIEでのみしかテストしてないので・・・)

こんにちわ。

>onunload='closeEvent()'を使うとIEではポップアップとしてダイアログがでるじゃないですか。
>そのあたりを回避できないですか?

これはどんな状況を指していますか?
JavaScriptでwindow.openで開かれるウィンドウは「ダイアログ」では無く「ウィンドウ」なので・・・

1.ウィンドウの「×」ボタンが押された場合のみ動作させたい。
  他のページ移動のリンクの際等には別ウィンドウを表示させたくない。

という意味で言われているのか

2.ダイアログのようにツールバーなど...続きを読む


人気Q&Aランキング

おすすめ情報