<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Liferay Latino Blog &#187; jquery</title>
	<atom:link href="http://www.lrlatinoblog.com.ar/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.lrlatinoblog.com.ar</link>
	<description>La comunidad latina de Liferay</description>
	<lastBuildDate>Wed, 16 Dec 2009 03:33:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Mostrar un portlet en un PopUp</title>
		<link>http://www.lrlatinoblog.com.ar/2008/11/12/mostrar-un-portlet-en-un-popup/</link>
		<comments>http://www.lrlatinoblog.com.ar/2008/11/12/mostrar-un-portlet-en-un-popup/#comments</comments>
		<pubDate>Thu, 13 Nov 2008 02:27:07 +0000</pubDate>
		<dc:creator>joyola83</dc:creator>
				<category><![CDATA[desarrollo]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[portlet]]></category>

		<guid isPermaLink="false">http://www.lrlatinoblog.com/?p=34</guid>
		<description><![CDATA[
Armo la URL
&#60;portlet:renderURL windowState=&#8221;&#60;%= LiferayWindowState.EXCLUSIVE.toString() %&#62;&#8221; var=&#8221;url&#8221;&#62;
&#60;portlet:param name=&#8221;struts_action&#8221; value=&#8221;/miportlet/popupview&#8221; /&#62;
&#60;/portlet:actionURL&#62;
Llamo al POPUP
&#60;script type=”text/javascript”&#62;
function mostrar_popup() {
var _dialog = Liferay.Popup( 	{
width: 700,
modal: true,
message: &#8216;&#60;div class=&#8221;loading-animation&#8221; /&#62;&#8217;,
position: ['center', 100],
title: &#60;liferay-ui:message key”popup-title”/&#62;,
resizable: false,
draggable: false,
onClose: function() {
// se ejecuta cuando el portle se cierra
}
} );
jQuery.ajax( {
url: “&#60;%= url %&#62;”,
success: function(message) {
_dialog.html(message);
}
} );
}
&#60;/script&#62;
&#60;a href=&#8221;javascript:mostrar_popup();&#8221;&#62;mostrar popup&#60;/a&#62;
Al definir el estado de la ventana [...]]]></description>
			<content:encoded><![CDATA[<p><!-- 		@page { margin: 2cm } 		P { margin-bottom: 0.21cm } --></p>
<p style="margin-bottom: 0cm;">Armo la URL</p>
<p style="margin-bottom: 0cm;">&lt;portlet:renderURL windowState=&#8221;&lt;%= LiferayWindowState.EXCLUSIVE.toString() %&gt;&#8221; var=&#8221;url&#8221;&gt;</p>
<p style="margin-bottom: 0cm; padding-left: 30px;">&lt;portlet:param name=&#8221;struts_action&#8221; value=&#8221;/miportlet/popupview&#8221; /&gt;</p>
<p style="margin-bottom: 0cm;">&lt;/portlet:actionURL&gt;</p>
<p style="margin-bottom: 0cm;">Llamo al POPUP</p>
<p style="margin-bottom: 0cm; text-align: left;">&lt;script type=”text/javascript”&gt;</p>
<p style="margin-bottom: 0cm; text-align: left;">function mostrar_popup() {</p>
<p style="margin-bottom: 0cm; padding-left: 30px; text-align: left;">var _dialog = Liferay.Popup( 	{</p>
<p style="margin-bottom: 0cm; padding-left: 60px; text-align: left;">width: 700,</p>
<p style="margin-bottom: 0cm; padding-left: 60px; text-align: left;">modal: true,</p>
<p style="margin-bottom: 0cm; padding-left: 60px; text-align: left;">message: &#8216;&lt;div class=&#8221;loading-animation&#8221; /&gt;&#8217;,</p>
<p style="margin-bottom: 0cm; padding-left: 60px; text-align: left;">position: ['center', 100],</p>
<p style="margin-bottom: 0cm; padding-left: 60px; text-align: left;">title: &lt;liferay-ui:message key”popup-title”/&gt;,</p>
<p style="margin-bottom: 0cm; padding-left: 60px; text-align: left;">resizable: false,</p>
<p style="margin-bottom: 0cm; padding-left: 60px; text-align: left;">draggable: false,</p>
<p style="margin-bottom: 0cm; padding-left: 60px; text-align: left;">onClose: function() {</p>
<p style="margin-bottom: 0cm; padding-left: 60px; text-align: left;">// se ejecuta cuando el portle se cierra</p>
<p style="margin-bottom: 0cm; padding-left: 60px; text-align: left;">}</p>
<p style="margin-bottom: 0cm; padding-left: 30px; text-align: left;">} );</p>
<p style="margin-bottom: 0cm; padding-left: 30px; text-align: left;">jQuery.ajax( {</p>
<p style="margin-bottom: 0cm; padding-left: 60px; text-align: left;">url: “&lt;%= url %&gt;”,</p>
<p style="margin-bottom: 0cm; padding-left: 60px; text-align: left;">success: function(message) {</p>
<p style="margin-bottom: 0cm; padding-left: 60px; text-align: left;">_dialog.html(message);</p>
<p style="margin-bottom: 0cm; padding-left: 60px; text-align: left;">}</p>
<p style="margin-bottom: 0cm; text-align: left; padding-left: 30px;">} );</p>
<p style="margin-bottom: 0cm; text-align: left;">}</p>
<p style="margin-bottom: 0cm; text-align: left;">&lt;/script&gt;</p>
<p style="margin-bottom: 0cm; text-align: left;">&lt;a href=&#8221;javascript:mostrar_popup();&#8221;&gt;mostrar popup&lt;/a&gt;</p>
<p style="margin-bottom: 0cm;">Al definir el estado de la ventana como exclusivo, el resultado de la respuesta solamente va a ser el contenido del portlet al cual se invoca.</p>
<p style="margin-bottom: 0cm;">Ejemplo:</p>
<p style="margin-bottom: 0cm;">:<a href="http://www.lrlatinoblog.com.ar/wp-content/uploads/2008/11/mostrar-popup.png"><img class="alignnone size-medium wp-image-54" title="mostrar-popup" src="http://www.lrlatinoblog.com.ar/wp-content/uploads/2008/11/mostrar-popup-300x208.png" alt="" width="300" height="208" /></a></p>
<p style="margin-bottom: 0cm;">
]]></content:encoded>
			<wfw:commentRss>http://www.lrlatinoblog.com.ar/2008/11/12/mostrar-un-portlet-en-un-popup/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
