-
Re: Need html pop-up to appear outside html widget - jive 6
jemerson76 Jan 4, 2014 11:12 AM (in response to manish12nov)Adding javascript to an html widget causes it to be put inside an iframe, which is probably why you are seeing that behavior. I have resolved this in the past by moving the script includes to the custom theme.
-
Re: Need html pop-up to appear outside html widget - jive 6
manish12nov Jan 4, 2014 11:25 AM (in response to jemerson76)Thanks for your quick reply Jessica.
I tried moving the attached script and css to custom theme,and changed the code accordingly. still facing the same issue.
Here is the latest code i tried with same js and css :
<link rel="stylesheet" href="http://localhost:8080/themes/my_custom/styles/colorbox.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://localhost:8080/themes/my_custom/styles/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&wmode=transparent">Click here for pop-up</a>
-
Re: Need html pop-up to appear outside html widget - jive 6
jemerson76 Jan 4, 2014 11:59 AM (in response to manish12nov)1 person found this helpfulYou can't have any script tags in there. Basically, your HTML widget would only contain this:
<link rel="stylesheet" href="http://localhost:8080/themes/my_custom/styles/colorbox.css" />
<a class='video_thumb' href="http://www.youtube.com/embed/VOJyrQa_WR4?rel=0&wmode=transparent">Click here for pop-up</a>
The javascript needs to be included and called from the theme (ie. footer-javascript.ftl). Also, I don't think you need to include the jquery reference, it's already built into Jive, just use $j, instead of $.
-
Re: Need html pop-up to appear outside html widget - jive 6
manish12nov Jan 4, 2014 12:38 PM (in response to jemerson76)Thanks Jessica, It helped.
-
-
-