• 締切済み

JavaScriptソース

文字列をクリックするとサブウィンドウが開くという JavaScriptです。必死にやってみましたが、IEではOK、ネスケでは作動しません。何度も何度もやってもだめで、どこからみても見本のソースと一緒なのにできません。ネスケでは厳密に作らないとだめだとか。すいません、どこが変なのでしょう。下にソースをのせます。よろしくお願いします。 <HEAD>～</HEAD>の間 <SCRIPT language="JavaScript"> <!-- function WinOpen1(){ window.open('SUBWSOURCE/uosu1.html','window2','resizable=1,scrollbars=0,menubar=0,directories=0,status=0,location=0,width=600,height=500'); } // --> </SCRIPT> <BODY>の部分 <td width="140"><p><img src="TOPPARTS/OSUTOP01.JPG" width="140" height="80" border="0"><br> <img src="common/spacer.gif" width="1" height="5" border="0"><br> <a href="javascript:WinOpen1();"><font size="2">文字列</a></font><font size="1">テキスト</font></td> </tr> </table> ちなみにここでは１つ分ですが、実際は１０のウィンドウが開くよう指示しています。大変見にくいとは思いますが、よろしくおねがいします・・。

みんなの回答

  • danmarino
  • ベストアンサー率63% (26/41)
回答No.4

思いついたことをいくつか。 ・<a href="javascript:～">というのがブラウザのバージョンによって動作しないことがあるようです（私も以前悩んだことがあります）。 ・ソースの中で「SUBWSOURCE/uosu1.html」のように大文字で記述している部分がありますが、UNIXサーバーの場合（確か…）大文字と小文字を区別するようです（A.JPGとa.jpgは違うファイルとして認識します）。ローカルで動いてネットで動かないのはそのあたりに原因があるのでは。 最後に、私がコーディングしたソースを差し上げます（私も使っています）。何かの参考になれば幸いです。開くウィンドウのサイズをパラメータとして渡せるようになっていますので同一ページ内で複数のサイズの異なるウィンドウを開きたいときには重宝します。 <HTML><HEAD><TITLE>test</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function OpenWindow(x,y){ theWin = "width=" + x + ",height=" + y + ",toolbar=no,location=no,directories=0,status=no,menubar=no,resizable=yes,scrollbars=yes"; window.open('','popupWin',theWin); return true; } // --> </SCRIPT> </HEAD> <BODY> <A HREF="newwindow.html" onClick="OpenWindow(600,500)" TARGET="popupWin">ここ</A> </BODY> </HTML>

参考URL：
http://www.kamakuratoday.com/
  • a-kuma
  • ベストアンサー率50% (1122/2211)
回答No.3

> ネスケでは作動しません どう、作動しないんでしょう？ 質問に出てきたコードをほぼそのまま Copy & Paste して、必要な部分を 補い（<html>, <head>, <body>, <table> を入れただけ）、以下のような ファイルを作ってみました。 <html> <head> <SCRIPT language="JavaScript"> <!-- function WinOpen1(){ window.open('SUBWSOURCE/uosu1.html','window2','resizable=1,scrollbars=0,menubar=0,directories=0,status=0,location=0,width=600,height=500'); } // --> </SCRIPT> </head> <body> <table> <td width="140"><p><img src="TOPPARTS/OSUTOP01.JPG" width="140" height="80" border="0"><br> <img src="common/spacer.gif" width="1" height="5" border="0"><br> <a href="javascript:WinOpen1();"><font size="2">文字列</a></font><font size="1">テキスト</font></td> </tr> </table> </body> </html> Netscape Communicator 4.7 で「テキスト」のアンカーをクリックして みました。きちんと、ウィンドウが開きます（uosu1.html がないので ウィンドウが開くだけですが）。 No.1, No.2 の回答は、別のやり方なだけで、質問に載せている HTML でも 文法的には問題はないと思います。 思った通りにならないのは、他のところに問題があるのではないでしょうか？

