印刷について

このQ&Aのポイント
  • IEでは印刷ができるが、NNには対応していない
  • クリックして開いたウインドウのメニューが隠れてしまっている
  • 印刷ボタンを埋め込みたかったが、良い方法がわからない
回答を見る
  • ベストアンサー

印刷について

<form> <input type="image" onClick="print();" src="*.gif"> </form> といった形で、印刷ボタンを作りました。 ところが、IEでは印刷が出来るのですが、NNには対応していないようなのです。 本来ならブラウザの印刷ボタンを使えばいいことなのですが、クリックして開いたウインドウのメニューは全て隠れてしまっている状態のページを下記のようにして作成してしまいました。 <a href="*.html" target="new" onClick = 'window.open("","new","width=400,height=400,scrollbars=no")'>こちら</a> ホームページを見に来てくれると思われる人は、大体が素人サンなので、「右クリック」して「メニュー」 を出して「印刷」、などしてくれそうにないし、NNの右クリックのメニューではそれも出来ないし。(Macについてまだ調べてないですが) すっきりと、「ココを押したら印刷なんだな」って分かるように印刷ボタンを埋め込みたかったのですが。。。 何か良い方法はないでしょうか? それとも、やはりブラウザに表示されていたメニューを消してしまったのはまずかったでしょうか。

  • HTML
  • 回答数2
  • ありがとう数6

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

  • ベストアンサー
回答No.2

こんばんわぁ、Blackwinglsです。 > 我侭言っちゃいけない気もしますが、 > 「イメージを使ったボタンで、印刷が出来ますか?」ということでもう少し回答を募集させて下さい。 以下の参考URLの手が使えませんか?

参考URL:
http://www.okweb.ne.jp/kotaeru.php3?q=5592
kaduki
質問者

お礼

出来ました!! ありがとうございましたぁ!!^^ あんな方法があったなんて知りませんでした! 本当に本当に、感謝です(T-T) <感涙

その他の回答 (1)

回答No.1

こんばんわぁ、Blackwinglsです。 回答ではないのですが・・・・・(^^;) > ところが、IEでは印刷が出来るのですが、NNには対応していないようなのです。 たしか、NN4.xから、print()には対応したと思います。 NNは持っていないので正確な事は解りませんけど・・・・ で、 <input type="image" onClick="print();" src="*.gif"> の、"print();" を="print()"とセミコロンを外してみたらどうなるでしょう? あと、 <input type="image" onClick="window.print()" src="*.gif"> としてみるとか・・・・ あとは、 type="image" を、type="button" にしてみて様子をみてみるぐらいしか思い付きません。 以上、レスが付いていないようなので、思い付きを書いてみました。 ではでは(@^^)/~~~

kaduki
質問者

お礼

ありがとうございます! 早速試してみましたが、「セミコロンを外す」方法では出来ず、また「window.print()」の方法でも出来ませんでした。しかし、その後に書かれているように、「イメージを使わずにボタンに」すれば使えるようになりました。 でもその印刷ボタン(gifボタン)の他にも同じデザインを使ったボタンを隣に配置していたので、出来ることならGIFのボタンが使いたいとも思います。 我侭言っちゃいけない気もしますが、 「イメージを使ったボタンで、印刷が出来ますか?」ということでもう少し回答を募集させて下さい。 Blackwinglsさん、本当にありがとうございましたm(_ _)m

