こんにちは。

少しわからないので、質問させて頂きます。

★したい事★
リンクをクリックしたら、タイトルバー無し、リサイズ可能の新規ウィンドウ
を表示させたいと考えています。

★現状悩んでいる部分★
何も指定せずに、新規ウィンドウを表示する事は、できるのですが、色々指定
すると、ウィンドウすら出てこないで、何も反応がありません。

以下にソースを示しますので、何かアドバイス頂ければ、嬉しいです。
よろしくお願い致します。

■ウィンドウだけを新規に表示(成功例)
<A href="javascript:window.open()">テストテスト</A>

■条件指定付き(失敗中)
<A href="javascript:window.open("test.jsp", "chui", "resizable=yes,width=950,height=650,titlebar=no")">テストテスト</A>

失敗している方で、URL部分と、ウィンドウ名、色々な条件指定の部分は、
それぞれ、半角のスペースを入れています。

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

A 回答 (2件)

結論から言いますと、mkim さんのご希望通りのウィンドウは恐らく開けません。



なぜなら、私の知る限りでは、window.open の指定で「 titlebar=no|yes 」は
存在しないからです。
但し、フルスクリーンモード「 fullscreen=yes 」を指定すればタイトルバーなし
のウィンドウを開けますが、フルスクリーンモードですので画面いっぱいに表示
されてしまいます(「 width=950,height=650 」等の指定は無意味になります)。

それと、

>■条件指定付き(失敗中)
><A href="javascript:window.open("test.jsp", "chui", "resizable=yes,width=950,height=650,titlebar=no")">テストテスト</A>

