• ベストアンサー

新しいウィンドウを、好みのサイズで、位置を指定して開く方法

初心者ですが、どうぞ宜しくお願いします。 新しいウィンドウを、好みのサイズで開くには <a href="javascript:void(0);" onClick="window.open('ファイル名.html', 'newwin', 'width=横サイズ,height=縦サイズ,location=1')">任意の文字</a> となるみたいですが これに、位置を指定したいのです。 その場合、位置を指定するだけなら <a href="javascript:void(0);" onClick="window.open('ファイル名.html', 'newwin', 'left=画面左端からの位置,top=画面上端からの位置'')">任意の文字</a> となるようですが、好みのサイズで、位置を指定するには、どうしたらいいでしょうか? 自分で、タグを色々組み合わせてみたりしたのですが、エラーが出てしまい、無理でした。 それから、もう一つお願いいたします。 小さな画像があるのですが、それをマウスでポイントすると、画像にアクションが付くよう(画像が少し動くような感じ)にしたいのです。あるホームページで、そのようなアクションを見たので参考にしようと思い、タグを見てみたのですが、それらしきタグを見つける事ができませんでした。自分で、色々な言葉を組み合わせて検索もかけてみたのですが、組み合わせが悪いのか、見つかりませんでした。どなたか、お力を貸してください。 どうぞ、宜しくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

>マウスでポイントすると、画像にアクションが付くよう(画像が少し動くような感じ) こんな感じですかね。 <img src="LOGO.jpg" onmouseover="javascript:this.style.position='relative';this.style.top='1px';this.style.left='1px';" onmouseout="javascript:this.style.position='static';">

lucky008
質問者

お礼

BLUEPIXYさん、お礼が遅くなってしまってすみません。そうです!!それがやりたかったんですよ。バッチリできました。ありがとうございました。

その他の回答 (1)

  • G_Amino
  • ベストアンサー率76% (13/17)
回答No.1

lucky008さんはすでに、答を見つけているではありませんか。 そう、「好みのサイズで」と「位置を指定」を組み合わせて、 <a href="javascript:void(0);" onClick="window.open('ファイル名.html', 'newwin', 'width=横サイズ,height=縦サイズ,'left=画面左端からの位置,top=画面上端からの位置')"> とすればOKのはずです。 もし、うまくいかないようであれば、私のホームページのトップページに同じ処理をしている部分があるので参考にしてくださいね。 質問の前半部分だけですが、回答させていただきました。

参考URL:
http://aphop.infoseek.ne.jp
lucky008
質問者

お礼

G_Aminoさん、お返事ありがとうございます。 恥ずかしながら、カンマが抜けていたようでした。 教えて頂いたとおりに実行して、解決しました。 本当にありがとうございました。

