CodeCharge Studio
search Register Login  

Web Reports

Visually create Web Reports in PHP, ASP, .NET, Java, Perl and ColdFusion.
CodeCharge.com

YesSoftware Forums -> CodeCharge Studio -> General/Other

 Update Panel Loading ... ajax animation ?

Print topic Send  topic

Author Message
Charalabos Michael
Posted: 02/07/2008, 12:52 PM

Hello,
Is it possible to have a nice ajax loading animation
instead of "loading" ? Like a animation from this
generator: http://www.ajaxload.info/

Thank you
quasimidi


Posts: 151
Posted: 02/07/2008, 2:35 PM

You can change in the CCS js code:

C:\Program Files\CodeChargeStudio4\Components\CodeTemplates\Common\Ajax\pt\ajaxpanel.js

Line number: 157

Change the innerHTML content to your needs.... ;)


_________________
RS
View profile  Send private message
quasimidi


Posts: 151
Posted: 02/07/2008, 2:36 PM

One more thing:

Make backup BEFORE change anything.

R.
_________________
RS
View profile  Send private message
Charalabos Michael
Posted: 02/07/2008, 3:23 PM

Hello quasimidi,

> C:\Program
> Files\CodeChargeStudio4\Components\CodeTemplates\Common\Ajax\pt\ajaxpanel.js
>
> Line number: 157
>
> Change the innerHTML content to your needs.... ;)

Thank you, i'll give it a try!
Charalabos Michael
Posted: 02/07/2008, 4:27 PM

Hello Robert,

> You can change in the CCS js code:
>
> C:\Program
> Files\CodeChargeStudio4\Components\CodeTemplates\Common\Ajax\pt\ajaxpanel.js
>
>
> Line number: 157
>
> Change the innerHTML content to your needs.... ;)

Thank you very much! I've made additional changes and the
result is awesome. Here's the modifications if anyone else need it:

progressSpan.style.top = "50%";
progressSpan.style.right = "50%";
progressSpan.innerHTML = "<div style=\"background:
url('images/ajax.loader.gif'); width: 100px; height: 100px;\"></div>";

Now my CMS looks defently Ajax enabled! :)

What i need now is an "overlay" like lightbox ...

Peter R., if you read this please make an easy way to
change this through CSS IDE. (instead modifing the javascript
as i do now)

Thank you!!!
ckroon

Posts: 869
Posted: 03/11/2008, 11:32 AM

Thanks for this! Works Great!
I am off to Fireworks to create my own :)


_________________
Walter Kempees...you are dearly missed.
View profile  Send private message
ckroon

Posts: 869
Posted: 03/11/2008, 9:19 PM

Ok found a problem.
The URL of the loader image seems to be in relation to the location of the page.. not the ajaxpanel.js.

Am I missing something or do I have to put an images/loader.gif folder/file in every directory I use AJAX?
_________________
Walter Kempees...you are dearly missed.
View profile  Send private message
ckroon

Posts: 869
Posted: 03/13/2008, 2:43 PM

This is still plaguing me... :-/
_________________
Walter Kempees...you are dearly missed.
View profile  Send private message
Charalabos Michael
Posted: 03/13/2008, 2:46 PM

Hello ckroon,
> Ok found a problem. The URL of the loader image seems to be in
> relation to the location of the page.. not the ajaxpanel.js.
>
> Am I missing something or do I have to put an images/loader.gif
> folder/file in every directory I use AJAX?
> --------------------------------------- Sent from YesSoftware forum
> http://forums.yessoftware.com/

Try:
progressSpan.innerHTML = "<div style=\"background:
url('/images/ajax.loader.gif'); width: 100px; height: 100px;\"></div>";

Add new topic Subscribe to topic   


These are Community Forums for users to exchange information.
If you would like to obtain technical product help please visit http://support.yessoftware.com.

Web Database

Join thousands of Web developers who build Web applications with minimal coding.
CodeCharge.com

Home   |    Search   |    Members   |    Register   |    Login


Powered by UltraApps Forum created with CodeCharge Studio
Copyright © 2003-2004 by UltraApps.com  and YesSoftware, Inc.