• ベストアンサー

CGIで出来ているデータベースをJavaScriptの小窓で開く方法

CGIで簡単なデータベースを作っています。(キャラクター紹介) これをCGIの中ではなく、別の所に置かれたhtmlファイルのイメージマップ上にあるリンクをJavaScriptの小窓で開きたいと考えています。 CGIで作成されるページなので、URLは固定です。最後のレコードナンバーだけが変わります。(list.cgi?no=○○←ここの数字が変わるだけ) 表示サイズ・スクロールバーの有無などもすべて同じで固定です。 素人考えなので、書いていることさえおかしいかもしれませんが、こんな風にしたいのです。 ------- <SCRIPT language="JavaScript"> <!-- ここに開く命令・CGIのパスと表示サイズなどのオプションを記入 // --> </SCRIPT> //////// <A href="javascript" onclick="no(ここにNOを?)">リンク1</A> ----------- こんな感じです。(イメージマップなので、<A></A>の書き方はちょっと違うかもしれませんが…) リンクの数が増えてもナンバーだけを書き換えて追加できるようにしたいです。 色々と探し回ったのですが、<SCRIPT></SCRIPT>の中をページ数分増やすしか方法が書かれていなかったので… すごく困ってます。すばやい回答をお願いします。

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

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

#1補足> >window.location.href = "http://www.hogehoge.com/cgi-bin/partylist/list.cgi?mode=view&vno=" & fileno, "option"; & を + にする window.location.href = "http://www.hogehoge.com/cgi-bin/partylist/list.cgi?mode=view&vno=" + fileno; ><A href="javascript" onclick="link(10)">ここに名前</A> <A href="javascript:link(10);">ここに名前</A> とでもする 別窓で開くということであれば <SCRIPT language="JavaScript"> <!-- var option = "menubar=no,resizable=no,scrollbars=yes,height=300,width=300"; function link(fileno) { window.open("http://www.hogehoge.com/cgi-bin/partylist/list.cgi?mode=view&vno=" & fileno, "キャラ紹介", option); } // --> </SCRIPT> -- <A href="#" onclick="link(10);return false;">ここに名前</A> とかすればいいと思います。

その他の回答 (3)

  • osumitan
  • ベストアンサー率33% (102/307)
回答No.4

小窓を開くなら、window.openじゃないでしょうか? あと、文字列を連結するなら&でなく+ですね。 function link(fileno) {   window.open("http://www.hogehoge.com/cgi-bin/partlist/list.cgi?mode=view&vno=" + fileno, "_blank", option); }

  • RAPTsong
  • ベストアンサー率42% (74/175)
回答No.2

JavaScriptでfor文を使って書けばよいでしょう。 document.write でHTMLタグを書き出すことができます。 とほほさんのサイトが参考になるでしょう。

参考URL:
http://www.tohoho-web.com/js/index.htm
master-3rd
質問者

補足

返答ありがとうございます。 参考URL確認しましたが、さっぱり分からなかったです。私にはちょっと参考にはなりませんでした。 また、このすべてを熟読する時間的余裕が無いのも事実です。 できるのでしたら、この方法を取り扱ったサイトへの指示、またはそのものズバリの回答をお願いできないでしょうか?

  • hyde19
  • ベストアンサー率29% (196/661)
回答No.1

うーん、JavaScriptの基本的なことを沢山勉強した方が良いように思います。ここでは言い尽くせません。 簡単に説明しますが、こういうことができます。 onclick="link(10)" でlinkというルーチンに()内の数字を送ります。 function link(fileno) { ... window.location.href = "list.cgi?no=" & fileno; ... } そして、linkルーチン内で数字を受け取ってURLの文字列を合成して、ウインドウを指定してファイルを表示させることができます。 ウインドウ名は開く時点で決めて置きます。

master-3rd
質問者

補足

すばやい返答ありがとうございます。 現在勉強中なのですが、さっぱり分からず、四苦八苦しているところです。 さて、以下のようにしてみましたが、動作しません。(ページを表示できません、と表示) ------------ <SCRIPT language="JavaScript"> <!-- var option = "menubar=no,resizable=no,scrollbars=yes,height=300,width=300"; function link(fileno) { window.location.href = "http://www.hogehoge.com/cgi-bin/partylist/list.cgi?mode=view&vno=" & fileno, "option"; } // --> </SCRIPT> -- <A href="javascript" onclick="link(10)">ここに名前</A> ---------- 何が間違っているかさえさっぱりです。解決方法を教えてください。

