2017-01-10 4 views
1

Я пробовал много форумов, но не получил идеального ответа. Поэтому я подумал о помощи Stackoverflow. Я не знаю, является ли это идеальной категорией для вопроса.Javascript onclick Popup, не указав адрес назначения href

Я хочу скрыть ссылку href, которая открывается как всплывающее окно. Его довольно сложно выразить здесь точный вопрос. Поэтому я вставив ссылку:

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

Там в списке таблицы, MP3 и Play открыть в новом окне. Но теперь дело в том, что я хочу скрыть URL-адрес, чтобы никто не мог открыть ссылку напрямую или щелкнуть правой кнопкой мыши для новой вкладки. Он должен быть всплывающим или onclick возвращается как div.

Также здесь я вставляю аналогичный код (из 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> 

Может ли кто-нибудь помочь мне? Также я использую всплывающий плагин на сайте как class = "wp-colorbox-youtube" и class = "wp-colorbox-iframe".

+0

Если якорь ссылку, это может быть открывается на новой вкладке. Вместо этого вы можете добавить метод по щелчку, а затем перенаправить на соответствующую страницу или сделать то, что вам нужно сделать из сценария. – superUser

+0

Я хочу, чтобы ссылка открывалась как всплывающее окно. Но прямой ссылки нет. –

+0

также будет нормально, если ссылка вернется как div on onclick, на той же странице. –

ответ

0

Я не уверен, если это то, что вы ожидаете, используя Jquery-интерфейс, вы можете сделать что-то вроде ниже:

$("#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>

+0

Хорошо ... как насчет идентификаторов? каждый URL-адрес отличается? –

+0

В таблице будет 10 разных строк с разными URL-адресами. так как я могу это использовать? –

+0

Вы можете либо передать всю информацию в методе onclick, либо иметь сопоставление в скрипте, чтобы избежать наличия конфиденциальных данных в html – superUser