將一個JavaScript彈出功能鏈接到一個超鏈接標記

我在這裏有點新，所以如果我的問題已經被回答，請不要跳下我的喉嚨;儘管我一直在尋找答案。將一個JavaScript彈出功能鏈接到一個超鏈接標記

好的，所以這裏是我需要做的：在我忙於的網站上，有一個外部CSS修改超鏈接標籤，看起來像一個按鈕。點擊後，它會將用戶重定向到註冊頁面。爲hyprelink元素的HTML和CSS：

.button_promo { 
 
    background: transparent none repeat scroll 0 0; 
 
    border: 3px solid #ef4923; 
 
    border-radius: 6px; 
 
    color: #787878; 
 
    cursor: pointer; 
 
    display: inline-block; 
 
    font-family: Vag, helvetica, arial; 
 
    font-size: 17px; 
 
    font-weight: 500; 
 
    letter-spacing: 1px; 
 
    line-height: 21px; 
 
    outline: 0 none; 
 
    padding: 7px 25px; 
 
    position: relative; 
 
    text-align: center; 
 
    text-decoration: none; 
 
    transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s; 
 
    width: 200px; 
 
}

<ul> 
 
    <li><a href="signup.html" class="button_promo">Sign up</a> 
 
    </li> 
 
</ul>

我需要做的是改變元素的功能，這樣當用戶點擊它，它帶來了一個彈出相反。然而，這是彈出的功能代碼我需要使用：

(function() { 
 
    var e = document.createElement('script'); 
 
    e.type = 'text/javascript'; 
 
    e.async = true; 
 
    e.src = ('https:' == document.location.protocol ? 'https' : 'http') + 
 
    '://btn.createsend1.com/js/sb.min.js?v=3'; 
 
    e.className = 'createsend-script'; 
 
    var s = document.getElementsByTagName('script')[0]; 
 
    s.parentNode.insertBefore(e, s); 
 
}) 
 
();

<div class="createsend-button" style="height:27px;display:inline-block;" data-listid="i/41/44A/73A/85038CAF46C6F93F"> 
 

 
</div>

彈出功能的代碼創建了它自己的按鈕，但我不希望出現這種情況。我需要將它鏈接到超鏈接標籤，而不改變鏈接的樣式。所以，我需要的功能不是創建它自己的按鈕，而是在點擊鏈接後執行提出所需彈出窗口的實際動作。

任何想法？

來源

2015-09-11 TheDarkOne

你可以使用一個模式窗口？ –

不是一個真正的解決方案，但一個快速和骯髒的解決方法，將隱藏所創建的按鈕，並觸發點擊按鈕點擊彈出按鈕。

我不會推薦這樣做，但加載的腳本很難理解（對我而言）。

類似的東西應該工作：

document.querySelector('.botton_promo').addEventListener("click", function() { 
 
    document.querySelector('.createsend-button').click(); 
 
});

.createsend-button { 
 
    display: none; 
 
}

而且我會推薦給你的按鈕的ID

來源

2015-09-11 07:28:02 Leifb

只要適當地改變你的鏈接/按鈕。您可以刪除該js功能。你不必使用它。

<a href="signup.html" class="button_promo">Sign up</a>

到

<a href="javascript:void(0)" class="button_promo" onclick="window.open("http://www.somelink.com", "_blank", "location=1,status=1,scrollbars=1, width=400,height=400")">Sign up</a>

來源

2015-09-11 07:44:06

將一個JavaScript彈出功能鏈接到一個超鏈接標記

回答

相關問題