教えて!goo限定 1000名様に電子コミック1000円分が当たる!!

インラインフレームの印刷について

解決済

  • 質問者：partita
  • 質問日時：
  • 回答数：3件

インラインフレームを使用したページを印刷しようとすると、隠れた部分が印刷できませんが、印刷できる方法はありますでしょうか。IE6使用。

（普通のフレームならフレームごとの印刷ができるのですが・・・）

通報する

この質問への回答は締め切られました。

質問の本文を隠す

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

「CSS ライン」に関するQ&A： インラインフレーム、ｃｓｓの質問です。

さらに表示

「とは インライン」に関するQ&A： XHTMLでは、インライン要素は必ずブロックレベル要素内に記述となっていますがこの場合は？

A 回答 (3件)

No.3ベストアンサー

まず、インラインフレームの印刷の件ですが、


JavaScript でフレーム内の情報量等を取得して、
CSS 等を書き換える事により印刷用の CSS でインラインフレームのサイズを変更して全て見れるサイズにするしかないのでは？？？
（#2 の方の方法ですが、フレーム内の情報量が一定ではなさそうなので、ちょっと JavaScript 等で制御が必要な様な・・・）

で、なにより
＞ショッピングサイトでカートの流れをインラインフレームで表示させることになりました。
＞届け先などを確認のため印刷する人が出るかもしれない、
＞でもインラインフレームだと表示しきれない部分があるので
？？？
確認が必要そうな情報なら他ページで表示できなければ問題でしょうし、
その様なページが他にあれば別にそのインラインフレームで印刷できる必要性はないでしょう？？？
まさか確認，修正が出来るページがないという事は・・・。
（なければ印刷どころの問題ではないですがぁ～）
という事で、そもそもインラインフレーム内に表示する程度の情報なのですから、
印刷が出来ない事を気にする必要はないと思います。
    • good
    • 0
    • 件
通報する
この回答へのお礼

＞印刷が出来ない事を気にする必要はないと思います。

それもそうですね。
買い物が完了したら確認メールを送ることになってますから、それで対処してもらうようにします。

ありがとうございました。

通報する
お礼日時：2005/09/03 09:00

No.2

  • 回答者： quads
  • 回答日時：

基本的に無理です。




強引な方法は、media="print"で適用させるCSSにiframeへのheight(width)プロパティを記述する。
うまくいく保証は無いけど。

インラインフレームを使わざるを得ないのであれば、【印刷する場合はこちら】のようなリンクを作成された方が早いかもしれません。


補足。
> 印刷するのがインターネット素人だとすると、
素人がショッピングサイトを利用するのは問題外かと。
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： affection
  • 回答日時：

インラインフレームの設定されているページのソースをみて該当ページ別窓で呼び出し印刷してみてはいかがでしょう。

面倒だとは思いますが確実ではあると思います。
＃とりあえず基本ということで。

この回答への補足

補足です。

ショッピングサイトでカートの流れをインラインフレームで表示させることになりました。届け先などを確認のため印刷する人が出るかもしれない、でもインラインフレームだと表示しきれない部分があるので印刷方法（別窓）を知らない人がでてくるだろう、どうしたものか、と考えてこちらに質問させていただきました。

印刷するのがインターネット素人だとすると、フレームを別窓で…というのは手間がかかって面倒です。
やっぱり無理ですかねぇ。

補足日時：2005/09/02 19:31
通報する
    • good
    • 0
    • 件
通報する

このQ&Aに関連する人気のQ&A

「とは インライン」に関するQ&A： インラインで回答？

さらに表示

「CSS ライン」に関するQ&A： ハイパーリンクに下線を表示するには？

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

Q質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

関連するQ&A

関連するカテゴリからQ&Aを探す

専門家回答数ランキング

専門家

※過去一週間分の回答数ランキングです。

Q質問する（無料）

他の専門家の回答をチェック

このQ&Aを見た人が検索しているワード

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

Qページの一部が消える印刷プレビューの原因について

ご質問です。
当方、実務経験の浅いwebデザイナー兼コーダーです。
仕事でコーポレートサイトを作成したのですが、htmlファイルの納品後に「印刷にも対応できるようにしてほしい」とクライアントからの要望を頂きました。

フルcssで作成したサイトを確認するも社内のWinXPのIE7・WinVistaIE7共に特定の倍率で「ページのある一部」が印刷プレビューに映らない（印刷しても、そこだけ白い・そこだけスペースが空いている）という現象が起きてしまいました。
（念のため・・クライアントからは最低IE7で印刷できればいい、と言われています）

