0

我正在尝试制作左侧有商店位置列表的页面，左侧有一个显示商店位置和营业时间的 div。

每个商店都不同，所以我试图让右侧 div 中的内容显示与您在页面左侧单击的商店相匹配的信息。这是我目前拥有的，还不是很好。

现在，它只是一个简单的悬停，它工作得很好。但是我遇到了一个新问题：鼠标离开“存储 1”后，文本就会消失

我试图通过使用 onClick 事件来解决这个问题，但这会在 div 中显示商店 1 的信息，如果您单击商店 2 的链接，我不知道如何将其替换为商店 2 的信息。（像这样的东西，根本不起作用）

function showDiv1() {
    document.getElementById('store1').style.display = "block";
    document.getElementById('rood').style.backgroundColor = "red";
}

function showDiv2() {
    document.getElementById('store1').style.display = "block";
    document.getElementById('rood').style.backgroundColor = "red";
}

所以基本上我有两个问题。

1：单击左侧的商店后，如何替换右侧div中的内容。

2：必须有一个更简单的解决方案。必须有。有人可以建议在这里采取不同的方法吗？

到目前为止，我已经浪费了整个上午的时间，所以非常感谢任何帮助！谢谢你。

4

2 回答 2

1

我建议不要为每个 div 创建一个函数，而是使用一个可以处理所有 div 的函数。

    <div id="zweef" onmouseover="javascript:showdetail('<p>some detail here</p>')">
store 1</div>

    function showdetail(detail){
        document.getElementById('fiets').innerHTML=detail;
    }
于 2013-11-13T13:52:45.067 回答
0

替换div中的内容，可以使用

 document.getElementById('store1').innerHTML='your text content';

更新小提琴：http: //jsfiddle.net/vzmnJ/1879/

于 2013-11-13T13:50:00.040 回答