<div>Thanks all for looking into this..</div><div><br></div>I&#39;ve created a template (i.e <a href="http://action.tt">action.tt</a>) file and the variables in stash are rendered in this page. <meta http-equiv="content-type" content="text/html; charset=utf-8">The HTML&#39;s element is getting rendered with the output from Ajax call. <div>
<br><div>The problem now is, I see my main page and the action page (rendered from ajax) together. Just because the &quot;<a href="http://action.tt">action.tt</a>&quot; takes the default style I see entire page duplication(with menus, status, links) in the rendered element of main page.</div>
<div><br></div><div>Can we make a template without taking default style available for site?</div><div><br>Also, I&#39;m pretty much open to any of the Javascript framework, I know little about JQuery also. But I want to see a small demo which is integrated with Catalyst.</div>
<div><br>Do somebody have such demo or link for the same?</div><div><br></div><div>Thanks,</div><div>ROhan<br><div class="gmail_quote">On Wed, Jan 5, 2011 at 11:14 PM, Mesdaq, Ali <span dir="ltr">&lt;<a href="mailto:amesdaq@websense.com">amesdaq@websense.com</a>&gt;</span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;"><div lang="EN-US" link="blue" vlink="purple"><div><p class="MsoNormal"><span style="font-size:11.0pt;color:#1F497D">I recommend testing this using Firefox with Firebug enabled so you can watch the AJAX request and you can also print to the console to see what your response looks like to make sure it’s what you’re expecting</span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;color:#1F497D"> </span></p><p class="MsoNormal"><span style="font-size:11.0pt;color:#1F497D">console.log(<span>xmlhttp.responseText</span>);</span></p><div class="im"><p class="MsoNormal">
<span><span style="font-size:11.0pt;color:#1F497D">document.getElementById</span></span><span style="font-size:11.0pt;color:#1F497D">(&quot;data&quot;).<span>innerHTML</span>=<span>xmlhttp.responseText</span>;</span></p><p class="MsoNormal">
<span style="font-size:11.0pt;color:#1F497D"> </span></p></div><p class="MsoNormal"><span style="font-size:10.0pt;color:#1F497D">Thanks,</span></p><p class="MsoNormal"><span style="font-size:10.0pt;color:#1F497D">------------------------------------------</span></p>
<p class="MsoNormal"><span style="font-size:10.0pt;color:#1F497D">Ali Mesdaq (CISSP, GIAC-GREM)</span></p><p class="MsoNormal"><span style="font-size:10.0pt;color:#1F497D">Sr. Security Researcher</span></p><p class="MsoNormal">
<span style="font-size:10.0pt;color:#1F497D">Websense Security Labs</span></p><p class="MsoNormal"><span style="font-size:10.0pt;color:#1F497D"><a href="http://www.websensesecuritylabs.com/" target="_blank"><span>http://www.WebsenseSecurityLabs.com</span></a></span></p>
<p class="MsoNormal"><span style="font-size:10.0pt;color:#1F497D">------------------------------------------</span><span style="font-size:11.0pt;color:#1F497D"></span></p><p class="MsoNormal"><span style="font-size:11.0pt;color:#1F497D"> </span></p>
<div style="border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in 0in 0in"><p class="MsoNormal"><b><span style="font-size:10.0pt">From:</span></b><span style="font-size:10.0pt"> Rohan M [mailto:<a href="mailto:rohan7799@gmail.com" target="_blank">rohan7799@gmail.com</a>] <br>
<b>Sent:</b> Wednesday, January 05, 2011 3:07 AM<br><b>To:</b> <a href="mailto:catalyst@lists.scsys.co.uk" target="_blank">catalyst@lists.scsys.co.uk</a><br><b>Subject:</b> [Catalyst] Ajax Problem.</span></p></div><div><div>
</div><div class="h5"><p class="MsoNormal"> </p><p class="MsoNormal">Dear All,</p><div><p class="MsoNormal"> </p></div><div><p class="MsoNormal">I want to use Ajax in my Catalyst application.</p></div><div><p class="MsoNormal">
 </p></div><div><p class="MsoNormal">Thing&#39;s that I&#39;ve done till now :</p></div><div><p class="MsoNormal"> </p></div><div><p class="MsoNormal">1) Created a Javascript function on an event (onblur event) in my view (tt page).</p>
