1

だから私は他の質問を見てきました、そしてそれらが役に立った間、私はまだひどく立ち往生しています。JS/jqueryスキルの欠如は役に立ちません。(ばかげた質問かもしれませんが、聞かないとわかりません)

私はCF環境で作業していて、基本的にページを持っています。ユーザーがdivブロックにカーソルを合わせると、この元のdivをカバーする大きなdivブロックが表示されます。次に、ユーザーが閉じるリンクをクリックすると、ページは以前の状態に戻ります。

だから今私は持っています:

<div onmouseover="getStuff();" style="position:absolute;left:150px;top:255px;width:240px; border:1px solid blue;">
    <div class="title"><b>Title</b><br /><br />Aenean magna sem, fringilla id malesuada nec, facilisis id quam.  </div>
</div>

どちらがアクティブになりますか:

    <script>
    var iAlreadyGotStuff = 0;
    function getStuff() {
        if (!iAlreadyGotStuff) {
            gsSimpleAjax({url:'ajax.cfm?mode=content', target:'myTarget'});
            iAlreadyGotStuff = 1;
        }
    }

</script>

ajax.cfmは基本的に、ページのメインページに収まるテーブルをプルするだけです。

例: http: //img441.imageshack.us/img441/8548/exampleyt.png

どのJSコードを使用する必要があるか、またはDivクラス「title」を非表示にするために変更する必要があります。ターゲットがアクティブなdivクラス「myTarget」を非表示にします。

私はこれを試しましたが、うまくいきませんでした:

document.getElementById('title').style.display='none'
4

2 に答える 2

3

クラスにIDを追加すると、機能するはずです

 <div class="title" id="title"><b>Title

編集:

https://developer.mozilla.org/en/DOM/document.getElementById

https://developer.mozilla.org/en/DOM/document.getElementsByClassName

于 2012-04-09T18:59:22.410 に答える
0

Nitpick:0と1から離れて、trueとfalseを使用します。var iAlreadyGotStuff = false;

質問がある場合は、http: //webdesign.about.com/od/dhtml/a/aa101507.htmからこのスクリプトを確認してください。

<script type="text/javascript">
function unhide(divID) {
    var item = document.getElementById(divID);
    if (item) {
        item.className=(item.className=='hidden')?'unhidden':'hidden';
    }
}
</script>

DIVが非表示の場合は、表示されます。表示されている場合は非表示になっています。リンクにはもっと詳しい説明があります。

于 2012-04-09T19:08:34.150 に答える