Solved

loading when page make an operation

Posted on 2009-07-03
7
212 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
PowerShell Core for Advanced Linux Administrators

Understand advanced principals around Powershell Core with a focus on the Linux Administrator.  This course covers how to administer numerous environments across multiple platforms including Linux, Azure, AWS, and Google Cloud from a single shell instance.

 

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

WordPress Tutorial 4: Recommended Plugins

Now that you have WordPress installed, understand the interface, and know how to install new parts, let’s take a look at our recommended plugins.

Question has a verified solution.

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

This article is meant to give a basic understanding of how to use R Sweave as a way to merge LaTeX and R code seamlessly into one presentable document.
Active Directory replication delay is the cause to many problems.  Here is a super easy script to force Active Directory replication to all sites with by using an elevated PowerShell command prompt, and a tool to verify your changes.
Learn how to match and substitute tagged data using PHP regular expressions. Demonstrated on Windows 7, but also applies to other operating systems. Demonstrated technique applies to PHP (all versions) and Firefox, but very similar techniques will w…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

630 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