☰

MRTG - HTML 按钮到索引页

tag-icon • tag-icon html mrtg
MRTG - HTML 按钮到索引页

我的目标是在索引页中包含 HTML 按钮，以便将我的 MRTG 页面归类到不同的子类别中。现在我所做的是使用自己创建的 .png 制作 6 个空图，效果很好。唯一的问题是现在我想添加更多页面，并且我想要更小的按钮，因为我使用了 3 列，它们的大小与图表相同。

我也尝试过修改 index.html 文件，但每次我想添加图表时都必须运行 indexmaker，因此我运行：

/usr/bin/indexmaker --output=/var/www/mrtg/index.html --title='MRTG Test'
--columns=3 /etc/mrtg/cfg/mrtg.cfg

有人知道怎么做吗？

非常感谢。

答案1

我终于找到了方法。我只需创建一个 HTML 页面，在页面顶部放置一个可悬停的下拉菜单（当用户将鼠标移到元素上时出现的下拉菜单），然后使用 iframe 包含 index.html MRTG 页面。

以下是创建可悬停下拉菜单的方法：

http://www.w3schools.com/howto/howto_css_dropdown.asp

为了将 index.html 页面包含在 iframe 中：

 <div>
            <iframe id="form-iframe" src="index.html" style="margin:0; width:100%; height:150px; border:none; overflow:hidden;" scrolling="no" frameborder="0" onload="AdjustIframeHeightOnLoad()">
            </iframe>
            <script type="text/javascript">
                    function AdjustIframeHeightOnLoad() { document.getElementById("form-iframe").style.height = document.getElementById("form-iframe").contentWindow.document.body.scrollHeight + "px"; }
                    function AdjustIframeHeight(i) { document.getElementById("form-iframe").style.height = parseInt(i) + "px"; }
            </script>
    </div>

javascript 部分用于自动调整内容以适应页面大小。

相关内容