私の確認では倍率70～75％で「ページのある一部」が表示できなくなり、クライアントの環境（WinXP IE7）では縮小して全体を印刷する、80%、60%の3つで「ページのある一部」が表示できないとのことです。
これはいったい何が原因となっているのでしょうか。

印刷用のcssにzoom指定で修正はできそうなのですが、何より原因がわからないので気になります。

プリンターの問題なのか、ブラウザによるものなのか・・
はたまたコーディングが悪いのか・・。

説明が悪いので伝わりにくく申し訳ないのですが、クライアントにうまく説明するためにも心当たりがある方のご意見を頂きたいです。
宜しくお願いします。

ご質問です。
当方、実務経験の浅いwebデザイナー兼コーダーです。
仕事でコーポレートサイトを作成したのですが、htmlファイルの納品後に「印刷にも対応できるようにしてほしい」とクライアントからの要望を頂きました。

フルcssで作成したサイトを確認するも社内のWinXPのIE7・WinVistaIE7共に特定の倍率で「ページのある一部」が印刷プレビューに映らない（印刷しても、そこだけ白い・そこだけスペースが空いている）という現象が起きてしまいました。
（念のため・・クライアントからは最低IE7で印刷で...続きを読む

Aベストアンサー

結構日数が経っているのでもう解決済みかもしれませんが…
私も一度その現象に出くわしたことがあります。
その時はoverflow:hidden;を消せば直りましたが、どうでしょうか。
もし解決済みでしたら、どうしてそうなったのか、解決方法はあったのかよろしければ教えて下さい。

他の回答も見る

Qjavascriptでページ内の一部分だけを印刷する設定

ページを印刷するjavascriptを調べたところ、

<a href="javascript:window.print();">
印刷する</a>

というのが最も多く出てきました。
今回、ページ内のクーポンの部分だけを印刷する、
という設定にしたいのですが、その場合の記述方法を教えてください。

また上記の場合、<script>～</script>　で
javascript自体の指令は必要ないんでしょうか。

Aベストアンサー

HTML上の印刷する部分を限定したいということですが、
こんな感じでどうでしょうか？

スタイルシートの設定のしかたで、ある程度近いことができると思います。
IE6ではこれで動いています。

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<title></title>
<style media=screen>
<!--
/*印刷時のみ表示*/
.prtOnly {display:none;}
// -->
</style>
<style media=print>
<!--
/*ブラウザのみ表示*/
.dspOnly {display:none;}
// -->
</style>
</head>
<body>
<!-- ブラウザ上のみ表示 -->
<div class="dspOnly">テスト</div><br>
<!-- 印刷時のみ表示 -->
<img src="test1.jpg" border="0" class="prtOnly"><br>
<!-- 両方表示 -->
<img src="test2.jpg" border="0" class="">
<br>
<br>
<a href="javascript:window.print();" class="dspOnly">
印刷する</a>

</body>
</html>


＞ また上記の場合、<script>～</script>　で
＞ javascript自体の指令は必要ないんでしょうか。

javascript:window.print()←自体がJavaScriptの命令になって
いますので特に必要ありません。

※さらに複雑さ処理がやりたい場合は別ですが。

HTML上の印刷する部分を限定したいということですが、
こんな感じでどうでしょうか？

スタイルシートの設定のしかたで、ある程度近いことができると思います。
IE6ではこれで動いています。

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<title></title>
<style media=screen>
<!--
/*印刷時のみ表示*/
.prtOnly {display:none;}
// -->
</style>
<style media=print>
<!--
/*ブラウザのみ表示*/
.dspOnly {display:none;}
// -->
</style>
<...続きを読む

他の回答も見る

Q☆画面中に縦スクロールバー付きの画面があるページの印刷は。。☆

こんにちは、koumakiです。
いつもお世話になってます！

先ほどパソコンで、ＴＶ料理番組のレシピを印刷しようとしたんですが、画面の中に、もう一つ縦スクロールバー付きの画面（それがレシピ画面です）があり、レシピのすべてがちゃんと写りませんでした（ＴＴ）

余白等の設定を変えたり、横印刷にしたりしましたが、だめでした。
ページ数もなぜか分かりませんが固定してしまっていて。。。

どなたか、きれいに印刷する方法を教えてください！

こちらパソコンは、かなり素人です。。

お願い致します☆

Aベストアンサー

複数のフレーム（枠のこと）の印刷ということですね。

【対処方法】
１．必要なフレームの場所で、一回クリックしておきます。
２．ファイルー印刷
で、印刷のウィンドウがでたら、
一番下のフレームの印刷の、
「選択したフレームのみ選択」を選びます。

３．OKを押す。

だめでしたら、「すべてのフレーム個別で印刷」、を選択で、やってみてください。

＜おまけ＞
印刷前に、印刷プレビューがありますので、今後活用してください。

