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";
}

だから基本的に私は2つの質問があります。

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 に答える