rgboss Ответов: 4

как скрыть кнопку печати на бумажном носителе при печати в javascript

привет
Я пытаюсь распечатать страницу но кнопка печати также получает печать на бумажном носителе
как спрятать эту кнопку.Я использую следующий код javascript. кто-нибудь может пожалуйста помочь мне?

<script>
function printpage()
  {
  window.print()
  }
</script>
</head>
<body>

<input type="button" value="Print this page" onclick="printpage()">

</body>

4 Ответов

Рейтинг:
21

Marco Bertschi

Привет,

решение очень простое:

1. Дайте вашей кнопке печати идентификатор:

<input id="printpagebutton" type="button" value="Print this page" onclick="printpage()"/>


2. настройте свой скрипт таким образом, чтобы он скрывал кнопку перед вызовом window.print():
<script type="text/javascript">
    function printpage() {
        //Get the print button and put it into a variable
        var printButton = document.getElementById("printpagebutton");
        //Set the print button visibility to 'hidden' 
        printButton.style.visibility = 'hidden';
        //Print the page content
        window.print()
        //Set the print button to 'visible' again 
        //[Delete this line if you want it to stay hidden after printing]
        printButton.style.visibility = 'visible';
    }
</script>


Быстро и приятно.

овации,
Маркос

A. Najafzadeh

Спасибо. моя ставка-5.

Marco Bertschi

Пожалуйста.

Neetu Pandita

Хорошо сработало

Рейтинг:
2

Anshu Krishna 

<style type="text/css">
@media print {
    #printbtn {
        display :  none;
    }
}
</style>
<input id ="printbtn" type="button" value="Print this page" onclick="window.print();" >

Рейтинг:
2

arunrv

Привет rgboss238,
Вот код как можно скрыть кнопку печати во время печати


<head runat="server">
    <title>Print Page</title>
    <script type="text/javascript">
        function print_page() {
            var ButtonControl = document.getElementById("btnprint");
            ButtonControl.style.visibility = "hidden";
            window.print();
        }
    </script>
</head>

<body>
   
    <div>
    <strong>Hello world</strong><br/>
    <input type="button" id="btnprint" value="Print this Page" onclick="print_page()" />

    </div>
   
</body>

Marco Bertschi

Это хорошо, но, к сожалению, он держит кнопку скрытой после печати, так как вы не устанавливаете видимость кнопки видимой после печати.

овации,
Маркос

arunrv

видимая кнопка после печати выглядит следующим образом

ButtonControl.style.visibility = "скрыто";
окна.печать();
ButtonControl.style.visibility = "видимый";

Рейтинг:
1

Graham Breach

использовать CSS @media print или таблицу стилей печати, чтобы скрыть кнопку при печати. Таким образом, он будет скрыт на распечатке независимо от того, используется ли кнопка для печати или нет.

Видеть http://reference.sitepoint.com/css/at-media[^] и http://reference.sitepoint.com/html/link/media[^] относительно деталей.