Form Lightbox
Lightbox conflict with prototype (1 post)

  1. profeleven
    Posted 3 years ago #

    [ Moderator Note: Please post code or markup snippets between backticks or use the code button. ]

    I'm currently using a form lightbox in one of my pages and the window popup is not working due to a conflict on the prototype.js. Every time I click the button to display the popup window for the form lightbox an error is displayed on my firebug console pertaining to the prototype.js.

    These are my scripts :

    <script type="text/javascript" language="javascript" src="http://mysite.com/javascript/prototype.js?ver=1.4.1"></script>
    <script type='text/javascript' src='http://mysite.com/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>
    <script type='text/javascript' src='http://mysite.com/wp-content/plugins/contact-form-7/jquery.form.js?ver=2.52'></script>
    <script type='text/javascript' src='http://mysite.com/wp-content/plugins/contact-form-7/scripts.js?ver='></script>
    <script type='text/javascript' src='http://mysite.com/wp-content/plugins/form-lightbox/colorbox/jquery.colorbox-min.js?ver=1.3.4'></script>
    <script type="text/javascript">
    		var iFrame_1341266422300 = jQuery("#form-lightbox-1341266422300 iframe").attr("src");
    		jQuery(document).ready(function() {jQuery(".fl_box-1341266422300").colorbox({
    				inline : true,
    				href :"#form-lightbox-1341266422300",
    				transition : "fade",speed : 350,scrolling : true,opacity : 0.85,returnFocus : true,fastIframe : true,overlayClose : true,escKey : true,
    				onClosed : function(){ jQuery("#form-lightbox-1341266422300 iframe").attr("src", iFrame_1341266422300); }

    all of the files above are necessary for the page.
    I really need the lightbox to work on my page given the prototype error.
    How to I resolve this conflict?
    Thanks in advance.


Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic