CodeIgniter Forums
how to full ajax functional my CI+ajax apps. - Printable Version

+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: Archived Discussions (https://forum.codeigniter.com/forumdisplay.php?fid=20)
+--- Forum: Archived General Discussion (https://forum.codeigniter.com/forumdisplay.php?fid=21)
+--- Thread: how to full ajax functional my CI+ajax apps. (/showthread.php?tid=7514)

how to full ajax functional my CI+ajax apps. - El Forum - 04-12-2008

[eluser]Unknown[/eluser]
I was thinking hard on how to post this question.
this maybe requires some scriptaculous+prototype since im using that both.

the example is here.
http://abigoroth.inter.net.my/code/
the view text is clickable & a ajax updater function has been trigger.

as u can see the main function is code

this is the blog_view.php
Code:
<head>



function view_cmt(id)
{
    var url = '<?=site_url()?>/blog/comments/'+id;
    var myAjax = new Ajax.Updater( 'comments' + id, url, { method: 'get'});
}
function close_cmt(id)
{
    var url = '<?=site_url()?>/blog/close/'+id;
    var myAjax = new Ajax.Updater( 'comments' + id, url, { method: 'get'});
}


</head>
<title><?=$title;?></title>

<h1>&lt;?=$heading;?&gt;</h1>
&lt;? foreach($query->result() as $row): ?&gt;
<h3>&lt;?=$row->title;?&gt;</h3>
<p>&lt;?=$row->body;?&gt;</p>
<div id="&lt;? echo "comments$row->id"; ?&gt;" >
&lt;? echo "&lt;a onClick=view_cmt($row-&gt;id);>view</a> "; ?&gt;
</div>
&lt;!------p>&lt;?=anchor('blog/comments/'.$row->id, 'Comments');?&gt;</p---------&gt;
<hr>

&lt;? endforeach; ?&gt;

this is my comment_view.php
Code:
&lt;title&gt;&lt;?=$title;?&gt;&lt;/title&gt;
&lt;head&gt;


&lt;!------script type="text/javascript" src="&lt;?=base_url()?&gt;src/js/func.js">
function add_cmt(id)
{
// var author = $F('author');
// var body = $F('BODY');
  // [removed](body);
// var pars1 = 'BODY='+body+'&author;='+author;
    var url = '&lt;?=site_url()?&gt;/blog/comment_insert/'+id+'/asdsd/ontahla';
    var myAjax = new Ajax.Updater( 'cmtField' + id, url);

}

&lt;/head&gt;

<h3>&lt;?=$heading;?&gt;</h1>

<div id="&lt;? echo "cmtField".$this->uri->segment(3); ?&gt;">
&lt;? foreach($query->result() as $row): ?&gt;
<h3>&lt;?=$row->author;?&gt;</h3>
<p>&lt;?=$row->body;?&gt;</p>
<hr>
&lt;? endforeach; ?&gt;
</div>

&lt;?=form_open('blog/comment_insert');?&gt;

&lt;?=form_hidden('entry_id', $this->uri->segment(3));?&gt;

<p>&lt;textarea name="BODY" rows="10"&gt;&lt;/textarea&gt;</p>
<p>&lt;input type="text" name="author" /&gt;</p>
<p>&lt;input type="submit" value="Submit Comment" onClick="add_cmt(&lt;?=$this-&gt;uri->segment(3);?&gt;);" /></p>
<p>&lt;input type="button" value="Close" onClick="close_cmt(&lt;?=$this-&gt;uri->segment(3);?&gt;);"/></p>
&lt;/form&gt;

the main objectives is, how to insert comment without refreshing the page.
as you can see my javascript
Code:
function add_cmt(id)
{
// var author = $F('author');
// var body = $F('BODY');
  // [removed](body);
// var pars1 = 'BODY='+body+'&author;='+author;
    var url = '&lt;?=site_url()?&gt;/blog/comment_insert/'+id+'/asdsd/ontahla';
    var myAjax = new Ajax.Updater( 'cmtField' + id, url);

}
my $F('input.name.from.form') seems not to be working.
can some1 help.

note:
i did try with the input button without type=submit

how to full ajax functional my CI+ajax apps. - El Forum - 04-13-2008

[eluser]Unknown[/eluser]
this is sad