my $cgi = new CGI;              
my $pjx = new CGI::Ajax( 'exported_func' => \&perl_func );
print $pjx->build_html( $cgi, \&Show_HTML);
sub perl_func
{
# returns output from database
}
sub Show_HTML           # prints HTML page.
{    
# i want to set ajax function calls on this list items
# so when user click on news, news content from another html page
# would get displayed in content div
# same would happen for home find events list items
<ul>
<li>Home</li>
<li>Find</li>
<li>News</li>
<li>Events</li>
<li>Register</li>
</ul>
<hr>

<div id="navigation">   
<input id="q" type="text" size="15" name="query" value="" />         
</br>        
<input type="submit" value="Find" onclick="exported_func( ['q'], ['con
+tent'] );">
</div>

div id="content">First display events.
</div>
#rest of HTML code
return $html;
}

[download]

This is current code of my demo page. Now what I want is if user clicks on any list items, it would generate an ajax call which would display new html data from another HTML page in div 'content '.

So I thought I could just write:

my $sec_pjx = new CGI::Ajax( 'exported_func' => \&sec_perl_func );
print $sec_pjx->build_html( $cgi, \&Show_HTML);

[download]

and in HTML:

<li id="sec_q" onclick="exported_func( ['sec_q'], ['content'] );">Register</a></li>

but this produces HTML content twice. One Ajax call is already handling perl_func. So what is correct method to achieve this.

In reply to Per CGI::Ajax, different ajax functions on same page by msinfo

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post, it's "PerlMonks-approved HTML":


  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, details, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.