ページタイトルを印刷に挿入するCSS

私のウェブサイトでページタイトルを取得し、それをページの印刷バージョンに挿入する必要があります。私は別のprint.css ofcourseを持っていますが、そのタイトルデータを取得する方法はありますか？おそらく、jQueryを使用する変数として、CSSを使用して挿入します。 div：before {content： "変数名はここに"}？それとももっと良いアプローチがありますか？ページタイトルを印刷に挿入するCSS

出典

2012-01-26 web_dvlp_sd

なぜページ内の要素にページタイトルがなく、CSSでの表示を制御するのはなぜですか？ – jli

確かに！

// this would be an example of how to grab the title 
<script language="JavaScript"> 
alert(document.title); 
</script>

私のアプローチは若干異なります。

<h1 class="web-hide">the page title goes here</h1>

そして、あなたはページの印刷/ない-印刷バージョンに依存しない、目に見える/見えになり.web-hideを持っているでしょう。

出典

2012-01-26 19:06:18 Frankie

しかし、タイトルにdivをどのように埋め込むのですか？そのコードスニペットでは、その中にタイトルが付いたアラートが表示されます。 –

私はPHPなどの方法でページを制御していると仮定しています。 DIVはページ作成時に作成されます。これらは2つの異なる解決策です。私はPHP/ASPでDIVをinterellyに入れています。また、$（ '＃divId'）.html（document.title） ' – Frankie

のようなものをjQueryを使って埋め込むこともできます。。終了した： '$（"＃wrap "）。before（"

"+document.title+"

"）;\t \t $（ "＃ttl"）.css（ "display"、 "none"）; 'はjsで表示され、最初のコメントとして表示されます。 –

私は、メインページに印刷CSSのdisplay:block;という隠し要素があります。

出典

2012-01-26 19:06:43 MetalFrog

ページタイトルを印刷に挿入するCSS

答えて

関連する問題