<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
	<title>jQuery Grid Plugin - jqGrid - Topic: Jgrid and modal box</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/jgrid-and-modal-box</link>
	<description><![CDATA[Grid plugin]]></description>
	<generator>Simple:Press Version 5.7.5.3</generator>
	<atom:link href="http://www.trirand.com/blog/?page_id=393/help/jgrid-and-modal-box/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>Samarcus on Jgrid and modal box</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/jgrid-and-modal-box#p10159</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/jgrid-and-modal-box#p10159</guid>
        	        	<description><![CDATA[<p>Hi Tony,</p>
<p>Thanks for the time u spend with me.</p>
<p>Unfortunalty, it does&#39;nt change anything.</p>
<p>Because it&#39;s loaded anytime, may be a could put the overlay function in the Php request ? i&#39;ll try it</p>
<p>Regards</p>
]]></description>
        	        	<pubDate>Fri, 25 Sep 2009 11:35:49 +0300</pubDate>
        </item>
        <item>
        	<title>tony on Jgrid and modal box</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/jgrid-and-modal-box#p10127</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/jgrid-and-modal-box#p10127</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>could you please set the parameter</p>
<p>viewrecords: false,</p>
<p>and test. Please let me known if this work.</p>
<p>Best Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Fri, 25 Sep 2009 04:47:26 +0300</pubDate>
        </item>
        <item>
        	<title>samarcus on Jgrid and modal box</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/jgrid-and-modal-box#p10023</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/jgrid-and-modal-box#p10023</guid>
        	        	<description><![CDATA[<p>Hi,</p>
<p>the <samp>this</samp> variable is a pointer to the Overlay API, so "var wrap" is an object.<a href="http://flowplayer.org/tools/overlay.html#api" rel="nofollow" target="_blank"><a href="http://flowplayer.org/tools/ov" rel="nofollow">http://flowplayer.org/tools/ov</a>.....y.html#api</a>.<br />It&#39;s simply open a modal box with external file content.</p>
<p>My purpose is  to show when click on each  link (row) inside the grid, a few detail coming from the miniature.php file.</p>
<p>That&#39;s all.&#160; I wonder what&#39;s wrong .Tell me if I&#39;d better give up and found another jquery modal box</p>
<p>Thanks again Tony, really</p>
<p>Sam</p></p>
]]></description>
        	        	<pubDate>Tue, 22 Sep 2009 18:34:48 +0300</pubDate>
        </item>
        <item>
        	<title>tony on Jgrid and modal box</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/jgrid-and-modal-box#p10006</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/jgrid-and-modal-box#p10006</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>What is the purpose of the overlay plugin. Check the value of wrap? What you want to get?</p>
