主页 / server / 问题 / 797165
Accepted
Javier Suárez
Asked: 2016-08-17 07:43:36 +0800 CST

MRTG - 用于索引页面的 HTML 按钮

  • 772

我的目标是在索引页面中包含 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

请问有人知道该怎么做吗？

非常感谢。

html mrtg

1 个回答

  1. Best Answer

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

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

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

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

     <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 部分用于根据页面大小自动调整内容。

    • 0

相关问题