2017-06-15 14 views
0

私はフォームを使用して電子メールと名前をユーザーに送信しています。フォームの送信後、トリガーされたメッセージと成功メッセージが表示されます。成功メッセージは10秒後にフェードアウトします。つまり、大丈夫です。今私はfadeoutの成功のメッセージの後でもpdfをダウンロードしたいと思う。成功メッセージをフェードアウトした後にPDFをダウンロードする方法は?

私はアクションによってこれを達成しています。

私はコードの下に使用しています:。

<form class="brochure brochure_1" method="post" id="custom_contact_form" action="http://example.com/contact/index/contact" onsubmit="return validateForm();" name="myForm"> 
     <div class="input-box"> 
      <input type="hidden" readonly="readonly" class="input-text required-entry toname" value="" name="toname"/> 
      <input type="hidden" value="<?php echo $this->getFromUrl(); ?>" name="submiturl" class="submiturl" /> 
     </div> 
      <input type="text" class="input-text required-entry" value="" name="name" placeholder="Name"/> 
      <input type="text" class="input-text required-entry" value="" name="email" placeholder="Email"/> 
     <span><input type="submit" value="Download" /></span> 
    </form> 
<script> 
function validateForm() { 
    var name = document.forms["myForm"]["name"].value; 
    if (name == "") { 
     alert("Name must be filled out"); 
     return false; 
    } 

    var email = document.forms["myForm"]["email"].value; 
    var atpos = email.indexOf("@"); 
    var dotpos = email.lastIndexOf("."); 
    if (email == "") { 
     alert("Email must be filled out"); 
     return false; 
    } 
    else if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) { 
     alert("Not a valid e-mail address"); 
     return false; 
    } 
} 

jQuery('.success-msg').insertBefore(jQuery(".breadcrumbs")); 
jQuery(document).ready(function(){ 
     setTimeout(function() { 
      jQuery('.success-msg').fadeOut('fast'); 
     }, 10000); // <-- time in milliseconds 
    }); 
</script> 
+0

は( '成功-MSG ')jQueryの下にあなたのコードを書くフェードアウト(' 速い')、このような準備ができて文書を交換してください; –

答えて

0

jQuery(document).ready(function(){ 
     setTimeout(function() { 
      jQuery('.success-msg').fadeOut('fast'); 
     }, 10000); // <-- time in milliseconds 
window.location.href = href; //causes the browser to refresh and load the requested url, Put the url to download pdf here. 
    }); 
関連する問題