関連するQ&A

  • 指定サイズウィンドウが開かない

    ビルダーでサイトを作成しているのですが JAVAスクリプトを使用したサイズ指定ウィンドウが ビルダーのプレビューではちゃんと開くのにFTPツールで転送し、ネット上で開こうとすると開きません。 タグの書いてあったサイトのサンプルでもちゃんと開きます。 タグは <A href="javascript:void(0);" onClick="window.open('file:///○○.html', 'newwin', 'width=900,height=600')" ><IMG src="○○.gif" width="68" height="79" border="0"></A> です。これを<BODY></BODY>に埋め込んでいます。 ○○はファイル名です。一体何処が悪いのでしょうか? 教えてください。

  • 画像リンクを別ウインドウでサイズ指定で開くように

    <a href="http大きいサイズの画像" onclick="javascript:window.open('1.html','win1','width=400,height=550');return false;"><IMG SRC="http小さいサイズの画像.jpg" width=60,height=60></a> 小さなサイズの画像をクリックすると、別ウインドウで大きな画像が開くタグを作りたいのですが、 その際に大きいサイズの画像を400×550サイズでぴったりと開くようにしたいのです。 上記のタグでは、別ウインドウでは開くのですがサイズは変わりません… Javascriptを使わないといけないのでしょうか? その辺のことが全くわからないので どなたかわかりやすく添削してもらえないでしょうか。

  • 指定ウィンドウサイズ

    サムネイル画像をクリックしたら、子画面(指定サイズ)が立ち上がる作りにしていました。しかし、IEでは動作しているのですが、ファイヤーフォックスでは全画面表示になってしまい、うまく機能しません。 以下のタグに、何を加えればどんなブラウザでも対応できるのでしょうか? /////////////////////////////////////////////////// <A href="解説ページ(子画面).html" onclick="window.open(this.href, '', 'width=630,height=560,top=300,left=300'); return false;" target="_blank"><IMG src="サムネイル画像.jpg" width="100" height="100" border="0"></A>

  • ウィンドウサイズ指定 不要な窓が開いてしまう

    HPB6、HTML初心者です。 文字列にリンクをはり、指定したサイズのウィンドウを開きたく、http://www3.ocn.ne.jp/~maruno/javawindow2.htm にあるようにやってみましたが、どうもうまく行きません。 (1)指定したサイズで開きましたが、もう一つ不要なウィンドウが開いてしまいます。 <A href="javascript:void(0)" onclick="_HpbJumpURLinNewWindow('copy.htm');"> (2)href="javascript:void(0)" を消すと、不要な窓は開かなくなりますが、文字列にカーソルが行った時、「指マーク」にならなくなり、文字色も変わらなくなってしまいます。 必要なウィンドウだけが開き、「指マーク」と「文字列の変色」でリンクを確認できる状態にするにはどうしたらいいのでしょうか?不備がありましたら補足致しますので宜しくお願いします。

    • ベストアンサー
    • HTML
  • ハイパーリンクをクリックしてサイズ指定のウィンドウを表示したい

    ブラウザ上のハイパーリンクをクリックすると サイズ指定したウィンドウを表示したいのですが、 サイズ指定となるとJavaScriptを使用しないと ダメなのでしょうか?? JavaScriptを使用してウィンドウを出すという処理 自体はわかっているのですが、<A>(アンカータグ)を 使用している為、onclickイベントで処理しようとしても その前に<A>でアドレスと指定していないのでエラーに なってしまいます。何かいい方法はないでしょうか? よろしくお願いします!!! 一応、ソースを記載しておきます。 <A HREF="" onclick="output();">ハイパーリンク</A> <script language="JavaScript"> function output() { window.open("test.htm,"","width=500,height=600"); } </Script>

  • サブウインドゥの位置指定

    位置指定なのですが、下記の left=160,top=170 で指定するのでなく、見ている人のディスプレイなりに「上からサイズ指定・横のみ中央」に配置するにはどのように書いたらよいのでしょうか。 <a href="***.html" onClick="window.open('***.html','subwin','width=300,height=200,left=160,top=170'); return false;">

  • 枠より大きな画像を部分的に表示javascript

    縦1000px 横1000pxの画像(test.jpg)があり、この画像は、5×5で25枚の 縦200px 横200px の画像がつながって一枚となっています。 <img id="testplace"src="test.jpg" width="200px" height="200" /> と指定し(この時には、一番左上の200pxの画像が見えている)、その下に <a href="javascript:void(0)" onclick="testscript(0,0)">1番目</a> <a href="javascript:void(0)" onclick="testscript(0,200)">2番目</a> <a href="javascript:void(0)" onclick="testscript(0,400)">3番目</a> <a href="javascript:void(0)" onclick="testscript(0,600)">4番目</a> <a href="javascript:void(0)" onclick="testscript(0,800)">5番目</a> <a href="javascript:void(0)" onclick="testscript(200,0)">6番目</a> <a href="javascript:void(0)" onclick="testscript(200,200)">7番目</a>   ・   ・   ・ <a href="javascript:void(0)" onclick="testscript(800,600)">24番目</a> <a href="javascript:void(0)" onclick="testscript(800,800)">25番目</a> とクリックする場所を設けて、それぞれをクリックすると、「testplace」に各々の200pxずつの画像が表示されるようにするスクリプト「testscript」を作成したいと考えています。 この方法だと画像は複数いらず1枚で済みます。CSSで背景画像を移動させる方法は使用しないで、実装できますでしょうか。 よろしくお願いいたします。

  • ウインドウの大きさ、位置を指定して開く【ホームページビルダーV8】

    いつもお世話になっています。 HPビルダーV8を使ってWEBサイトを作っているのですが、 リンクをクリックした時に指定した大きさのウインドウを指定した位置に 開かせるタグがよくわかりません。 <A onclick="_HpbJumpURLinNewWindow('○○○.html');" href="#"><IMG src="△△.jpg" border="0"></A> これで、ウインドウは開くんですが、大きさや位置、スクロールバー等の指定って どのように記述したらよいのでしょうか? ご存知の方いらっしゃいましたら是非教えてください。 よろしくお願いします。

  • ウィンドウサイズと文字の表示位置指定

    縦2分割フレーム(フレームサイズは固定)のページの左側のコンテンツメニュー一覧を置いてます。 文字は今現在左寄せ指定です。 そのメニュー一覧文字の見え方を、左寄せ・ウィンドウ底辺合わせのデザインにしたいと思ってます。 その場合閲覧する方が任意の大きさにウィンドウの縦サイズを変えても、「底辺合わせ」を保つにはどうしたら良いでしょうか? (ウィンドウに下部に文字が固定される感じです) 背景画像とかだとできるのですが文字も可能でしょうか? 現在タグは以下です。 . . . <BODY> <P align="right"><BR> <A href="***.html" target="1">1</A><BR> <A href="***.html" target="1">1</A><BR> <A href="***.html" target="1">1</A><BR> </P> </BODY> </HTML>

  • <Dw>新しいページの作成方法<html>

    親ページがあり、開く子ページをxxx.htmlとyyy.htmlとします。 <a href="javascript:void(0)" onClick="window.open('xxx.html', 'newwin','width=520,height=250')"> xxxページが開きます</a> これでクリックするとxxx.htmlが開くには開くんですが、親ページに戻ると、(親ページをアクティブにする)xxxページは親ページの後ろに隠れてしまいました。そこでもう一度リンクをクリックしても、xxx.htmlはアクティブになりません。親ページをずらさないと見えないのです。 次に、 <a href="javascript:void(0)" onClick="window.open('yyy.html', 'newwin','width=520,height=250')"> yyyページが開きます</a> クリックすると、yyy.htmlが開きません。 ・・・と思ってよく見たら、親ページの後ろに隠れていた、先ほど開いたxxxページがyyyページに切り替わっていました。 そこで質問なんですが、 1.xxxとyyyを別々のウィンドウで開きたい。 2.一度開いたページでも、リンクをクリックしたら隠れていたページがもう一度表示されるようにしたい。 jsでなくとも、問題がなければ方法は問いません。 博識な方、お返事どうぞよろしくお願い致します。

専門家に質問してみよう