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/Ajaxhaseverythingyouneed but 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