amazulu
質問者

お礼

ありがとうございます。早速順番に試してみます。 みなさんわざわざホントに感謝です！ 私はいつも同じjava script tipsのサイトをまず最初に参考にするんですが、（見やすいので）一つも作動しません。私のせい？ ちなみにどう作動しないかというと、ローカル上のテストではok,流し込んでからネット上だとだめ。いつもこうなんです。こんかいの場合はウィンドウは開くのですが、そのサブの中になにも表示されません。というかエラーがでます。それもネスケのときだけ。IEではローカル上でもネット上でもばっっちりです。

  • catip
  • ベストアンサー率33% (1/3)
回答No.2

function WinOpen1(){ window.open('SUBWSOURCE/uosu1.html','window2','resizable=1,scrollbars=0,menubar=0,directories=0,status=0,location=0,width=600,height=500'); の『' '』をダブルコーテーションにしてみてはどうでしょう。 別の本で調べたら、window.openのメソッドの引数はダブルコーテーションで囲っていました。 このようにです。。。↓ function WinOpen1(){ window.open("SUBWSOURCE/uosu1.html","window2","resizable=1,scrollbars=0,menubar=0,directories=0,status=0,location=0,width=600,height=500"); お試ししてみてください。

amazulu
質問者

お礼

ありがとうございます。早速順番に試してみます。 みなさんわざわざホントに感謝です！ 私はいつも同じjava script tipsのサイトをまず最初に参考にするんですが、（見やすいので）一つも作動しません。私のせい？

  • inoue64
  • ベストアンサー率29% (334/1115)
回答No.1

<a href="javascript:WinOpen1();"> ではなく、 <a onclick="WinOpen1();"> でやってはどうでしょうか。

参考URL：
http://tohoho.wakusei.ne.jp/js/index.htm
amazulu
質問者

お礼

ありがとうございます。早速順番に試してみます。 みなさんわざわざホントに感謝です！ 私はいつも同じjava script tipsのサイトをまず最初に参考にするんですが、（見やすいので）一つも作動しません。私のせい？

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • HTMLのソース

    HPを今作ってますが、IEではまったく問題なく正常に表示されるのに、ネスケでは欠ける部分がでます。どちらかにしか対応しない独自拡張タグではなく、普通のテーブルです。以下がソースです。 <HTML> <HEAD> <TITLE>メイン</TITLE> </HEAD> <BODY bgcolor="000000"> <TABLE WIDTH=700 HIGHT=600 BORDER=1> <TABLE BORDER=1> <TR><TD WIDTH=600 HEIGHT=100>これはテスト表示です</TD><TD WIDTH=100 HEIGHT=100><IMG SRC=TOP2.GIF></TD> </TR> <TABLE WIDTH=700 HEIGHT=200 BORDER=1> <TD><IMG SRC=TOP1.JPG></TD> </TR> </TABLE> <TABLE WIDTH=700 HEIGHT=100 BORDER=1> <TD>これはテストです</TD> </TABLE> </TABLE> 　上から８行目の ◎<TR><TD WIDTH=600 HEIGHT=100>これはテスト表示です</TD><TD WIDTH=100 HEIGHT=100><IMG SRC=TOP2.GIF></TD> のテーブルがネスケでは表示されず、下の二つしかでません。IEでは完璧です。いちおう。大きいテーブルに小テーブルを入れているのですが（慣れてないもんで、配置をはっきりさせるため）何か変ですか？まぁ慣れっこの人から見たら、変なとこ山盛りでしょうが、こんな簡単なテーブルで表示差があるとは思いません。どうでしょう？どなたかお時間のあるかたお返事まってます。大変たすかります。

    • ベストアンサー
    • HTML
  • 下記が私のHPのタグなのですが

    文字化けをしてしまいます。 タグは文字制限を超えるため、これで全部ではありませんが、 文字化けの原因はどこにあるのでしょうか？ 編集のプレビュー等では文字化けせず表示されますが、 アップすると、文字化けしてしまうのです。 下記はアップした後、右クリックでソースをコピーしたものです。 文字化けの原因をお教え願います。 よろしくお願い申し上げます。 <HTML> <HEAD> <META name="GENERATOR" content="IBM HomePage Builder 2001 V5.0.0 for Windows"> <TITLE></TITLE> </HEAD> <BODY><!-- geoguide start --><div align=center><script language="JavaScript">var jps=382116062;var jpt=1379958019</script><script language="JavaScript" src="http://bc.geocities.yahoo.co.jp/js/gg.js"></script></div><!-- geoguide end --><!-- geoguide start --><div align=center><script language="JavaScript">var jps=382116554;var jpt=1379847951</script><script language="JavaScript" src="http://bc.geocities.yahoo.co.jp/js/gg.js"></script></div><!-- geoguide end --><DIV ALIGN=CENTER><!--#geoguide--></DIV> <TABLE width="734" height="112"> <TBODY> <TR> <TD height="81" width="116" bgcolor="#33FF00" align="left"><IMG src="im/Scome.gif" width="114" height="79" border="0"></TD> <TD height="81" width="602" bgcolor="#33FF00"><IMG src="im/midasi.jpg" width="600" height="80" border="0"></TD> </TR> </TBODY> </TABLE> <TABLE align="left"> <TBODY> <TR> <TD width="115" valign="top" bgcolor="#FFFFFF" height="601"><FONT size="3"><img src="@geocounter"><BR> <BR> <IMG src="im/M04_01.gif" width="13" height="13" border="0"><B><FONT color="#000000"><A href="col5/whatsnew.html"><FONT color="#000000">what's new</FONT></A></FONT></B><B><BR> <A href="col1/profile.html"><FONT color="#000000"><IMG src="im/M04_01.gif" width="13" height="13" border="0">・ラ・愠ユ・」。シ・</FONT></A><BR> </B><B><A href="col3/new.html"><FONT color="#000000"><IMG src="im/M04_01.gif" width="13" height="13" border="0">ツミタ�ョタモ</FONT></A></B><B><BR> <A href="col2/member.html"><FONT color="#000000"><IMG src="im/M04_01.gif" width="13" height="13" border="0">・皈ミ。シセメイ</FONT></A><BR> </B></FONT><FONT size="2"><B><FONT color="#000000" face="」ヘ」モ 」ミフタトォ"><IMG src="im/M04_01.gif" width="13" height="13" border="0"></FONT></B></FONT><FONT size="3"><B><FONT color="#000000" face="」ヘ」モ 」ミフタトォ">・ョ・罕鬣遙シ</FONT></B></FONT><BR> <IMG src="im/M04_01.gif" width="13" height="13" border="0"><FONT size="2" color="#000000"><FONT color="#000000" size="3"><B>ナキオ、ヘスハ<BR> </B></FONT></FONT><FONT size="2" color="#000000"><A href="http://www.wni.co.jp/cww/docs/yoho/s12.html"><FONT color="#000000"><!-- begin webleague Link --></FONT></A><A href="http://www.webleague.net/teamdb.html"><IMG src="http://www.webleague.net/teamlink/images/teamlink01.jpg" border="0"></A><A href="http://www.okaten.com/baseball/index.html"><FONT color="#000000"> <!-- end webleague Link --></FONT></A></FONT><BR> <IMG src="im/ten-bun.gif" border="0"><BR> <A href="mailto:manesitana@ybb.ne.jp"><IMG src="im/fingermail.gif" width="77" height="20" border="0"></A><BR> <B><A href="http://www2.g-7.ne.jp/~yakyu/index.shtml"><FONT color="#00CCCC">チ鋙蠕ノ</FONT></A></B><BR> <A href="col2/fuso.html"><IMG src="im/fuso.jpg" width="112" height="20" border="0"></A><BR> <B><FONT size="2" color="#99CC00">ナミサウイネ<BR> </FONT><FONT size="2" color="#666666">ウーナ�</FONT></B><BR> <FONT color="#666666"><B>car doctor<BR> </B></FONT><FONT color="#666666" size="2"><B>・「・ム・�</B></FONT></TD> </TR> </TBODY> </TABLE> <TABLE width="618" height="388"> <TBODY> <TR> <TD align="left" valign="top" width="420"> <TABLE> <TBODY> <TR> <TD valign="top" height="150" width="208" align="center"><IMG src="im/allspirits.jpg" width="203" height="146" border="0"></TD> <TD height="150" width="196" valign="top" align="left" bgcolor="#FFCC00"><A href="butting.html"><FONT color="#000000">「」イハウリ、ケ、�鋙蝪ハツヌキ筍ヒ<BR> <SPAN style="FONT-SIZE: 9.5pt; COLOR: black; FONT-FAMILY: '」ヘ」モ フタトォ'; mso-hansi-

    • ベストアンサー
    • HTML
  • javascriptを使い、サムネイル表示

    サンプルＨＰ⇒http://cartown.jp/detail_dt.php?car_id=1990056 のような、サムネイル画像と拡大画像を表示させる記述方法を 教えてください。 下記のような回答文を確認したのですが、img要素を列挙する記述やonclickイベントを結びつける記述すらわかりません。こんな超初心者ですが、よろしくお願い致します。 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ <html> <head> <meta http-equiv="Content-Language" content="ja"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>サンプル</title> <script type="text/javascript"> function showImg(){ document.getElementById("image").src=this.src; } function setup(){ var thumbnails=document.getElementsByName("thumbnail");//name="thumbnail"とついているimg要素を列挙 for(var i=0;i<thumbnails.length;i++)thumbnails[i].onclick=showImg;//↑で列挙したものにonclickイベントを結びつける } window.onload=setup; </script> <style type="text/css"> .main td{ width:300px; height:300px; } </style> </head> <body> <table border class="main"> <tr> <td><img id="image" width="300" height="300"></td> <td> 文章 </td> </tr> </table> <!--ここから下の画像はサムネイル用ではなく、上に表示する予定の画像と同じもので width属性とheight属性を指定して大きさを変えています。(ここでは全部300x300の画像とします。)--> <table border> <tr> <td><img name="thumbnail" src="img1.png" width="48" height="48"></td> <td><img name="thumbnail" src="img2.png" width="48" height="48"></td> <td><img name="thumbnail" src="img3.png" width="48" height="48"></td> <td><img name="thumbnail" src="img4.png" width="48" height="48"></td> <td><img name="thumbnail" src="img5.png" width="48" height="48"></td> </tr> <tr> <td><img name="thumbnail" src="img6.png" width="48" height="48"></td> <td><img name="thumbnail" src="img7.png" width="48" height="48"></td> <td><img name="thumbnail" src="img8.png" width="48" height="48"></td> <td><img name="thumbnail" src="img9.png" width="48" height="48"></td> <td><img name="thumbnail" src="img10.png" width="48" height="48"></td> </tr> </table> サムネイルクリックで拡大します。 </body> </html>

  • ページ上部にスペースが空いてしまう・・・

    今ショッピングモールに出店するために素人ながらページを作っているんですが、ヘッダーの部分の上にスペースがどうしても空いてしまっていていて、修復できません・・・・。モールの方に聞いてみたところ「閉じるタグが抜けている・・」等の答えが返ってきたのですが、それ以上は教えてくれませんでした。。いろいろ調べてみたのですが、どうしても分かりません。。どうかよろしくお願いいたします。 ↓まだ作成途中なので変な箇所があるかもしれません・・。 <table class="head" bouder> <tr> <td class="head"> <img src="gazou" width=600 height=130 alt=""> <tr> <tr align="right"valign="middle"><br> <tr> <td width="713" height="35"> <table width="0" border="0" cellpadding="0"> <tr><td width="32%"><img src="gazou" width="200" height="8"></td> <td width="0%"><a href="～.html"><img src="gazou" width="108" height="25"border="0"></td> <td width="16%"><a href="～html"><img src="gazou" width="107" height="27"border="0"></td> <td width="16%"><a href="～html"><img src="/lib/shidagoromo/puraa" width="108" height="27"border="0"></td> <td width="16%"><a href="～.html"><img src="gazou" width="107" height="27" border="0"></td> <td width="20%"><img src="gazou" width="107" height="28"border="0"></td> </tr> </table> </td> </tr> よろしくお願いします。

    • ベストアンサー
    • HTML
  • javascriptでのポップアップウィンドウが開かなくて困っています＞＜

    初歩的な質問ですいません。 <script language="JavaScript"> <!-- function OpenWin(){ win=window.open("sample.html","new","width=100,height=100"); } //--> </script> <a href="javascript:OpenWin()"><img src="img/1.jpg" width="60" height="60" onClick="MM_openBrWindow('sample.html','sample','scrollbars=yes,width=460,height=460')" border="0"></a> 上のスクリプトで下のリンクで開こうとする時に、 どうしても開けません。＞＜ どうしてなのでしょうか！？ どこかが間違えているのでしょうか！？ 誰か助けていただけませんでしょうか；＞＜；；

  • ランダムに流れるMIDIを止める

    ホームページで、『ランダムにMIDIを流す』を取り入れました。 見ている人が、画像（●●●.gif/ストップと書いたもの）を押したら、曲が止まるようにしたいのですが。 <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <SCRIPT language="JavaScript"> <!-- BGM = new Array(7); BGM[0]="1.mid"; BGM[1]="2.mid"; BGM[2]="3.mid"; BGM[3]="4.mid"; BGM[4]="5.mid"; BGM[5]="6.mid"; BGM[6]="7.mid"; maxSound = 6; function setBGM() { soundNo = Math.floor(Math.random()*maxSound); if (navigator.appName == "Netscape") document.writeln("<EMBED src='",BGM[soundNo],"' autostart=true loop=true>"); else document.writeln("<BGSOUND src='",BGM[soundNo],"' loop=infinite>"); } // --> </SCRIPT> <SCRIPT language="JavaScript"> <!-- setBGM(); // --> </SCRIPT> <CENTER> <TABLE width="594"> <TBODY> <TR> <TD width="220"><BR>メール送信はこちらから</TD> <TD height="26" align="center" width="106"><A href="mailto:○○○?Subject=ホームページから"> <IMG src="mail.gif" width="57" height="80" border="0" alt="メールくださいね"></A></TD> <TD nowrap height="26" align="center" width="235"><FONT color="#ff2492">SOUND OFF</font> <img src="●●●.gif" border="0"></a> <BR> <FONT color="#0000a0">２００２．３．１１ 更新<BR></FONT></TD> </TR> </TBODY> </TABLE> </CENTER> </BODY> </HTML> 簡単に出来る方法がありましたら、教えてください。

  • スタイルシートについて

    <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD><IMG src="i1.gif" width="64" height="64" border="0"></TD> <TD><IMG src="i2.gif" width="64" height="64" border="0"></TD> </TR> <TR> <TD><IMG src="m1.gif" width="32" height="32" border="0"></TD> <TD><IMG src="m2.gif" width="32" height="32" border="0"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> こういったTableを使った表がある場合、スタイルシートで示すことは出来ますか？もし出来るならそのソースを教えてください。 また、こういったTableのホームページを一括でスタイルシートに変換できるソフトが存在していたら教えてください。 それと、この行数がかなり大きくなると、Tableよりも軽く表示がされると聞いたのですが本当でしょうか？ ご返答、何卒、よろしくお願い致します。

    • ベストアンサー
    • HTML
  • HTMLタグ

    画像にもありますが、取り扱い商品・液晶モニタ・パソコンパーツなどの横に横2列縦3列のテーブル、その横に縦５列横1列のテーブルを付けたいのですが、どうしてもわかりません。 わかる方居ましたらお願いします。 現在こんな感じです <p><font color="#f70006">&nbsp;&nbsp; <strong>他には無いアイテムがここにはあります</strong> </font> <br> <img style="WIDTH: 983px; HEIGHT: 102px" border="0" alt="" src="素材/top.png" width="1000" height="118"><br> <img border="0" alt="" src="素材/home.png" width="200" height="73"><img border="0" alt="" src="素材/商品一覧.png" width="200" height="73"><img border="0" alt="" src="素材/輸入.png" width="200" height="73"><img border="0" alt="" src="素材/買付.png" width="200" height="73"><img style="WIDTH: 169px; HEIGHT: 73px" border="0" alt="" src="素材/問合.png" width="170" height="73"><br> <br> <br> <br><img border="0" alt="" src="素材/取り扱い.png" width="164" height="49"><br> <img border="0" alt="" src="素材/液晶.png" width="164" height="49"><br> <img border="0" alt="" src="素材/ａｐａｒｅｒｕ.png" width="164" height="49"><br> <img border="0" alt="" src="素材/pasokon.png" width="164" height="49"><br> <img border="0" alt="" src="素材/周辺機器.png" width="164" height="49"><br> <img border="0" alt="" src="素材/マルチメディア.png" width="164" height="49"><br> <img border="0" alt="" src="素材/自動車.png" width="164" height="49"><br> <br> <br> <br> <img border="0" alt="" src="素材/サポート.png" width="166" height="63"><br> <img border="0" alt="" src="素材/輸入について.png" width="166" height="63"><br> <img border="0" alt="" src="素材/お問い合わせ.png" width="166" height="63"><br> <img border="0" alt="" src="素材/会社概要.png" width="166" height="63"> </p> 他にいい作り方など、オススメ等ありましたら何でもお願いします

  • javascriptの長いコードをサブルーチン化する方法

    初歩的な質問かもしれませんが <a href="javascript:void(0);" onclick="window.open ('note.htm','_blank','location=no,menubar=no,scrollbars=yes, resizable=yes,status=no,width=200,height=100,top=0,left=0')">※注釈※</a> …というHTMLをたくさんの箇所に挿入したいのですが，これではあまりにも長い ので，該当ファイルのヘッダ内に <head> <SCRIPT language="javascript" type="text/javascript" src="../script/winopen.js"></script> </head> みたいにwinopen.jsとして収め，必要箇所で呼び出したいのですが， (1) winopen.jsファイル内　と (2) HTMLの<body></body>内　には 具体的にどのように記述したらよいものでしょうか？

  • 子ウィンドウでウィンドウサイズ固定にしてtarget=

    HPを作っていて親ウィンドウに↓のように <script language="JavaScript"> <!-- function winopen(url){ win=window.open(url,"host","scrollbars=1,width=780,height=480"); } //--> </script> ～略～ <a href="dougu/keito.html" target="_blank" onClick="Javascript:winopen('dougu/keito.html');return false;"><img src="img/item-keito10.gif" width="50" height="38" border="0"> ウィンドウサイズを固定してtarget="_blank"で開いてさらにその子ウィンドウでも同じようにリンクを張って <script language="JavaScript"> <!-- function winopen(url){ win=window.open(url,"host","scrollbars=1,width=780,height=480"); } //--> </script> ～略～ <a href="../wash.html" target="_blank" class="style1" onClick="Javascript:winopen('../wash.html');return false;">こちら</a> とtarget="_blank"でウィンドウサイズを固定しして開きたいのですが同じウィンドウで開いてしまいます。 説明の仕方が分かりづらくてすみません。分からないようでしたら補足いたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する