Login

04-12-2008, 12:44 PM

[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:
&lt;head&gt;

function view_cmt(id)

{

    var url = '&lt;?=site_url()?&gt;/blog/comments/'+id;

    var myAjax = new Ajax.Updater( 'comments' + id, url, { method: 'get'});

}

function close_cmt(id)

{

    var url = '&lt;?=site_url()?&gt;/blog/close/'+id;

    var myAjax = new Ajax.Updater( 'comments' + id, url, { method: 'get'});

}

&lt;/head&gt;

&lt;title&gt;&lt;?=$title;?&gt;&lt;/title&gt;

<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

04-13-2008, 08:05 AM

[eluser]Unknown[/eluser]
this is sad