in my example i would isted of alert($(data).find('result').text());
use $('.loading').text($(data).find('result').text());
if you had html then  $('.loading').html($(data).html()) would work i
think so long as you returned html you might have to tell it what the
return type is just it normaly pics that up unless your html is
malformed

in yours i think you would just have to change your  $
("#response").html(html); to  $("#response").html($(html).html());
maby  $("#response").html($(html));  would work but it would depend on
your input as somtimes that will brake and i never did work out why

On Sep 30, 10:27 am, mattastic <mharris...@yahoo.co.uk> wrote:
> Thanks very much for your reply, however, could you please tell me how
> I can populate the loading div with the response text, rather than an
> alert?
>
> Many thanks
>
> On Sep 29, 1:56 pm, Mark Gorman <dayg...@gmail.com> wrote:
>
> > yay for it not showing what you said before i posted, try on your
> > start and stop doing $(document).ajaxStart(); for some reson is can be
> > quite silly with that also use $(document).ready(); its nicer that way
> > and avoids unexpected issues
>
> > On Sep 29, 1:52 pm, Mark Gorman <dayg...@gmail.com> wrote:
>
> > > this is how you do a post with loading at the top middle ish
> > > <html>
> > > <head>
> > > <style>
> > > .loading {
> > >     display: none;
> > >     position: absolute;
> > >     top: 0px;
> > >     left: 50%;}
>
> > > </style>
> > > <script src="jquery.js" language="Javascript" type="text/javascript"></
> > > script>
>
> > > </head>
> > > <body>
> > > <script language="Javascript" type="text/javascript">
> > > $(document).ready(function(){
> > >         $(document).ajaxStart(function(){
> > >           $('.loading').show();
> > >         });
>
> > >         $(document).ajaxStop(function(){
> > >           $('.loading').hide();
> > >         });
> > >         $('.clickme').click(function(){
>
> > >                 //i have trouble with the post permiters so i always do 
> > > it the {}
> > > way but you can just pass a array
> > >                 $.post('example.cfm',{peram1 : 'hello',peram2 : 'world', 
> > > myval : $
> > > ('.myinput').val()},function(data){
> > >                  alert($(data).find('result').text());
> > >                 });
> > >                 return false;
> > >         });
>
> > > });
>
> > > </script>
> > > <div class="loading">loading</div>
> > > <a href="#" class="clickme">Click me</a>
> > > <input class="myinput" name="text_input" type="text" value="Enter
> > > Something here">
> > > </body>
> > > </html>
>
> > > On Sep 29, 11:15 am, mattastic <mharris...@yahoo.co.uk> wrote:
>
> > > > Thanks very much for your replies.
>
> > > > Could you please post the whole page code?
>
> > > > So I can see how the javascript, html and ajax works together
>
> > > > I'mn struggling to understand how the whole page is layed out.
>
> > > > Thanks in advance
>
> > > > On Sep 28, 2:18 pm, Mark Gorman <dayg...@gmail.com> wrote:
>
> > > > >http://docs.jquery.com/Ajaxhaseverythingyouneedbut a simple
> > > > > example would be...
>
> > > > > $(document).ready(function(){
> > > > > $.ajaxStart(function(){
> > > > >   $('.loading').show();});
>
> > > > > $.ajaxStop(function(){
> > > > >   $('.loading').hide();});
>
> > > > > //i have trouble with the post permiters so i always do it the {} way
> > > > > but you can just pass a array
> > > > > $.post('example.php',{peram1 : 'hello',peram2 : 'world', myval : $
> > > > > ('.myinput').val()},function(data){
> > > > >  alert($(data).find('result').text());
>
> > > > > });
> > > > > });
>
> > > > > if the return was xml ie <message><result>it saved</result></message>
> > > > > then you would get it saved in a alert watch some of the functions
> > > > > though if you tell it to expect something as it will just
> > > > > brake. .loading i am useing as your loading graphic or a div
> > > > > containing it etc using css to absolutely position it or putting it
> > > > > wherever you want it. you can do better things if you want but if you
> > > > > just trying things for the first time this will do :P
>
> > > > > On Sep 28, 10:58 am, mattastic <mharris...@yahoo.co.uk> wrote:
>
> > > > > > Could soneone please show me an example of a simple ajax post to a
> > > > > > coldfusion page, with a loading graphic?
>
> > > > > > I cant find an appropriate example in the documentation.
>
> > > > > > Thankyou
>
>

Reply via email to