</div><div><p class="MsoNormal">2) Created xmlhttp object in that Javascript function.</p></div><div><p class="MsoNormal">3) Called the &#39;/controller/action&#39; path with parameters.</p></div><div><p class="MsoNormal">
4) The Action subroutine searches database and puts results in the <b>stash</b></p></div><div><p class="MsoNormal"> </p></div><div><p class="MsoNormal"><span>I could see, the things are working till the fourth step correctly.</span></p>
</div><div><p class="MsoNormal"> </p></div><div><p class="MsoNormal">Now, how can I render the stash variables in the current tt page?</p></div><div><p class="MsoNormal"> </p></div><div><p class="MsoNormal">Or Will I need to parse the entire content?</p>
</div><div><p class="MsoNormal"> </p></div><div><p class="MsoNormal">Is there a better solution for this problem?</p></div><div><p class="MsoNormal"> </p></div><div><p class="MsoNormal">Any help or similar (simple) example will be appreciable.</p>
</div><div><p class="MsoNormal"> </p></div><div><p class="MsoNormal">CODE SNIPPET</p></div><div><p class="MsoNormal">=======================================================================</p></div><div><p class="MsoNormal">
 </p></div><div><div><p class="MsoNormal">function getDetails(id)</p></div><div><p class="MsoNormal"><span><span>            </span></span>{</p></div><div><p class="MsoNormal"><span><span>                        </span></span>var param = &quot;id=&quot;+id;</p>
</div><div><p class="MsoNormal"><span><span>                        </span></span>if (window.XMLHttpRequest)</p></div><div><p class="MsoNormal"><span><span>                        </span></span>{</p></div><div><p class="MsoNormal">
<span><span>                                    </span></span>xmlhttp=new XMLHttpRequest();</p></div><div><p class="MsoNormal"><span><span>                        </span></span>}</p></div><div><p class="MsoNormal"><span><span>                        </span></span>else</p>
</div><div><p class="MsoNormal"><span><span>                        </span></span>{</p></div><div><p class="MsoNormal"><span><span>                                    </span></span>xmlhttp=new ActiveXObject(&quot;Microsoft.XMLHTTP&quot;);</p>
</div><div><p class="MsoNormal"><span><span>                        </span></span>}</p></div><div><p class="MsoNormal"> </p></div><div><p class="MsoNormal"><span><span>                        </span></span>xmlhttp.open(&quot;GET&quot;,&quot;/indexer/getid/&quot;+&quot;?&quot;+param,true);</p>
</div><div><p class="MsoNormal">                // /controller/action url </p></div><div><p class="MsoNormal"><span><span>                        </span></span>xmlhttp.send();</p></div><div><p class="MsoNormal"><span><span>                        </span></span>xmlhttp.onreadystatechange=function()</p>
</div><div><p class="MsoNormal"><span><span>                        </span></span>{</p></div><div><p class="MsoNormal"><span><span>                                    </span></span>if (xmlhttp.readyState==4 &amp;&amp; xmlhttp.status==200)</p>
</div><div><p class="MsoNormal"><span><span>                                    </span></span>{</p></div><div><p class="MsoNormal"><span><span>                                                </span></span>document.getElementById(&quot;data&quot;).innerHTML=xmlhttp.responseText;</p>
</div><div><p class="MsoNormal">                                // the element to render output </p></div><div><p class="MsoNormal"><span><span>                                    </span></span>}</p></div><div><p class="MsoNormal">
<span><span>                        </span></span>}</p></div><div><p class="MsoNormal"><span><span>                        </span></span>show();</p></div><div><p class="MsoNormal"> </p></div><div><p class="MsoNormal"><span><span>            </span></span>}</p>
</div></div><div><p class="MsoNormal"> </p></div><div><p class="MsoNormal">=======================================================================</p></div><div><p class="MsoNormal"> </p></div><div><p class="MsoNormal"> </p>
</div><div><p class="MsoNormal">Thanks and regards,</p></div><div><p class="MsoNormal">Rohan</p></div><div><p class="MsoNormal"> </p></div><p class="MsoNormal" style="margin-bottom:12.0pt"><span style="background:white"> </span></p>
</div></div><p align="center" style="text-align:center"><span style="background:white">Click <a href="https://www.mailcontrol.com/sr/wQw0zmjPoHdJTZGyOCrrhg==" target="_blank">here</a> to report this email as spam.</span></p>
</div><br><br>
<p align="center">Protected by Websense Hosted Email Security — <a href="http://www.websense.com" target="_blank">www.websense.com</a></p>
</div><br>_______________________________________________<br>
List: <a href="mailto:Catalyst@lists.scsys.co.uk">Catalyst@lists.scsys.co.uk</a><br>
Listinfo: <a href="http://lists.scsys.co.uk/cgi-bin/mailman/listinfo/catalyst" target="_blank">http://lists.scsys.co.uk/cgi-bin/mailman/listinfo/catalyst</a><br>
Searchable archive: <a href="http://www.mail-archive.com/catalyst@lists.scsys.co.uk/" target="_blank">http://www.mail-archive.com/catalyst@lists.scsys.co.uk/</a><br>
Dev site: <a href="http://dev.catalyst.perl.org/" target="_blank">http://dev.catalyst.perl.org/</a><br>
<br></blockquote></div><br></div></div>