0

我是 Javascript 新手,我正在研究一些单击时会“闪烁”的按钮。单击图标时,我的 Javascript 代码会换出一个图标图像并将其替换为发光图标。这适用于 FF 和 IE9,但不适用于 Chrome。

这是代码:

<html>

<head>
<script Language="Javascript">
function set0()
{
    document.location="cgi-bin/set0.cgi";
    document.getElementById("l").src="/img/leftglow.jpg";

}
function set1()
{
    document.location="cgi-bin/set1.cgi";
    document.getElementById("r").src="/img/rightglow.jpg";
}
function set01()
{
    document.location="/cgi-bin/set01.cgi";
    document.getElementById("f").src="/img/forwardglow.jpg";
}
function clear01(event)
{
    document.location="cgi-bin/clear01.cgi";

    document.getElementById("r").src="/img/right.jpg";
    document.getElementById("l").src="/img/left.jpg";
    document.getElementById("f").src="/img/forward.jpg";
    if(event.type=="mousedown")
    {
        document.getElementById("s").src="/img/stopglow.jpg";
    }
    if(event.type=="mouseup")
    {
        document.getElementById("s").src="/img/stop.jpg";
    }
}
</script>
</head>
<body>
    <div style="text-align:center">
    <h1>Raspberry Pi GPIO</h1>

    <img src="/img/forward.jpg" id="f" onmousedown="set01()" onmouseup="clear01(event)">
<br>
    <img src="/img/left.jpg" id="l" onmousedown="set0()" onmouseup="clear01(event)">
    <img src="/img/right.jpg" id="r" onmousedown="set1()" onmouseup="clear01(event)">
<br>
    <img src="/img/stop.jpg" id="s" onmousedown="clear01(event)" onmouseup="clear01(event)">
    </div>

</body>
</html>

CGI 脚本不打印任何 HTML。他们只需设置一些 GPIO 引脚并打印 204 No Content 标头,以便浏览器停留在当前页面上。这仅在 Chrome 中部分起作用 - CGI 脚本被执行,原始图标消失并重新出现,但未显示发光图标。有谁知道我需要做什么才能在 Chrome 中完成这项工作?

4

0 回答 0