Как удалить URL из страницы печати?

Question

Как удалить URL из страницы печати?

При написании кода OP он создает замыкания и циклические ссылки, которые могут быть бременем в памяти. Возможно, вы захотите очистить его, сделав слушателей дискретными функциями, а не выражениями анонимных функций. Кроме того, добавление слушателей в качестве ссылок делает этот более полезным.

Один простой способ сделать выделение / выделение - добавить и удалить класс, затем вы можете использовать селектор, чтобы эффективно найти выделенные, например,

var utils = {
  toggleSelected: function(evt) {
    let hClass = 'btn_selected';
    document.querySelectorAll('.' + hClass).forEach(el => el.classList.remove(hClass));  
    this.classList.add(hClass);    
  }
};

window.addEventListener('DOMContentLoaded',function(){
  document.querySelectorAll('input.btn-sm').forEach(btn =>
    btn.addEventListener('click', utils.toggleSelected, false));
}, false);

.btn_selected {
  background-color: #ffbb99;
}

<span>Minimum Skill Level:</span><br/>
<input type='button' class='btn-sm' name='skMin' value='1'>
<input type='button' class='btn-sm' name='skMin' value='2'>
<input type='button' class='btn-sm' name='skMin' value='3'>
<input type='button' class='btn-sm' name='skMin' value='4'>
<input type='button' class='btn-sm' name='skMin' value='5'>

Радиокнопки делают это по умолчанию, поэтому, возможно, вам следует смотреть на стилизованные радиокнопки вместо кнопок со скриптами.

var utils = {
  toggleSelected: function(evt) {
    let tgt = this;
    let div = this.closest('div')
    let hClass = 'btn_selected';
    div.querySelectorAll('.' + hClass).forEach(el => el.classList.remove(hClass));
    this.classList.add(hClass);
  },
  removeAllSelected: function(evt) {
    let hClass = 'btn_selected';
    document.querySelectorAll('.' + hClass).forEach(el => el.classList.remove(hClass));

  }
};

window.addEventListener('DOMContentLoaded', function() {
  document.querySelectorAll('input.btn-sm').forEach(btn =>
    btn.addEventListener('click', utils.toggleSelected, false));
    document.getElementById('theReset').addEventListener('click', utils.removeAllSelected, false);
}, false);

.btn_selected {
  background-color: #ffbb99;
}

<fieldset><legend>Select some values&hellip;</legend>
<div id="set0">
  <span>Minimum Skill Level:</span><br>
  <input type='button' class='btn-sm' name='skMin' value='1'>
  <input type='button' class='btn-sm' name='skMin' value='2'>
  <input type='button' class='btn-sm' name='skMin' value='3'>
</div>
<div id="set1">
  <span>Minimum Education Level:</span><br>
  <input type='button' class='btn-sm' name='skMin' value='1'>
  <input type='button' class='btn-sm' name='skMin' value='2'>
  <input type='button' class='btn-sm' name='skMin' value='3'>
</div>
<div id="set2">
  <span>Minimum Confidence Level:</span><br>
  <input type='button' class='btn-sm' name='skMin' value='1'>
  <input type='button' class='btn-sm' name='skMin' value='2'>
  <input type='button' class='btn-sm' name='skMin' value='3'>
</div>
<button id="theReset">Reset All</button>
</fieldset>

92

printing html footer

задан Martin Thoma 31 August 2017 в 14:25

3 ответа

Другие вопросы по тегам:

printing html footer

Похожие вопросы:

score 2 · Answer 1

Я не знаю, говорите ли Вы о нижнем колонтитуле в своей фактической диаграмме или URL, процесс печати в браузере делает.

, Если это - URL, процесс печати делает действительно до браузера, если у него есть функция для выключения этого.

, Если бы это - информация о нижнем колонтитуле, я рекомендовал бы использовать таблицу стилей печати и в рамках той таблицы стилей, чтобы сделать

display: none;

Для конкретного идентификатора или класса нижнего колонтитула.

, Чтобы сделать таблицу стилей печати, необходимо добавить это к голове.

<link rel="stylesheet" type="text/css" href="/css/print.css" media="print" />

score 18 · Answer 2

Наличие шоу URL является клиентским предпочтением браузера, не доступным для сценариев, работающих в странице (давайте столкнемся с ним, страница не может тихо распечатать себя, любого).

, Чтобы постараться не "пропускать" информацию через строку запроса, Вы могли отправить по почте

score 0 · Answer 3

Я согласился бы с большинством ответов, говоря, что это - браузер настройки, но тем не менее можно достигнуть того, что Вы хотите через COM. Следует иметь в виду, что большинство браузеров будет все еще иметь проблему с этим, и даже IE повысит панель безопасности COM до пользователей. Таким образом, если не что-то, что Вы предлагаете в организации, не делайте этого.