WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:ウインドウサイズについて。

はる [WriteDate : Thu Jun 7 17:55:07 2001]

他のページにリンクする時に、小さいウィンドウを表示させたいのですが、どういう風にしたらいいのですか??
くわしく教えて欲しいです。


YK [WriteDate : Fri Jun 8 10:06:56 2001]

<A HREF="#" onClick="window.open('URI','WINNAME','width=200,height=100'); return false">小さいウィンドウ</a>

とか!
尚、URIは、実際のもの(リンク)にしてください。


カヅサツ [MAIL] [URL] [WriteDate : Fri Jun 8 10:56:44 2001]

JavaScript 非対応環境に対しては普通のリンクにさせたい場合、
以下のようにすると親切かもしれません。
リンク先はとりあえず yahoo にしておきます。

<script type="text/javascript">
<!--
function otherSite(uri){
   if ((window.open) && (document.getElementById)){
       uri = uri.href;
       window.open (uri, "other", "width=200, height=100");
       return false;
   } else{
       return true;
   }
}
// -->
</script>
<a href="http://www.yahoo.co.jp"
onclick="return otherSite(this)"
onkeypress="return otherSite(this)">yahoo</a>


はる [WriteDate : Fri Jun 8 18:11:01 2001]

ありがとうございます!!
やってみます!


佐伯 [WriteDate : Mon Jun 11 15:27:36 2001]

完了後に横からすいません。。。
JavaScript非対応への対策で、これまでページINの時の振分けしか行っていませんでした。
しかし上記のような素晴らしい方法があると知り(!)、今後の制作便宜も考え、この手法をお借りしようと思います。
そこで早速上記をNN対応にもしようとallだのlayersだの色々試みたのですが・・・お手上げです;;
上記スクリプトのNN対応、ヒントだけでもご教授願えませんでしょうか。
よろしくお願いします。


カヅサツ [MAIL] [URL] [WriteDate : Mon Jun 11 16:03:16 2001]

スクリプトは
http://www.ne.jp/asahi/minazuki/bakera/html/opinion/zannen2
を参考にしました。

<script type="text/javascript">
<!--
function otherSite(uri){
  if (window.open){
      window.open (uri, "other", "width=200, height=100");
      return false;
  } else{
      return true;
  }
}
// -->
</script>
<a href="http://www.yahoo.co.jp"
onclick="return otherSite('http://www.yahoo.co.jp')"
onkeypress="return otherSite('http://www.yahoo.co.jp')">yahoo</a>

こんな塩梅になるでしょうか。 HTML の記述が、ちょい煩雑になります
(リンク先の移転などで修正が必要な時、割と面倒なことに)。

さらに、

<script type="text/javascript">
<!--
function otherSite(uri){
   window.open (uri, "other", "width=200, height=100");
}
// -->
</script>
<a href="http://www.yahoo.co.jp">yahoo</a>
<script type="text/javascript">
<!--
if (window.open){
   str = " (<a href=\"JavaScript:otherSite('http://www.yahoo.co.jp');\">With small window</a>)";
   document.write(str);
}
-->
</script>

こうすると、 JavaScript を利用可能にしているものの、
別窓が開くことを好ましく思わない読み手に、
普通のリンクで飛ぶか、 別窓で表示させるかの選択の余地を与えることもできます。
# 生成されるアンカとその内容は検討の余地がありそう。


佐伯 [WriteDate : Mon Jun 11 17:43:36 2001]

早々にご回答ありがとうございます!
おかげ様で期待通りの動作を得ることができました。
そもそもreturn falseとtrueの使い方がわかっていませんでした;;
今回ご提示いただいたスクリプトをじっくり検証して、やっと使い方がわかりました!
window.openの可否を値で返して<a>タグ内で操作してやれば、
IE、NNという問題ではなかったのですね。(違います?)
大変勉強なりました。いろいろ応用がきかせそうなので、今後有効に使っていこうと思います!

もうひとつ、今後のためにご教授ください。(基本的なことでスミマセン)
<a>タグ内でイベントを取得していますが、クリックの際にはイベントを先に認識するものなのですか?
return false; で動作を止めるってことはそうなのかな・・・。
あと、onkeypressが発生するタイミングとは実際どのような場合でしょうか。
キーが押下され続けた場合という具体例が思い浮かびません;;
あわせて定義しておけば間違いないことはわかったのですが、理由付けの下に知識としたいので。

よろしくお願いします。


カヅサツ [MAIL] [URL] [WriteDate : Tue Jun 12 10:12:32 2001]

> <a>タグ内でイベントを取得していますが、
> クリックの際にはイベントを先に認識するものなのですか?

たぶんそうです。

> あと、onkeypressが発生するタイミングとは実際どのような場合でしょうか。
> キーが押下され続けた場合という具体例が思い浮かびません;;

http://www.ne.jp/asahi/minazuki/bakera/html/opinion/zannen2 より:
> ……なお、onclick だけ指定して onkeypress を指定しないと、
> マウス操作とキーボード操作で動作が違ってきてしまいますので注意が必要です。
> まあ、狙ってそうするならそれはそれで良いとも思いますが。


佐伯 [WriteDate : Wed Jun 13 09:09:30 2001]

> ……なお、onclick だけ指定して onkeypress を指定しないと、
どう違ってくるのかが気になるところだったのですが・・・
実際やってみることにします。

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


カヅサツ [MAIL] [URL] [WriteDate : Wed Jun 13 09:42:51 2001]

ですから、onclick だけ指定して onkeypress を指定しないと、
マウスクリックでは別窓が出ますが、キーボードの TAB キーを押して
リンクを選び、Enter キーを押して飛ぶと別窓が出なくなるということです。
後者でも別窓を出したいなら onkeypress も指定しましょう。


佐伯 [WriteDate : Wed Jun 13 11:08:45 2001]

最後の最後までスミマセン;;
tabで移動して・・・なんてことが出来たのですね。
それさえも知らなかった勉強不足。
ありがとうございました。
今後ともよろしくお願いします。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]
ChaichanPAPA's World