2014-12-30 3 views
1

Я хочу, чтобы мой aweber optin всплывал на той же странице, когда вы нажимаете кнопку прямо сейчас. Я использую href, который выводит вас на новую страницу, но я хочу, чтобы при нажатии кнопки он должен появиться на одной странице.Как добавить Javascript в HTML-кнопку

Aweber дает вам Javascript или Raw HTML или Link (который, что я использую сейчас)

Я пытался спасти Javascript, как через .js файл вызова его с событием OnClick, но не могу получить его работать.

Вот мой код кнопки, как он в настоящее время работает со ссылкой и открывается на новой странице:

<div class="send-button"> 
 
<a class="cta__btn role-element leadstyle-link" 
 
href="MY AWEBER LINK">CLICK HERE TO APPLY &#187;</a> 
 
</div>

Вот является Javascript:

<div class="AW-Form-493252358"></div> 
 
<script type="text/javascript">(function(d, s, id) { 
 
    var js, fjs = d.getElementsByTagName(s)[0]; 
 
    if (d.getElementById(id)) return; 
 
    js = d.createElement(s); js.id = id; 
 
    js.src = "http://forms.aweber.com/form/58/493252358.js"; 
 
    fjs.parentNode.insertBefore(js, fjs); 
 
    }(document, "script", "aweber-wjs-pklekkdj5")); 
 
</script>

+0

проверить это http://jsfiddle.net/mmfansler/cp67J/ использует бутстрап modal.hope это помогает – Aameer

+0

Вы добавляете один из них после того, как кнопка была добавлена ​​в DOM? – Fyre

ответ

0

Вы можете попробовать это:

<script type="text/javascript"> 
function doSomething(){ 
    // ... 
} 
</script> 

<a href = "#" onClick="doSomething">Button</a> 
0

Вы можете заставить lightboxed форму Aweber, чтобы показать, используя awf_Form_.showForm();

Смежные вопросы