他の回答も見る

QIEの印刷でcssが無効になう

宜しくお願いします。

CSSを使って、DIVタグでレイアウトしています。TABLEでなくDIVだけで組むのは初チャレンジです。外部CSSを使用しています。

IE（Ver6)では、問題なくCSSが有効となって見えるのですが、印刷プレビュー及び印刷では、CSSが無効となりレイアウトが崩れてしまいます。DIV関係に限らず全てのCSSが無効です。

こんな経験は初めてで、何が悪いのかわかりません。

どこをチェックすれば良いのでしょうか？

Aベストアンサー

#2です。例題が悪かったです。（こうなっていると印刷にcssが効かないという例です。）
media="screen" になっているならこのCSSはscreenメディア（主にパソコンのディスプレイ）に対してだけ適用してください。という意味になります。
media="screen,print" と、すると画面と印刷の両方に適用されます。
（media="all"またはmedia自体を削除すれば全てのメディアに適用されます。）

他の回答も見る

Qサイト全体を縮小して印刷するには？

こんにちは。教えてください。
http://lexus.jp/
上記アドレスのサイトのように
横幅940pxと普通はＡ４縦では全てが印刷出来ないサイズのサイトでも
ブラウザから印刷するとサイト全体が縮小して
Ａ４縦に収まって印刷される方法を教えてください。

JavaScript、css少しならわかります。
よろしくお願い致します！

Aベストアンサー

まず、このサイトは標準準拠モードではなく互換モードで作成されています。
(IEはプロパティにつくアンダーバーを無視する。
他のブラウザは仕様どおり存在しないプロパティ自体を無視する)

http://lexus.jp/models/common/css/import.css
から読み込まれる
http://lexus.jp/models/common/css/default.css
にある

@media print {
body {
_zoom: 0.68;
}
}

を読み込むことで印刷時のみzoomを効かせているんだと思います。

Minefield/Firefox，Opera，IE7にはShrink To Fitという
自動的にページ幅を基準とする機能が付いています。

MinefieldではScaleで調整し，
Operaでは[ファイル]-[印刷オプション]に「用紙幅におさめる」で有効になります。
IE6は上の指定で回避します。

ただし，IE7は標準でShrink To Fitであり，zoomプロパティを読み込んでしまうため，異様に小さく印刷されてしまいます。なのでShrink To Fitではなく100%で印刷した方が良いでしょう。

何故か俺の環境ではVPC上でしか動作しないSafariは，
VPCにプリンタドライバ入れなきゃいけないのが面倒なので検証していません。

まず、このサイトは標準準拠モードではなく互換モードで作成されています。
(IEはプロパティにつくアンダーバーを無視する。
他のブラウザは仕様どおり存在しないプロパティ自体を無視する)

http://lexus.jp/models/common/css/import.css
から読み込まれる
http://lexus.jp/models/common/css/default.css
にある

@media print {
body {
_zoom: 0.68;
}
}

を読み込むことで印刷時のみzoomを効かせているんだと思います。

Minefield/Firefox，Opera，IE7にはShrink To Fitという
自動的にペ...続きを読む

他の回答も見る

QonClickに複数の関数を挿入する方法

初心者なのですがアニメーションの関数anime1、anime2、anime3を作成し、onClickに下記のように設定しました。
クリックするとアニメーション2つの設定ではは動くのですが、3つ目を設定すると動かなくなります。
通常はこのような設定はしないものなのでしょうか？
教えてください。
よろしくお願いします。
<INPUT type="button" value="START" onClick="anime1(), anime2()">・・・OKです。
<INPUT type="button" value="START" onClick="anime1(), anime2(),anime3()">・・・動きません。

Aベストアンサー

セミコロンでつなぐのが常道ですが、３つ以上なら
別途function化したほうが、可読性が高くなると
思います。

他の回答も見る

QPHPでPDFファイルの直接印刷

HTML、PHP、JavascriptでWeb画面上から印刷枚数を指定し、Web画面上の「印刷」ボタンを押すと、直接、特定のファイルパスのPDFファイルを印刷できるようにしたいと思っています。
かなり検索したのですが、それを実現できるようなものが見当たりません。
どうかご教授ください。よろしくお願い致します。

Aベストアンサー

PXDocについて、
所詮はXMLなので、PHPで、SVGの記述にそったXMLを出力すればよいです。ブラウザ側には、pxd拡張子で投げるため、
PHPで、header指定のコードを記述する必要はありそうです。

header("Content-type: application/pxd");

PXDocのサイト（参考URL）にサンプルとリファレンスがあります。
.pdx という拡張子がありますが、単なるXMLファイル(テキストファイル)なので、メモ帳なり秀丸なりで開けば、ああなるほどとわかると思います。