関連するQ&A

  • JavaScriptで、小窓を開きたいのですが…

    色々やってみましたが、イマイチどうも上手く行かないのです。小窓を開けても、小窓にページの表示が出来なかったり、ちゃんとページが開けてもサイズ指定したのに大きいウィンドウで開いたり…。 HP作成ソフトでサイトを作っている程度の知識しかありませんので、どなたか分かりやすく教えて下さい。 開きたいページは、time-s.htmlで、「ここ」というリンクをクリックして小窓で開かせたいです。 ちなみに現在は、head内に <script type="text/javascript"><!-- function newWin(){ window.open("time-s.html","time","width=196, height=176, scrollbars=no, location=no, menubar=no"); } //--></script> body内に <a href="javascript:void(0);" onClick="window.open('time-s.html', 'time', 'width=300,height=220')">ここ</a> としてあります。 色々張りつけてるうちに、ごっちゃになってしまったみたいです(汗) ご親切な方、よろしくお願いします。

  • 小窓について。

    現在、クリックすると小窓が開くようにして注意事項等を表示しています。 サイト内で小窓が3カ所あり、全てサイズが違います。 私は開いた小窓を閉じて次のアクションをおこすので気付かなかったのですが、 どうやら開いた小窓をそのままで次のアクションをおこし別の小窓を開く人には「見えない」(実際には開いているけれど、元々のページの下に隠れている。&小窓のサイズが最初に開いた小窓のままで次に開いた小窓の内容とはサイズが合ってない)という事です。 現在使用中のタグは以下のものです。 どのように訂正すれば快適に表示することができるのでしょうか。 =HEAD内= <script type="text/javascript"> <!-- function subwin1(){window.open('△△.htm','miniwin', 'resizable=no,menubar=no,status=no,location=no,scrollbars=yes,toolbar=no,width=430,height=620');} --> </script> =BODY内= <A href="javascript:subwin1()"> 過去ログをどのように調べたらいいかわからなかった(適切な検索語句がわからない)ので新しく質問しました。 もし過去に同じような質問があれば、リンクを張っていただくだけでも構いません。 お手数おかけしますが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • JavaScriptを使用して小窓を開く際・・

    現在HPを作成しており、JavaScriptを使用して小窓を開くように設定しております。 ページは縦に長く、小窓を開くリンクはページの最下部に貼っています。 リンクをクリックすると小窓は開くのですが、なぜか親ページがページ最下部からトップにスクロールしてしまうのです。 最下部に留めるようにしたいのですが、どうすればよいのでしょうか。 リンク部分には下記のように記載しております。 <A href="#" onclick="window.open ('http://*****', 'new','toolbar=no, location=no,directories=no, scrollbars=yes, resizable=no, status=no,width=600,height=430');">*** (B)</A>

  • 小窓を開きたい

    素人なので質問もきちんと出来ているかわからないのですが、よろしくお願いします。 HPトップページを開くと小窓(New Window)が開くようにしたいのです。 TopPageはフレームで分かれていて、どの部分に書き込めばプログラムが実行されるのかがわかりません。 小窓の大きさは、下記に示したように小さなものでよいのです。 <script Language="JavaScript"><!-- function newWin(){ window.open("開きたいファイルのアドレス","","width=196,height=176","scrollbars=no","location=no","menubar=no"); } //--></script>  これを<a href でプログラムを開くようなアドバイスがありましたが、どのようなことなのでしょうか?

  • JavaScriptからCGIを読み出す方法

    お世話になっています。 今回、JavaScriptからCGIで読み出した文章を出力する方法についての質問があり、 投稿させて頂きました。 まず、CGIで、例えばa.logというファイルを読み出し、ブラウザに出力する処理を書きます。 a.logファイルは全て文字列です。 次にHTML側で、適当にaタグでリンクを張ります。 このリンクをクリックすると、そのCGIが読み出した文章を特定の場所に出力する、 という処理をしたいのですが、うまく出来ません。 探していると、インラインフレームを使えばいいとよく見かけるのですが、 その方法は取りたくないのです。(サイトのデザインの関係上) 試したソースは、JavaScriptでファンクションの定義をし、 実行されれば以下のようなソースを出力する、というものでした。 <script language="JavaScript" src="read.cgi"></script> 自分でも無理があるな、とは思ってますが、これ意外思いつかなかったもので・・・ 皆様のお知恵をお貸しください。 お願いします。

  • htmlでHP作成・1つのページに複数の小窓を出すには・・・

    メモ帳を使い、タグを打ち込んでHPを作っています。 1つのページに3つのリンク元を置いて、それぞれ違う 小窓が出るようにしたいのですが、やってみたら 全部同じ小窓が出てしまいます。何度やっても直りません。 打ち込んだタグはこれです。(<BODY></BODY>内に) 同じタグを、リンク先のURLとリンク元の文を変えただけで3つ続けて書き込みました。 これだと、どのリンク元を押しても3つめの小窓が開いてしまいます。 ちゃんと個々の小窓が開くようにするにはどうすればいいのでしょうか??教えてください!! <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("1つめ.html","window2","resizable=no,menubar=no,directories=no,status=no,location=no,scrollbars=yes,toolbar=no,width=500,height=500"); } --> </SCRIPT><A href="javascript:subWin1();" STYLE="text-decoration:none" title="" onfocus="this.blur()"><font color=gold size="1" face="verdana"onMouseOver="this.style.color='red'" onMouseOut="this.style.color = 'GOLD'">1つめリンク元</font></a>

  • MAC+IEで、小窓が表示されない。

    お世話になります。 MAC+IEで小窓が開かず困っています。 で、MacIEの場合、リンクターゲットが#のままでは、javascriptで小窓のURLを指定してもページ内アンカーを指定していると解釈されているようですので、MacIEでも小窓をきちんと開かせるには、やはり小窓URLを指定しなくては駄目なようです。 <a href="小窓のURL" onClick="window.open(~…> と、他でアドバイスもらったんですがなにぶん初心者なため、そのあとの中身をどういれていけばいいのかがわからず、またこの教えてくれたかたとも連絡がつけれず、困り果てています。 現在 <a href="#" onclick="window.open('小窓表示するアドレス','その名前','width=サイズ,height=サイズ,menubar=no,toolbar=no,location=no,scrollbar=no,status=yes');"> となっているんですが、<a href="小窓表示するアドレス">と変更したそのあとは、どんな指定になるのでしょう? お手数かけますが onclick="window.open('小窓表示するアドレス','その名前','width=サイズ,height=サイズ,menubar=no,toolbar=no,location=no,scrollbar=no,status=yes');"> を書きかえるような形で教えてもらえると助かります・・・。 おたすけください。よろしくおねがいします。

  • 小窓の表示方法について

    自分の作品をホームページで掲載しているのですが、小窓で開く際、作品Aを開いたら1つの小窓が出てきて、作品Bを開くと、小窓内の作品Aを消して作品Bが表示されるような感じにしたいんです。 要するに、小窓を1つだけ開くようにさせたいんですが、今は作品をそれぞれ違う小窓で開くようにしか出来てません。 どうやれば1つの小窓で作品を開けるようになるのでしょうか。 今入れてるスクリプトとタグです↓ function showSubWindow(url) {   var win = window.open ( url,"", "width=500,height=600,scrollbars=yes"); } No.00 <a href="JavaScript:showSubWindow('作品A.html');">作品A</a> No.00 <a href="JavaScript:showSubWindow('作品B.html');">作品B</a> 調べてみたのですが、よく分からなかったため質問させていただきました。 細かく説明されているサイトなどがあれば、それを紹介していただいてもOKです。 よろしくお願い致します。

  • 複数ある小窓のサイズ。

    今、HPビルダーのイベントで↓の様にしてあるんですが、 <SCRIPT language="JavaScript"> <!--HPB_SCRIPT_CODE_40 // _HpbJumpURLinNewWindow: 新規ウィンドウを開いて指定したURLにジャンプします。 // function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank',"scrollbars=1,width=710,height=430,top=150, left=200"); } } //--> </SCRIPT> がスクリプト部分でリンクしたい部分を <A onclick="_HpbJumpURLinNewWindow('http://~○○.cgi');" href="#">update</A> といった様に書いてあるのですが、 今メニュー全てがクリックすると同じサイズの小窓 で開くようになっています。それで一つだけ他のと 小窓のサイズを変えたいんですが、 その場合、どう書けばよいのでしょうか?

  • 小窓ウィンドウについて

    リンク先をソースに表示せずに小窓ウィンドウを立ち上げるにはどうすればいいのでしょうか? 何かの関数ですか <script language=JavaScript> document.write(" <a onclick=openi() href="javascript:d()"> よろしくお願いします。

専門家に質問してみよう