Support » Plugin: Contact Form 7 » [Plugin: Contact Form 7] AJAX in dynamically displayed forms

  • Hi,
    I need to generate (display rather) a wpcf7 form dynamically, here’s a quick example:

    <div id="contactForm">the form will be displayed here</div>
    <input type="button" onclick="displayForm()" value="Display Form">
    
    <script type="text/javascript">
    	function displayForm() {
    		var formContent = '<?php echo str_replace(array("\r\n", "\n", "\r"), '', do_shortcode('[contact-form-3 id="13" title="Contact Us"]')); ?>';
    		document.getElementById('contactForm').innerHTML = formContent;
    	}
    </script>

    The problem is that AJAX doesn’t work in this generated form (there is another form on the same page (in fact the same one) and it works fine).

    wpcf7 docs say that the most probable reason of AJAX not working is the malfunction of wpcf7 javascript, but we know that it’s fine because the other form works.

    I assume that the generated form doesn’t recognise the JS, it probably has something to do with the order they are parsed or something. I’m still a baby in terms of these mechanics, so if someone could shed some light on what is actually happening and what’s the possible workaround, that’d be great!

    Thanks!

    http://wordpress.org/extend/plugins/contact-form-7/

  • The topic ‘[Plugin: Contact Form 7] AJAX in dynamically displayed forms’ is closed to new replies.