関連するQ&A

  • 印刷用のボタンを作り、印刷をする方法を教えて下さい

    Webサイトを作成しており、申込用紙のページを作っております。 そこで、「印刷をする」ボタンを作成し、「印刷をする」をクリックすると印刷ページを呼び起こしたいです。 これは、どうやって印刷ページを呼び起こすのでしょうか? HTMLとCSSだけで可能でしょうか? こちらのサイトでは、Javascriptoを使って印刷ページをが呼び起せるとしております。 http://www.nishishi.com/javascript/2007/window-print.html window.print(); を使うだけで良いらしいですが、HTMLのbodyに以下のように記述するだけで良いのでしょうか?他に、headなどの部分に何か記述する必要はないのでしょうか? <form> <input type="button" value="このページを印刷" onclick="window.print();" /> </form>

    • ベストアンサー
    • CSS
  • リンクを新しいウィンドウで・・・

    ホームページをみようみまねで作ってるのですが、詰まりました。たすけてください! リンク先を新しいウィンドウで開くボタンを並べておいているのですが、複数連続でクリックしたときに、前に開いたウィンドウに上書きされるような設定にしたいのです。(ウィンドウを増やしたくないということです) ソースは <a href="body.html" onclick="window.open('white.html','','width=350,height=380,menubar=no,resizable=no,scrollbars=no,status=no,');"><img src="white.jpg" width="100" height="100" border="0"></a> こんなようなのがいくつも並んでいると考えてください。 このままだと当然ボタンを押した数だけブラウザが立ち上がってしまいますが、新しいウィンドウは1つにしたいのです。 説明がわかりづらくて申し訳ありませんが、どうぞ宜しくお願いします。

    • ベストアンサー
    • HTML
  • フレームからのリンク呼び出し

    いろいろ過去の質問・回答を読ませて頂いたのですが、よく判らないので質問させて頂きます。 フレーム機能を使って画面を左右に分割しているとします。 左画面にメニューとしてリンクを張ったボタンをいくつか並べてあります。 右画面には、左画面のメニューからリンクされたページを表示するようにしています。 ブラウザにこのページを表示させた直後1回目は、どのメニューボタンを押しても、右画面にそのリンク先が表示されます。 ただし、さらにメニューボタンを押して、別のリンク先を表示させようとしても、『ページでエラーが発生しました』とブラウザの下の方に表示されるだけで、右画面に要求しているリンク先が表示されません。 (なお、リンク先はCGIでもHTMLファイルでも同じようにエラーと言われます。) どのようにすれば、左画面のメニューボタンを押して次々に右画面を変えることが出来るのでしょうか?教えてください。 参考になるか判りませんが、メニューボタンに使っているタグを以下に記述します。 <FORM> <Input TYPE="button" Value="What's NEW" Style="background-color:#808080;color:#ffffff;width:100;height:30;font-family:Times New Roman;font-size:x-small;" onclick="top.index3.document.location='new.html'"> </FORM> (このようなタグが数個並んでメニューとなっています) 宜しくお願いいたします。

  • window.close()ができません

    終了ボタンとリンクのあるhtmlファイルを作成したのですが IEでリンク先(ファイル)をマウスの右クリックで『対象を印刷』すると それ以降、window.close()のスクリプトが実行できなくなり困っています。 対処方法をご存知の方がいらっしゃいましたら、 教えてください。 <BODY> <FORM> <INPUT type="button" onclick="window.close();" value="close"> </FORM> <A href="read.pdf">お読みください</A> </BODY>

  • リンク先をジャバスクリプトで別ウィンドウで見せるとき他のリンクの色も変わってしまう II

    リンク先を別ウィンドウで飛ばすため、同じページにある他のリンクも <a href="#">AAAA</a>(これはポインタを手のマークに変えてリンクをわかり易くするためです) <a href="#">BBBB</a> のように指定していますが、これだと一度クリックしてしまうと 全てのリンクが訪問後の色に変わってしまいます。 この問題はどう改善できるのでしょうか? 前回質問のアドバイスを元に記述してみたのですが↓ <a href="javascript:function void(0)" onClick="window.open('../htm/1.htm','','scrollbars=yes,width=700,height=700')">1234</a> <a href="javascript:function void(0)" onClick="window.open('../htm/2.htm','','scrollbars=yes,width=700,height=700')">5678</a> やはりクリックしてみるとリンク全てが訪問後の色に変わってしまいました、

  • ジャンプメニューでサブウィンドウ(サイズ指定)

    JavaScript初心者です。 以下のようにジャンプメニューを作り、メニューをサイズを指定した別ウィンドウで開きたいと思いますが、「Firefox」「Safari」「Opera」ではうまくいくのですが、 「IE」ではうまくいきません。今の自分のスキルでは、まったく原因がわかりません。 なんとかご教示願えませんでしょうか。 よろしくお願いいたします。 <form name="form" id="form"> <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)"> <option selected="selected">メニュー</option> <option value="#" onclick="MM_openBrWindow('1.html','1','scrollbars=yes,resizable=yes,width=600,height=600')">1</option> <option value="#" onclick="MM_openBrWindow('2.html','1','scrollbars=yes,resizable=yes,width=600,height=600')">2</option> </select> </form>

  • 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> 上のスクリプトで下のリンクで開こうとする時に、 どうしても開けません。>< どうしてなのでしょうか!? どこかが間違えているのでしょうか!? 誰か助けていただけませんでしょうか;><;;

  • Mozillaでステイタスバーへの表示

    IE6では、次のhtml文(簡略)が思ったとおりに実行されますが、Mozillaでは、実行されません。特に、ステイタスバーへの表示(ここが1番とか、ここが2番)がされません。Mozillaで表示させるには、どうすれば良いのでしょうか? お教えください。 <head> <script language="JavaScript"> function koko1() {window.open("http://koko1.co.jp","","WIDTH=950,HEIGHT=650,status,scrollbars");} function koko2() {window.open("http://koko2.co.jp","","WIDTH=950,HEIGHT=650,status,scrollbars");} function hint(n){status = n;} </script> </head> <body> 選んでください。 <input type="button" VALUE="K1" onClick="koko1()" onmouseover="hint('ここが1番')";> <input type="button" VALUE="K2" onClick="koko2()" onmouseover="hint('ここが2番')";> <body> ブラウザで実行⇒ボタンK1にマウスを当てると、ステイタスバーにここが1番と表示し、押すとhttp://koko1.co.jpが新規に開きます。 ボタンK2も同じ様。です。

  • リンクを新しいウィンドウで・・・2

    QNo.208725で質問した者です。 http://www.okweb.ne.jp/kotaeru.php3?q=208725  ↑読んでいただけるとありがたいです。 おかげさまでウィンドウがいくつも開くという問題は解決できたのですが、今度はクリックしても新しく開いたウィンドウがアクティブになってくれません(2回目のクリック以降)。 ブラウザの中身は確かに書き換わっているので、あとは見えてくれさえすれば・・・というところで困っています。 ソースは <a href="body.html" onclick="window.open('white.html','myWnd','width=350,height=380,menubar=no,resizable=no,scrollbars=no,status=no,');"><img src="white.jpg" width="100" height="100" border="0"></a> これのwhite.htmlとwhite.jpgの部分が違うものが並んでいる感じです。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • 画像をクリックすると閉じる別ウインドウ

    こんにちは。上記タイトルのページを作りたいと思っています。 親ページには <script language="JavaScript"> <!-- // var new1,win1p; function CenterOpen (img,Xv,Yv) { if (win1p=="on") { if (new1.closed) {} else {new1.close();} } win1p = "on"; Xw=Xv+50; Yw=Yv+80; new1=window.open("", "newwin", "resizable=1,width="+Xw+",height="+Yw+""); if(navigator.appVersion.charAt(0)>=3){new1.focus()}; new1.document.clear(); new1.document.write("<html><head><meta http-equiv=Content-Type content=\"text/html; charset=x-sjis\"><title>View Window</title></head><body bgcolor=#000000><table width=100% height="+Yv+" border=0 cellpadding=0 align=center valign=center>"); new1.document.write("<tr><td align=center valign=center><img src="+img+" width="+Xv+" height="+Yv+"></td></tr></table>"); new1.document.write("<center><form><input type=button value='close' onClick='window.close()'></form></center>"); new1.document.write("</body></html>"); new1.document.close(); } //--> </script> 画像リンクには <a href="JavaScript:onClick=CenterOpen('●●.jpg',サイズ,サイズ);"> こんな感じで作ってあります。 この new1.document.write("<center><form><input type=button value='close' onClick='window.close()'></form></center>"); 画像ボタンがいらないのでここを抜いて 画像をクリックすると子ウインドウが閉じるようにしたいのですが、うまくいきません。このサイトもいろいろ見ましたがよくわかりませんでした。 どなたかご教示下さい。よろしくお願いします。