Trying to load an offsite page in Fancybox lightbox on form submit -
i'm attempting load lightbox (via fancybox) on submission of mailing list sign-up form. sign-up form action loads off-site link constant contact when form submitted. normally, page loaded in standard pop-up, work fine.
but, because folks have pop-ups blocked, we're trying spiff lightbox.
so here's rub: when submit form, loads lightbox, won't load page in lightbox. suspect because it's not passing information through iframe/lightbox , it's because don't have set properly. i'm hoping can help, i'm not totally versed in jquery yet. may not need use iframe, i'm not sure.
i did find reference passing information via ajax, i'm not totally clear on how works. found similar post, it's not clear how resolved it.
here code, perhaps can help? :) i'd appreciate it.
$(document).ready(function() { $("#iframe").fancybox({ 'hideoncontentclick': true, 'transitionin' : 'fade', 'transitionout' : 'fade', 'speedin' : 600, 'speedout' : 200, 'overlayshow' : true, }); });
here form:
<form name="ccoptin" id="signup" action="http://visitor.r20.constantcontact.com/d.jsp" target="_blank" method="post"> <input type="hidden" name="llr" value="yyyyyy"> <input type="hidden" name="m" value="xxxxxx"> <input type="hidden" name="p" value="oi"> <label>sign new services , promotions:</label> <input type="text"name="ea" value="" class="text" /> <input type="submit" id="iframe" class="submit" name="go" value="submit" /> </form>
i appreciate input , please bear me, relative jquery/ajax newb.
thank you!
Comments
Post a Comment