У меня есть веб-страница со столом. Если пользователь входит в систему, они могут нажать на заголовки строк, чтобы войти в страницу редактирования. Чтобы печатная версия выглядела одинаково для входа в систему и не вошла в систему, я использую CSS для стилизации ссылки в виде обычного текста.Как сделать ссылку недоступной при печати в PDF
Проблема заключается в том, что функция Сохранить как PDF в хроме сохраняет ссылки с их href, заставляя их открывать веб-страницу, если она нажата в сохраненном pdf. Есть ли способ удалить этот href во время этой «печати», , за исключением очевидного способа иметь два элемента и отображать только щелчок в @media not print
и показывать только номер без клика в @media print
?
Я предпочитаю не использовать JavaScript для изменения href во время печати.
Вы можете добавить дополнительные класс к этим ссылкам, а затем используйте стиль «display: none» в вашей таблице стилей печати. – ChelseaStats
@ChelseaStats Я должен осветленные, что ссылка применяется к заголовку для каждой строки (например, '
@ChelseaStats Перечитайте это: ... кроме очевидным образом иметь два элементов и показывая только кликабельный в '@media not print' и показывая только не кликабельный в' @media print'? – Nulano
ответ
Вы можете использовать атрибут OnClick, чтобы открыть страницу редактирования:
стиль его в качестве ссылки, используйте селектор
th[onclick]
CSS:источник
2017-02-23 10:14:57 Nulano
использовать как этот REMOVE тега привязки и положить DIV ... как
источник
2017-02-23 09:50:22
Как бы это загрузить определенный сайт для каждой строки? (Мой URL-адрес «? Edit = ID», где ID является идентификатором строки в таблице sql) – Nulano
Вы можете использовать
pointer-events
, смотрите здесь совместимость браузера для этого http://caniuse.com/#search=pointer-events. Он отключит вашу ссылку.источник
2017-02-23 09:57:11
Это не имеет для меня никакого эффекта. Ссылка не доступна для кликов в хроме, но после «печати» ее с помощью «Сохранить как PDF» ссылка снова активируется (она даже доступна в окне предварительного просмотра). – Nulano
Попробуйте распечатать этот кодз, нажав кнопку http://codepen.io/TunderScripts/pen/vxYNwE –
Это удаляет ссылку. Однако, если вы измените href на, например, google.com, ссылка больше не удаляется во время печати. – Nulano
Смежные вопросы