Javascript onclickポップアップ、hrefの宛先URLを表示せずに

Question

私は多くのフォーラムを試みましたが、完璧な答えはありませんでした。だから私はStackoverflowの助けを考えた。私はそれが質問のための完全なカテゴリであるかどうかわかりません。

ポップアップとして開くhrefリンクを非表示にしたいと思います。ここで正確な質問を表現するのはかなり難しい。テーブルリスト、MP3であり

http://songspku.co/arjun-sanam-ho-ja-remix-feat-dj-shadow-mp3-song

を、ポップアップとして開く再生：だから私はリンクを貼り付けています。しかし今は、URLを隠して、誰も直接リンクを開くことができないようにしたり、新しいタブを右クリックしたりすることができます。それはポップアップでなければならないか、divとして返されるonclickでなければなりません。

また、ここでは私が望むような（emp3z.coからの）類似のコードを貼り付けていますが、何をすべきかわかりません。

<div id="download_link"><a href='javascript:void(0)' onclick="showDownload('1','6PqdnRXmz_E', 'sia suitcase extract','mp3')" rel='nofollow' id='dl1' class='download_now'><span><i class="fa fa-download"></i> DOWNLOAD MP3</span></a></div> 

誰でもお手伝いできますか？また、私はクラス= "wp-colorbox-youtube"とクラス= "wp-colorbox-iframe"としてサイトでポップアッププラグインを使用しています。

Answer 1

私は、これはあなたがjqueryの-UIを使用して、期待しているものであれば、あなたは以下のような何かを行うことができますかわからない：

$("#dialog").dialog({ 
 
    autoOpen: false, 
 
    show: false, 
 
    hide: false 
 
}); 
 

 
var songsMeta = {"song1":{"url":"www.example.com/song1"},"song2":{"url":"www.example.com/song2"}} 
 

 
var openPopup = function (id) { 
 
    var thisSong = "Download this song from here : " + songsMeta[id].url; 
 
    $("#dialog").empty().append(thisSong).dialog("open"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script> 
 
<div id="dialog"> 
 
Download Song from here : 
 
</div> 
 

 
<button id="opener" onclick="openPopup('song1')">Download mp3</button> 
 
<button id="opener" onclick="openPopup('song2')">Download mp3</button>