4 Replies Latest reply on Jan 4, 2014 12:38 PM by manish12nov

    Need html pop-up to appear outside html widget - jive 6

    manish12nov
    manish12nov Jan 4, 2014 10:30 AM

      Hi,

       

      I am trying to put html and script content in an html widget. On click of a link , the pop-up window should appear on centre of page.

      It is working fine on a normal html document having the same css and js . However, If i embed the same html code into a widget, The pop-up is opening inside the widget.

       

      Can you suggest me what should be done to take the pop-up out of the html widget and to display it in centre of whole page.

       

      Attaching css file js file and pasting html code :

       

        <link rel="stylesheet" href="http://localhost:8080/resources/statics/1000/colorbox.css" />

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

        <script src="http://localhost:8080/resources/statics/1000/jquery.colorbox.js"></script>

        <script>

        $(document).ready(function(){

        $(".video_thumb").colorbox({iframe:true, innerWidth:640, innerHeight:390});

        });

        </script>

        <a class='video_thumb' href="http://www.youtube.com/embed/VOJyrQa_WR4?rel=0&amp;wmode=transparent">Click here for pop-up</a>