2012-01-26 3 views
3

내 웹 사이트에서 페이지 제목을 가져 와서 페이지의 인쇄 버전에 삽입해야합니다. 나는 별도의 print.css ofcourse를 가지고 있지만 그 제목 데이터를 잡을 수있는 방법이있다. 아마도 jQuery를 사용하는 변수로서 CSS를 사용하여 삽입 할 수있다. div : before {content : "변수 이름이 여기에있다"}? 아니면 이것에 대한 더 나은 접근법이 있습니까?인쇄물에 페이지 제목 삽입 CSS

+3

왜 페이지 제목을 페이지 요소에 포함시키지 않고 CSS로 가시성을 제어 할 수 있습니까? – jli

답변

0

확실!

// 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있을 것입니다.

+0

하지만 div에 제목을 어떻게 채우겠습니까? 이 코드 스 니펫은 제목이 표시된 팝업을 나타냅니다. –

+0

나는 PHP 같은 것을 통해 페이지를 제어한다고 가정하고있다. DIV는 페이지 작성시 채워집니다. 이것들은 두 가지 다른 해결책입니다. PHP/ASP로 DIV를 interelly로 채 웁니다. jQuery를 사용하여 다음과 같이 입력 할 수도 있습니다 :'$ ('# divId') .html (document.title)' – Frankie

+0

정확하게 작동하지 않았지만 올바른 방향으로 나를 가리켰습니다. . 끝내기 :'$ ("# wrap"). before ("

"+document.title+"
");\t \t $ ("# ttl"). css ("display", "none");'첫 번째 주석으로 제안 된 js와 표시 블록. –

1

인쇄 CSS에서 display:block;이되는 기본 페이지에 숨겨진 요소가 있습니다.