複雑な帳票で、テンプレートを作り、部分的に動的な値を埋め込む場合は、テンプレートをExcelとかOpenOffice.orgで作ってSVG保存したものを使えばよいと思います。

※SVG(つまり実体はXML)はテキストファイルなので、
ユーザが内容を書き換えることが可能です。(書き換えようと思えばですが）

PDFのように、編集不可にする手段はないのでご注意ください。

参考URL：http://www.pxdoc.com/sample/index.htm

PXDocについて、
所詮はXMLなので、PHPで、SVGの記述にそったXMLを出力すればよいです。ブラウザ側には、pxd拡張子で投げるため、
PHPで、header指定のコードを記述する必要はありそうです。

header("Content-type: application/pxd");

PXDocのサイト（参考URL）にサンプルとリファレンスがあります。
.pdx という拡張子がありますが、単なるXMLファイル(テキストファイル)なので、メモ帳なり秀丸なりで開けば、ああなるほどとわかると思います。

複雑な帳票で、テンプレートを作り、部分的に動的な値...続きを読む

他の回答も見る

Qidを使わずにonclickで自身の要素取得

javascriptで
<a href="XXX.XXX" title="ゴール" onclick="element()">test</a>
function() {
idを使わずにここにtitle属性のゴールを習得する方法を記述したいのですが、わかりません
よろしくお願いします
}

Aベストアンサー

こんにちは。


==== HTML
<a href="" title="ゴール" onclick="getTitle(this);return false;">test</a>
<a href="" title="スタート" onclick="getTitle(this);return false;">test2</a>


==== JavaScript
function getTitle ( obj ) {
var title = obj.getAttribute('title');
alert ( title );
}

こういうことでしょうか。
違っていたらすみません。

他の回答も見る

Q印刷範囲の指定はできますか？

現在、ホームページを制作しているのですが、A4紙に収まらないページがあるのです（写真が切れてしまいます）。
そこで、ページのある一部分（メインの部分）だけを印刷する、またはしないように指定したいのですが、可能でしょうか。

Aベストアンサー

スタイルシートを使えば可能ですよ。

印刷用のスタイルシートを適用すればよいのです。
http://linkage.xrea.jp/article/2004/07/make_mediacss.php

上記のサイトを参考にしていただければ分かりやすいと思いますが（やり方は二通りあります）

たとえば、次のページを用意します。
<html>
<head>
<link rel="stylesheet" href="print.css" type="text/css" media="print">
</head>
<body>
<div class="noprint">
ここは印刷したくない
</div>
<div>
ここは印刷したい
</div>
</body>
</html>

上のHTMLでprint.cssというファイルを読み込み指定していますよね。
このprint.cssというファイルを作ります。
この中に

.noprint{
display:none;
}

と書いてあれば、class="noprint"で指定された部分は印刷されません。

分かりますでしょうか？

参考URL：http://linkage.xrea.jp/article/2004/07/css2print.php

スタイルシートを使えば可能ですよ。

印刷用のスタイルシートを適用すればよいのです。
http://linkage.xrea.jp/article/2004/07/make_mediacss.php

上記のサイトを参考にしていただければ分かりやすいと思いますが（やり方は二通りあります）

たとえば、次のページを用意します。
<html>
<head>
<link rel="stylesheet" href="print.css" type="text/css" media="print">
</head>
<body>
<div class="noprint">
ここは印刷したくない
</div>
<div>
ここは印刷したい
</div>
</body>
</htm...続きを読む

他の回答も見る

Q外部CSSで作成したページの印刷について

「外部CSS」で作成したページを、印刷プレビューしてみると
「HTML」だけ?の状態のような感じです。

「外部CSS」で作成したページを、CSSが反映した見た通りには、印刷できないのでしょうか?

なにか、記述の追加をすれば、できるのでしょうか?
または、参考サイトがあれば、教えてください。
よろしくお願いいたします。

Aベストアンサー

外部CSSだからとか言う事ではありません。
どこからの丸写しで、メディアタイプに「screen」と指定していませんか？

<link REL="stylesheet" type="text/css" HREF="外部CSSファイル" media="screen">

最後の「media="screen"」で出力するメディアを指定していて、画面用や印刷用に別々のスタイルシートを適用する事ができます。
・all：画面も印刷も全てに適用。
・screen：画面用
・print：印刷用

http://msugai.fc2web.com/web/CSS/media.html
http://allabout.co.jp/internet/hpcreate/closeup/CU20050728A/

参考URL：http://msugai.fc2web.com/web/CSS/media.html

他の回答も見る
ページトップページトップ

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報