The Weirdest Problem ever lightbox [Advanced problem solvers only]

  • Profile Image
    Magicbox
    Asked on November 29, 2010 at 07:28 PM

    i have my jotform setup using the <javascript src=" format which works great no problems.
    i also have a custom picture viewer installed on the server also using javascript src="

    the viewer is a lib called colorbox a variant of lightbox which uses iframes as well as pictures/modal windows.

    now when i click the link to launch the picture/iframe in the colorbox window modal it will not work.
    when i click on the link to launch the form lightbox window (the one from here it works fine)

    so now your saying it's a problem with colorbox nothing to do with us right?

    Well i remove the JOTFORM javascript line and all my other lightbox/colorbox works perfectly

    pictures popup, iframes popup everything works great

    soon as i add back your <script src="  bam everything stops working expect your form.

    below is the full code you can see i am not missing any close script commands.

    ------------------

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <HTML>
     <HEAD>

     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <link media="screen" rel="stylesheet" target="_blank" href="colorbox.css" />
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
        <script src="colorbox/jquery.colorbox.js"></script>
        <script>
            $(document).ready(function(){
                //Examples of how to assign the ColorBox event to elements
                $(".form").colorbox({width:"690px", height:"680px", iframe:true});
               
                });
           
        </script>

    <a class='form' target="_blank" href="pictureviewer/pics.html">here.</a>

    then comes your form script.

    <script src="//www.jotform.com/min/g=orangebox" type="text/javascript"></script>
    <a class="orangebox" formID="[removed for saftey]" base="http://www.jotform.com/" height="500" width="700" title="Download MagicBox Now!!!!" style="color:blue;text-decoration:underline;">

    No other javascript cancels any other javascript out on my website

    but the second i try to add your script yours superseeds everything else i have and stops it working why?

  • Profile Image
    Magicbox
    Answered on November 29, 2010 at 07:31 PM

    this should be a fun one to solve because i've asked the creator of colorbox this
    and i'm guessing he's going to blame your script and your going to bounce it back and blame his.

    any takers ?

  • Profile Image
    aytekin
    Answered on November 30, 2010 at 02:54 AM

    These kinds of conflicts usually happen because same variable or function name is used on both scripts. So, no one is the blame. They just conflict with each other.

    The solution is probably to use a single lightbox type for all lightboxes on the page. Try adding your form into a colorbox.

  • Profile Image
    Magicbox
    Answered on December 01, 2010 at 06:59 AM

    if your download zip content actually included all the styles and CSS properly i would.

    but the download zip package looks nothing like it does style wise when its linked to you directly.