2016-08-28 10 views
1

私は、ランディングページでFormletsの埋め込みスクリプトを使用しています。1つの埋め込みコード/スクリプトへの複数のボタン

基本的に、「電子メールアドレス」フォームでポップアップをトリガーするボタンです。 Formletsスクリプト/コードは、私のhtmlコードの内部に挿入されている:起動非常に同じモーダルを:私はしたいのですがどのような

<section class="description"> 
    <script type="text/javascript" src="http://www.formlets.com/public/assets/scripts/built/delivery/vendor/iframeResizer.min.js"></script> 
    <a class="button signup" target="_blank" onclick="FormletOpen(&#39;5793b578a9b445952b29bf5a&#39;);" id="5793b578a9b445952b29bf5a" href="http://www.formlets.com/forms/5793b578a9b445952b29bf5a?iframe=true" title="Sign Up for early access">SIGN UP</a> 
    <script type="text/javascript" src="http://www.formlets.com/public/assets/scripts/built/delivery/modal.js"></script> 
    <script type="text/javascript">Formlet("5793b578a9b445952b29bf5a")</script> 
</section> 

は同じアクションをトリガーする複数の<a class="button signup"...>です。私はそのコードを複数回コピーして貼り付けることは、 'id'の重複によってうまくいかないことを知っています。どうすればそれを達成できますか?

+0

あなたは機能のトリガーとしてサインアップクラスを使用することができませんか?したがって、サインアップボタンが押されると、あなたの機能が始まります。 –

+0

これは私の推測ですが、その機能をどのように作成するのか分かりません。 – Pejs

+1

同じonclick属性を使用して関数をトリガーし、重複ボタンのIDを表示しません。もう一つの方法は、複製が "マスター"ボタンをクリックするようにすることです。 – yezzz

答えて

0

私はYezzzのアドバイスを取り、それが解決策だ、私はボタンが非表示作られ、代わりにそれらのdivを追加しました:

div class=" button signup" onClick="document.getElementById('5793b578a9b445952b29bf5a').click();" title="Sign Up for early access">SIGN ME UP</div> 
関連する問題