Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

loading when page make an operation

Posted on 2009-07-03
7
Medium Priority
?
216 Views
Last Modified: 2012-05-07
Hi EE
i have a question:
Can I add a loader (like gif animator , like ajax) when i lanch an operation into may page?
Example :
I have a php page that send some request and print video the result, some times, the result return after 50/60 seconds, so i would add a loader when my page attend.
I dont know how i implement this.
Can you help me?
I use in my project php - mysql and use jQuesry framework.

Regards
Denis
0
Comment
Question by:denny3d
  • 4
  • 2
7 Comments
 
LVL 5

Expert Comment

by:Jagarm
ID: 24771989
Please check the following page: http://www.dynamicdrive.com/dynamicindex4/preloadimage.htm

Let me know if it didin't help.
0
 
LVL 11

Expert Comment

by:BrianMM
ID: 24772002
I do this when uploading files... but same principle for any form submit which will take some time to process...
<script type="text/javascript">
 
 
        $(document).ready(function(){
                var validator = $("#importForm").validate({ 
                        // specifying a submitHandler prevents the default submit, good for the demo 
                submitHandler: function() { 
                        $('#importit').hide();
                        $('#importing').show(); // show animation
                        $("#importForm").submit();
                } 
                });
        });
 
</script>               
<form action="index.php" method="post" enctype="multipart/form-data" name="importForm" id="importForm">
<div id="importit">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="1">
        <tr valign="top">
                <td class="label"><label id="lufile" for="ufile">Import File</label></td>
                <td class="field">
                        <input name="ufile" type="file" id="ufile" size="50"  class="required" value="" accept="csv"/><br>
                        <b>NOTE:</b> Maximum filesize is <b>approximately $php_upload_max_filesize</b>.<br>
                </td>
                <td> </td>
        </tr>
        <tr>
                <td class="label"><label id="limportsubmit" for="importsubmit"></label></td>
                <td class="field" colspan="2">
                        <input id="importsubmit" name="importsubmit" type="submit" value="Import Hubs">
                </td>
        </tr>
</table>
<div style="clear: both;"> </div>
</div>
</div>
</form>

Open in new window

0
 

Author Comment

by:denny3d
ID: 24772011
no , it's not ok
i lanch a link and not open an image
0
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 

Author Comment

by:denny3d
ID: 24772039
@BrianMM

where div #importing ?
0
 
LVL 11

Expert Comment

by:BrianMM
ID: 24772100
:)
<script type="text/javascript">
 
 
        $(document).ready(function(){
                var validator = $("#importForm").validate({ 
                        // specifying a submitHandler prevents the default submit, good for the demo 
                submitHandler: function() { 
                        $('#importit').hide();
                        $('#importing').show(); // show animation
                        $("#importForm").submit();
                } 
                });
        });
 
</script>               
<form action="index.php" method="post" enctype="multipart/form-data" name="importForm" id="importForm">
<div id="importit">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="1">
        <tr valign="top">
                <td class="label"><label id="lufile" for="ufile">Import File</label></td>
                <td class="field">
                        <input name="ufile" type="file" id="ufile" size="50"  class="required" value="" accept="csv"/><br>
                        <b>NOTE:</b> Maximum filesize is <b>approximately $php_upload_max_filesize</b>.<br>
                </td>
                <td> </td>
        </tr>
        <tr>
                <td class="label"><label id="limportsubmit" for="importsubmit"></label></td>
                <td class="field" colspan="2">
                        <input id="importsubmit" name="importsubmit" type="submit" value="Import Hubs">
                </td>
        </tr>
</table>
<div style="clear: both;"> </div>
</div>
</div>
</form>
<div style="display: none;" id="importing">
<b>Please be patient, importing into ACSLite...</b>
<br><br><img src="./media/images/ajax-loader.gif" alt="Loading...">
</div>

Open in new window

0
 

Author Comment

by:denny3d
ID: 24840520
hello EE
i have an example
cam you see this link and try to serch anythink
you can saw a loading in the middle of the page, when the page load.
can i make this effects?

this is the link

www.bancodinapoli.it

regards
0
 

Accepted Solution

by:
denny3d earned 0 total points
ID: 24868712
Hello EE
nobody help me?


0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
The Windows functions GetTickCount and timeGetTime retrieve the number of milliseconds since the system was started. However, the value is stored in a DWORD, which means that it wraps around to zero every 49.7 days. This article shows how to solve t…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
In a recent question (https://www.experts-exchange.com/questions/29004105/Run-AutoHotkey-script-directly-from-Notepad.html) here at Experts Exchange, a member asked how to run an AutoHotkey script (.AHK) directly from Notepad++ (aka NPP). This video…
Suggested Courses

773 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question