Javascript Div交換點擊

-1

所以我有一些工作的JS代碼在我的網站上，一旦鏈接被點擊後，將div換到另一個div。不過，我現在通過覆蓋一個清晰的gif鏈接並且它完美地工作，可以在iframe之上工作。Javascript Div交換點擊

現在我想將它應用到我們的網站上按下的按鈕來創建下載 - 我不能使用相同的無形gif技巧，因爲按鈕具有鼠標移動效果，然後不起作用，所以我當點擊按鈕時希望以其他方式發生。目前工作在頭部的裝載功能...

function yourFunction(){ 
    document.getElementById('yourfirDiv').style.display='block'; 
    document.getElementById('yoursecDiv').style.display='none'; 
}

目前，觸發這是一個完美的作品，看起來如下圖片鏈接...

<a href="javascript:void(0)" onclick="var fileref=document.createElement('script');fileref.setAttribute('type','text/javascript'); fileref.setAttribute('src', 'http://url.com/locker.js?guid=0512eafd69b18d22');document.body.appendChild(fileref); setTimeout(yourFunction, 3000);"> 
    <img src="http://url.com/blank.gif" style="position: absolute; z-index: 500; width: 100%; max-width: 100%; height: 280px; "> 
</a>

現在我需要申請這做同樣的事情在此按鈕...

<div id="yoursecDiv" style="display:block;"> 
    <div id="downloadmp3"> 
     <div class="download_button_div"> 
      <form action="/download_file.php" method="post" name="downloadform"> 
       <input name="file_name" value="<?php echo $fname; ?>" type="hidden"> 
       <input name="bucket" value="<?php echo $bucket; ?>" type="hidden"> 
       <button type='submit' class='download_button' title="Click to Download Mixtape!">Download</button> 
      </form> 
     </div> 
    </div> 
</div>

有人給了我一些簡單的JS是如下應觸發當一個div名稱點擊觸發設定的功能離子交換其命名div的，但是這是行不通的，代碼段是...

$("#clickablediv").bind("click",function(){ 
    yourFunction(); 
});

爲了讓事情變得複雜一些，該頁面是用Ajax推出浮動頁面，所以像上面的任何代碼有如果需要在啓動投資組合時加載該頁面，則可以在加載該頁面的部分中加入站點JS文件。在上面的鏈接中，函數代碼加載到全局網站頭文件中很好，並且內聯JS工作正常 - 也許有辦法將該鏈接應用到我的按鈕div上，簡單的輸入非常受歡迎！

來源

2013-03-11 Danny Shepherd

你的問題太複雜了。所有關於iframe的業務都不相關。嘗試將你的問題和你的代碼放在手邊的特定問題上。 – isherwood 2013-03-11 01:13:17

你在頁面上包含了jQuery庫嗎？ – 2013-03-11 03:09:24

@JonP是的jquery有 – 2013-03-11 11:45:25

我認爲isherwood是正確的，因爲你過於複雜的事情。

然而，試試這個：

$(document).ready(function() { 
    $(document).on("click","#clickablediv",function(){ 
     $('#yourfirDiv').show(); 
     $('#yoursecDiv').hide(); 
    }); 
});

假設#yourfirDiv有兩種樣式或類別的CSS與「顯示：無」。

然後，您可以從div中刪除那些煩人的onclick屬性。

來源

2013-03-11 02:31:58

嗯，我已經嘗試把代碼放在每一個我能想到的地方，在ajax中加載javascript，在header中，在php中爲組合頁面 - 它沒有做任何事情，任何地方......：/ - 和原文一樣但代碼不起作用。我只使用了更復雜的獨立函數等，因爲它是從我使用的插件的代碼片段中獲取的，並且我正確地使用了它。但目前，該div不會在任何地方... – 2013-03-11 13:42:05

可能它不工作，因爲內容櫃已經被另一個div在點擊觸發...所以它試圖同時啓動兩個點擊功能的div - 請參閱原始iframe示例都啓動內容更衣室，然後交換divs 3秒後... – 2013-03-11 13:52:11

btw - Firebug不報告控制檯中的任何錯誤。 – 2013-03-11 13:56:00

Javascript Div交換點擊

回答

相關問題