同一页面上有两个具有不同 css 的打印按钮......可能吗？答案

【问题标题】：Two print buttons with different css on the same page... Possible?同一页面上有两个具有不同 css 的打印按钮......可能吗？
【发布时间】：2013-08-28 19:45:56
【问题描述】：

我正在使用 Dreamweaver，使用 php 进行编码。

在我的一个页面上，我尝试添加 2 个不同的 print buttons，每个都打印网页的不同部分。例如，一个打印按钮正在打印第一段，另一个print 按钮正在打印第二段。

我为两个按钮都做了 print CSS，并将每个按钮都链接到了各自的 print CSS，但是第二个 print CSS 覆盖了第一个一个，所以我最终有两个具有相同 CSS 的打印按钮......

我需要做什么？

【问题讨论】：

你能告诉我们你的代码吗？
可以让 JS 更改哪些样式表是活动的绑定到按钮？我没有办法在这里测试这个，所以不想作为答案发布。

标签： php javascript css printing dreamweaver

【解决方案1】：

您可以根据单击的按钮动态更改打印 CSS，如下所示：

在您的样式表引用中添加一个 id：

<link rel="stylesheet" href="print1.css" id="printCss" media="print">

为您的按钮添加点击事件：

<input type="button" onclick="swapCss();"/>

动态交换css文件：

function swapCss() {
    document.getElementById('printCss').href = 'print2.css';
}

【讨论】：

如果我使用链接而不是按钮，会不会一样？
是的，除非您希望链接看起来像这样（这样它不会将用户带到新页面）：<a href="#" onclick="swapCss(); return false;">print</a>。
现在，如果我问你一些完全不同的问题，会不会完全不对...既然我们已经谈过了，也许你可以再次帮助我...
你知道php包含什么吗？我试图添加一些 png 图像，但使用“交换”功能（当光标位于顶部时的图像会发生变化）。但是每次我放入包含时，它都会显示一条错误消息...我将图像放在不同的文件中，然后将其带到我想以 php include("_includes/swaplinks.php") 的形式显示的网页是路径，但错误说它不起作用
@VLP 我当然不介意帮助你，但是 Stack Overflow 上的适当礼仪要求你应该问一个新问题，如果它与当前问题无关。您可能想查看此link。我一定会留意你的新问题。此外，如果答案解决了您的问题，最好接受它。这样大家就知道问题解决了。