<p>Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Tue, 22 Sep 2009 12:15:17 +0300</pubDate>
        </item>
        <item>
        	<title>Samarcus on Jgrid and modal box</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/jgrid-and-modal-box#p9972</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/jgrid-and-modal-box#p9972</guid>
        	        	<description><![CDATA[<p>Hi Tomy</p>
<p>First, many thanks for ur answer.</p>
<p>I try as u said : works all time</p>
<p>I also try</p>
<p>gridComplete: function(){<br />&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; $(&#8221;a[rel]&#8220;).overlay(function() {</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; <strong><span style="color: #800000;">alert("Ok"); displayed but only on 1st page when loading</span></strong><br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var wrap = this.getContent().find(&#8221;div.wrap&#8221;);<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; wrap.load(this.getTrigger().attr(&#8221;href&#8221;));<br />&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; });<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; } /* End fonction*/</p>
<p>It seems that the function is not loaded anymore after paging or sorting, so I&#39;ll have to find a way reload it.</p>
<p>Can u help me twice. Iam completly lost</p>
<p>Thanks again</p>
<p>Sam</p></p>
]]></description>
        	        	<pubDate>Tue, 22 Sep 2009 04:10:56 +0300</pubDate>
        </item>
        <item>
        	<title>tony on Jgrid and modal box</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/jgrid-and-modal-box#p9937</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/jgrid-and-modal-box#p9937</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>Could you please first try with</p>
<p>gridComplete: function(){</p>
<p>alert("GridComplete");<br /> }</p>
</p>
<p>If this works for every request, then maybe the problem is here</p>
<p>$(&#8221;a[rel]&#8220;).overlay(function() {&#160; var wrap = this.getContent().find(&#8221;div.wrap&#8221;); wrap.load(this.getTrigger().attr(&#8221;href&#8221;)); });</p>
<p>Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Mon, 21 Sep 2009 09:15:26 +0300</pubDate>
        </item>
        <item>
        	<title>Samarcus on Jgrid and modal box</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/jgrid-and-modal-box#p9906</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/jgrid-and-modal-box#p9906</guid>
        	        	<description><![CDATA[<p>Hello</p>
<p>I am newbie to JqGrid and... french. I&#39;ve spent a lot of time reading topics but no answers for my problem;<br />I think it&#39;s quite simple but I&#160; really don&#39;t see how to solve it<br />In Php code each row has a link like :</p>
<p>&#160;&#160;&#160; $civnmpr = $row[CIVILITE]." &#60;strong&#62;" .htmlentities($row[NOM])."&#60;/strong&#62; ".htmlentities($row[PRENOM]);<br />&#160;&#160;&#160; $civnmpr = "&#60;a href=&#39;miniature.php?id=".$row[IDUSER]."&#39; rel=\\"#overlay\\"&#62;".$civnmpr."&#60;/a&#62;";<br />&#160;&#160;&#160; echo "&#60;cell&#62;&#60;![CDATA[".$civnmpr."]]&#62;&#60;/cell&#62;"; </p>
<p>and here my jqgrid param :</p>
<p>&#160;&#160;&#160; &#60;script type="text/javascript"&#62; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; jQuery(document).ready(function(){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; jQuery("#annuaire").jqGrid({ <br />&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; url:&#39;example.php&#39;, <br />&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; datatype: &#39;xml&#39;, <br />&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; mtype: &#39;GET&#39;, <br />&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; height: 400,<br />&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; colNames:[&#39;Nom - Prenom&#39;, &#39;Tel.&#39;,&#39;Etg-Pi&#232;ce&#39;,&#39;Fonctions&#39;,&#39;Affectation&#39;], <br />&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; colModel :[ <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;nom&#39;, index:&#39;NOM&#39;, width:185}, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;tel&#39;, index:&#39;TEL&#39;, width:35, align:&#39;right&#39;}, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;piece&#39;, index:&#39;PIECE&#39;, width:80, align:&#39;right&#39;}, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;fonction&#39;, index:&#39;FONCTION&#39;, width:180, align:&#39;right&#39;}, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;bureau&#39;, index:&#39;BUREAU&#39;, width:160, sortable:false} ], <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; pager: jQuery(&#39;#pager&#39;), <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; rowNum:20, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; rowList:[10,20,30], <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; sortname: &#39;NOM&#39;, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; sortorder: "asc", <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; viewrecords: true, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; imgpath: &#39;themes/basic/images&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; caption: &#39;Annuaire da Cab&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; gridComplete: function(){<br />&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; $("a[rel]").overlay(function() {<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var wrap = this.getContent().find("div.wrap");<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; wrap.load(this.getTrigger().attr("href"));<br />&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; });<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; } /* End fonction*/<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; });<br />&#160;&#160;&#160; }); <br />&#160;&#160;&#160; &#160;&#160;&#160; <br />&#160;&#160;&#160; &#60;/script&#62;</p>
<p>a piece of Html</p>
<p>&#160;&#160;&#160;&#160;&#160; &#60;div style="overflow:hidden; margin:10px 5px;"&#62;<br />&#160;&#160;&#160;&#160;&#160; &#60;table id="annuaire" class="scroll"&#62;&#60;/table&#62; <br />&#160;&#160;&#160;&#160;&#160; &#60;div id="pager" class="scroll" style="text-align:center;"&#62;&#60;/div&#62;<br />&#160;&#160;&#160;&#160;&#160; &#60;/div&#62;</p>
<p>&#60;!-- Div pour les miniatures --&#62;<br />&#60;div class="overlay" id="overlay"&#62;<br />&#160;&#160;&#160; &#60;!-- the external content is loaded inside this tag --&#62;<br />&#160;&#160;&#160; &#60;div class="wrap"&#62;&#60;/div&#62;<br />&#60;/div&#62;</p>
<p>function in Gridcomplete display a modal box (a Jquery tool from flowplayer.org/tools/demos/overlay/external.html)<br />All of this works fine when loading (the modal box appears correctly) the first time but no on paging or sorting. It display the right link but not in a modal box as it&#39;s suppose to do.</p>
<p>Could u please show me, just once.<br />I&#39;ll be vrey greatful for ur help<br />Sam</p>
]]></description>
        	        	<pubDate>Mon, 21 Sep 2009 04:32:02 +0300</pubDate>
        </item>
</channel>
</rss>