これが失敗する原因は、2重引用符の括りの中で更に2重引用符を使っているからです(「 href="javascript:window.open(" 」
で、閉じていると解釈され、以降は認識不能として無視されている)。
これを解消するには、2重引用符の括りの中の 2重引用符(ややこしいですね(^^ゞ)を1重引用符に変えてください。

<A href="javascript:window.open('test.jsp', 'chui', 'resizable=yes,width=950,height=650,titlebar=no')">テストテスト</A>
    • good
    • 0

以下の通りで出来ます。


また、この場合リサイズ時にスクロールが必要か分からなかったのでスクロールバーは不必要と考えてnoにしておきました。好きな方を選んでくださいね(^^;
これで少しは参考になるのではないかと思われます♪
-------リンクを貼るページのHEAD内に記述ーーーーーー
<SCRIPT language="JavaScript">
<!--
function OpenWin(){
win=window.open("@.htm","new","toolbar=no,location=no,resizable=yes,status=no,menubar=no,scrollbars=yes,width=950,height=650");
}
// -->
</SCRIPT>
-------------
@.htm=開きたいページ
----リンクの処理-----
<a href="javascript:OpenWin()">新ページ</a>
--------------------
    • good
    • 0

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

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

Q間へスクリプト結果の表示

下記のスクリプト(現在のURL表示)を<a href>~</A>の間に表示させることは可能でしょうか。


<スクリプト>
<SCRIPT LANGUAGE=javascript>
<!--
document.write( location.href );
// -->
</script>


<a href="───ここに───;sort=up1">▼</A>
<a href="───ここに───;sort=down1">▲</A>

Aベストアンサー

方法はいろいろあると思いますが、たとえば、

<a href="#" id="ancU">▼</a>
<a href="#" id="ancD">▲</a>
<script type="text/javascript">
<!--
var thisLoc = window.location.href;
document.getElementById("ancU").src = thisLoc + ";sort=up1";
document.getElementById("ancD").src = thisLoc + ";sort=down1";
// -->
</script>

または、

<script type="text/javascript">
<!--
var thisLoc = window.location.href;
document.write('<a href="' + thisLoc + ';sort=up1">▼</a>');
document.write('<a href="' + thisLoc + ';sort=down1">▲</a>');
// -->
</script>

方法はいろいろあると思いますが、たとえば、

<a href="#" id="ancU">▼</a>
<a href="#" id="ancD">▲</a>
<script type="text/javascript">
<!--
var thisLoc = window.location.href;
document.getElementById("ancU").src = thisLoc + ";sort=up1";
document.getElementById("ancD").src = thisLoc + ";sort=down1";
// -->
</script>

または、

<script type="text/javascript">
<!--
var thisLoc = window.location.href;
document.write('<a href="' + thisLoc + ';sort=up1">▼</a>');
d...続きを読む

Q

数十の<a>タグがあるHTMLファイルの中で、
<div id="blank">で囲まれた<a>タグ群のみをすべてtarget="_blank"にしたいと考えています。
該当する<a>タグすべてにtarget="_blank"を書くと、HTMLファイルの容量が大きくなるので、CSSのIDとJavaScriptを組み合わせて、実現できないものでしょうか。

Aベストアンサー

<base target="_blank">
<div id="blank">
 <!-- -->
</div>
<base target="_self">

QJavascriptで算出した数値を

当方Javascriptはほとんど知らないといってもいいぐらいの素人です。
今まで勘と検索でがんばってきましたが、ちょっと行き詰っています。
タイトルのとおり
Javascriptで算出した数値を<div height="★px">の、★の部分に代入したい
のです。

ウェブ上で手に入れたjsを利用しています。

<a href='javascript:void(0)' onclick='alert(kl_windowheight());'>高さをアラートで数値のみ表示</a>
メモ:
kl_windowheight()の部分がアラートでウィンドウの高さの数値のみを表示します。

このkl_windowheight()をそのままheightに代入するにはどうすればいいのでしょうか?
できれば算出した値から100px程引きたいのですが。それはとりあえず無くてもOKです。。。

出来そうな方いらっしゃいましたらよろしくお願いします。
何かわからないことがありましたら、わかる範囲で補足します。

Aベストアンサー

document.getElementById('ABC').style.height =
(kl_windowheight() -100) + 'px';

<div id="ABC">対象のDIVにはIDを付けておきます。</div>

Qonmouseover="this.className=をjsファイルにまとめて、指定する場所はid=menu1,2~....かclass=menuで統一したい

<div class="font1 bor1"
onmouseover="this.className=this.className+' bgcol txcol'"
onmouseout="this.className='font1 bor1'">
というものがあったとしてこれを
<div id="menu1・・・2・・・">だけにして
onmouseover=~をjsに略記できるようにしたいのですが
何かいい手はありませんか?

idで指定できる版のほかに
classで指定できる版があるとうれしいです。classだと難しいでしょうか?

また、こちらももしできればでいいのですが、this.classNameを
指定IDのclassName等もできるのでしょうか?

質問に不足があれば答えられる範囲で答えます。よろしくお願いします。

Aベストアンサー

もうひとつ、質問内容を把握できてませんが、
jQueryを使ったサンプルを。中身は
「font1」ってclassを持つ要素のマウスオーバーで
bgcol と txcol の二つのクラスを追加する。
マウスアウトで
bgcol と txcol の二つのクラスを取り除く。
です。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){

$('.font1').hover(function(){
$(this).addClass("bgcol");
$(this).addClass("txcol");
},function(){
$(this).removeClass("bgcol");
$(this).removeClass("txcol");
});

});
</script>

$('.font1') という部分を $('#font1') と書けば id="font1" の要素に対する設定になります。 

jQueryの解説、入手先等は
http://www.openspc2.org/JavaScript/Ajax/jQuery_study/index.html
とか、参考にしてください。

もうひとつ、質問内容を把握できてませんが、
jQueryを使ったサンプルを。中身は
「font1」ってclassを持つ要素のマウスオーバーで
bgcol と txcol の二つのクラスを追加する。
マウスアウトで
bgcol と txcol の二つのクラスを取り除く。
です。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){

$('.font1').hover(function(){
$(this).addClass("bgcol");
$(this).addClass("txcol");
},function(){
$(this).removeClass("bgcol");...続きを読む


人気Q&Aランキング

おすすめ情報