0

ヘッダー セクションの JS のレビューと、すべての設定方法を確認できるように、以下の私のサイトへのリンクを含めました。リンクを使用したくない場合は、以下のコードも含めてみます。

私は最近、いくつかの基本的な AJAX を学び、自分のサイトの一部のページで http://classifieds.your-adrenaline-fix.com/detail.php?fatherID=37&TypeID=42&ListingID=42スクロールして表示されるダイアログを作成しました。 .

誰かが閉じるボタンでダイアログ ボックスを閉じる方法を教えていただければ幸いです。

JSはこちら

<script type="text/javascript">
function loaddiv(thediv, thefile) {
    if (window.XMLHttpRequest) {
    xmlhttp = new XMLHttpRequest();
    } else {
    xmlhttp = new ActiveXObject ('Microsoft.XMLHTTP');
    }

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
            document.getElementById(thediv).innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.open('GET', thefile, true);
    xmlhttp.send();
}
</script>

そしたら私しか持っていないページに

echo "<div id='div2'></div>";

次に、ポップアップするボックスについて：

<div class="DoYouHaveADirtBikeForSaleBox">
<h2>Got A Dirt Bike You Want to Sell?</h2>
<p class="DirtBikeForSaleBannerButton">
<a href="http://classifieds.your-adrenaline-fix.com/add.php">Yea, Show Me How</a>
</p>

<p class="DirtBikeForSaleBannerButtonNoThanks">
<a href="CloseDialog">Nope, Get This Out of The Way</a>
</p> 
</div>

閉じるボタンをクリックしてこのダイアログ ボックスを非表示にする方法を誰かが教えてくれたら、とても感謝しています。事前に感謝します。

ありがとう、

スチュアート・K

4

5 に答える 5

0

二度と見せたくない場合は、電話してください

document.getElementById('div2').remove();

閉じるボタンのonclickメソッドで。

または、もう一度使用する可能性がある場合は、

document.getElementById('div2').style.display = 'none';

href属性からclose関数を呼び出すには：

<a href="javascript: CloseDialog();">Nope, Get This Out of The Way</a>

于 2013-03-20T15:36:13.273 に答える
0

div2内にボタンを作成し、次のようにonClick属性を追加できます。

<button onclick="document.getElementById('div2').style.display='none'">Close</button>
于 2013-03-20T15:44:07.227 に答える
0

jquery を使用している場合は、「ライブ」メソッドで実行できます。これにより、ajax リクエストの後でも、ページに表示される新しい要素にイベント ハンドラーがアタッチされます。したがって、クローズビットにクラスを与えた場合:

<a href="#" class="close_dialog">Nope, Get this out of the way</a>

jquery の場合、このビットを使用できます。

$('.close_dialog').live('click', function(){ $('.DoYouHaveADirtBikeForSaleBox').remove(); });

それが役立つことを願っています:-)

于 2013-03-20T15:37:32.837 に答える
0

または、これを試すことができます：

<div class="DoYouHaveADirtBikeForSaleBox" id="DoYouHaveADirtBikeForSaleBox">
    <h2>Got A Dirt Bike You Want to Sell?</h2>
    <p class="DirtBikeForSaleBannerButton">
    <a href="http://classifieds.your-adrenaline-fix.com/add.php">Yea, Show Me How</a>
    </p>

    <p class="DirtBikeForSaleBannerButtonNoThanks">
    <a onclick="javascript:document.getElementById('DoYouHaveADirtBikeForSaleBox').style.visibility='hidden';">Nope, Get This Out of The Way</a>

    </p> 
</div>

私のローカルホストでテスト済み xD

__ _ __ _ __ _ __編集済み_ __ _ __ _ _ __ _ __

これを試して、スクロールに div が再び表示されないかどうかを確認してください。

<div class="DoYouHaveADirtBikeForSaleBox" id="DoYouHaveADirtBikeForSaleBox">
    <h2>Got A Dirt Bike You Want to Sell?</h2>
    <p class="DirtBikeForSaleBannerButton">
    <a href="http://classifieds.your-adrenaline-fix.com/add.php">Yea, Show Me How</a>
    </p>

    <p class="DirtBikeForSaleBannerButtonNoThanks">
    <a onclick="javascript:var div = document.getElementById('DoYouHaveADirtBikeForSaleBox');div.parentNode.removeChild(div);">Nope, Get This Out of The Way</a>

------------------UPDATE2--------------------- ------------

   <div id='div2'>
    <div class="DoYouHaveADirtBikeForSaleBox" id="DoYouHaveADirtBikeForSaleBox">
    <h2>Got A Dirt Bike You Want to Sell?</h2>
    <p class="DirtBikeForSaleBannerButton">
    <a href="http://classifieds.your-adrenaline-fix.com/add.php">Yea, Show Me How</a>
    </p>

    <p class="DirtBikeForSaleBannerButtonNoThanks">
    <a onclick="javascript:var div = document.getElementById('div2');div.parentNode.removeChild(div);">Nope, Get This Out of The Way</a>

    </p> 
    </div>
    </div>

サルドス ;)

于 2013-03-20T15:38:33.367 に答える
0

を使用してdomから削除できます

element.parentNode.removeChild(element);

または、要素の表示スタイルを「なし」に設定してから、それで遊んで開閉を作成できます

于 2013-03-20T15:33:16.607 に答える