<div>
Try this:<br />

<pre><code id="code-783830">$(&quot;.example7&quot;).click(function(){
    $fn.colorbox({width:&quot;80%&quot;, height:&quot;80%&quot;, iframe:true, overlayClose: false});
});
</code></pre>
</div>


Try this:


$(".example7").click(function(){
    $fn.colorbox({width:"80%", height:"80%", iframe:true, overlayClose: false});
});


<div>
Thanks, is there anyway to make them work without the existing text link ?
</div>


Thanks, is there anyway to make them work without the existing text link ?

<div>
<div class="content wysiwyg-content">
I'm using color box, light box plugin. <a href="http://colorpowered.com/colorbox/" rel="ugc">http://colorpowered.com/colorbox/</a><br />
<br />
This is the script.<br />
<br />
$(document).ready(function<wbr />(){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//Examples of how to assign the ColorBox event to elements<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(&quot;.example7&quot;).colorbox({w<wbr />idth:&quot;80%&quot;<wbr />, height:&quot;80%&quot;, iframe:true, overlayClose: false});<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
});<br />
<br />
<br />
so heres the html<br />
<br />
&lt;a class='example7' href=&quot;<a href="http://google.com" rel="ugc">http://google.com</a>&quot;&gt;Outside Webpage (Iframe)&lt;/a&gt;<br />
<br />
<br />
So when click the link the popup appear, so what I want is, I want to open the popup on the page load. How can I do that ?<br />

</div>
</div>


I'm using color box, light box plugin. http://colorpowered.com/colorbox/

This is the script.

$(document).ready(function(){
				//Examples of how to assign the ColorBox event to elements
				
				$(".example7").colorbox({width:"80%", height:"80%", iframe:true, overlayClose: false});
				
});


so heres the html

<a class='example7' href="http://google.com">Outside Webpage (Iframe)</a>


So when click the link the popup appear, so what I want is, I want to open the popup on the page load. How can I do that ?


Jquery Help, Body on load

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.