<?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>Sat, 19 Nov 2011 18:47:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<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=&#34;&#60;%= LiferayWindowState.EXCLUSIVE.toString() %&#62;&#34; var=&#34;url&#34;&#62; &#60;portlet:param name=&#34;struts_action&#34; value=&#34;/miportlet/popupview&#34; /&#62; &#60;/portlet:actionURL&#62; Llamo al POPUP &#60;script type=&#34;text/javascript&#34;&#62; function mostrar_popup() { var _dialog = Liferay.Popup( { width: 700, modal: true, message: '&#60;div class=&#34;loading-animation&#34; /&#62;', position: ['center', 100], title: &#60;liferay-ui:message key&#34;popup-title&#34;/&#62;, &#8230; <a href="http://www.lrlatinoblog.com.ar/2008/11/12/mostrar-un-portlet-en-un-popup/">Sigue leyendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>Armo la URL</strong></p>

<div class="wp_syntax"><div class="code"><pre class="java" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>portlet<span style="color: #339933;">:</span>renderURL windowState<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&lt;%= LiferayWindowState.EXCLUSIVE.toString() %&gt;&quot;</span> var<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;url&quot;</span><span style="color: #339933;">&gt;</span>
   <span style="color: #339933;">&lt;</span>portlet<span style="color: #339933;">:</span>param name<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;struts_action&quot;</span> value<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;/miportlet/popupview&quot;</span> <span style="color: #339933;">/&gt;</span>
<span style="color: #339933;">&lt;/</span>portlet<span style="color: #339933;">:</span>actionURL<span style="color: #339933;">&gt;</span></pre></div></div>

<p><strong>Llamo al POPUP</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;</span>
   function mostrar_popup() {
      var _dialog = Liferay.Popup( 	{
      width: 700,
      modal: true,
      message: '<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;loading-animation&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>',
      position: ['center', 100],
      title: <span style="color: #009900;">&lt;liferay-ui:message key<span style="color: #ff0000;">&quot;popup-title&quot;</span><span style="color: #66cc66;">/</span>&gt;</span>,
      resizable: false,
      draggable: false,
      onClose: function() {
         // se ejecuta cuando el portle se cierra
      }
   });
&nbsp;
   jQuery.ajax( {
      url: &quot;<span style="color: #009900;">&lt;%<span style="color: #66cc66;">=</span> url %&gt;</span>&quot;,
      success: function(message) {
         _dialog.html(message);
      }
   });
}
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
&nbsp;
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;javascript:mostrar_popup();&quot;</span>&gt;</span>mostrar popup<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span></pre></div></div>

<p>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><strong>Ejemplo:</strong></p>
<p><a href="http://www.lrlatinoblog.com.ar/wp-content/uploads/2008/11/mostrar-popup.png"><br />
<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>
]]></content:encoded>
			<wfw:commentRss>http://www.lrlatinoblog.com.ar/2008/11/12/mostrar-un-portlet-en-un-popup/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

