troubleshooting Question

Adding a loading animation

Avatar of g0mab2
g0mab2 asked on
HTMLPHP
10 Comments1 Solution638 ViewsLast Modified:
I have a html/php script that grabs data from my sql db, it takes about 10 seconds for all the data to display on screen.  So I wanted to add a loading animation called 'loading.gif' this is something I have never done before and I am looking for any help possible.

Not sure if I needed javascript for something like this.
<!DOCTYPE HTML>
<html>
    <title>Facebook</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <link rel="icon" href="images/favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
    
<head>
<body>

<p>&nbsp;</p>
<p><center></center></p>
<p>&nbsp;</p>

<CENTER><p>
  <p><font face="verdana" size="1.5">Please login</font></p>
  <p><font face="verdana" size="1.5">To see the information calculated, please review below.</font></p>
</CENTER>

<p>&nbsp;</p>
<p>&nbsp;</p>

  <form action='datagrid/datagrid_port.php' method='POST'>

<CENTER>
  <table width="568" height="122" border="0">
    <tr>
    <td width="245" rowspan="3" align="center" valign="middle"><img src="images/T_image.png" /></td>
    <td width="133" height="52" align="left" valign="bottom"><img src="images/t-login.png" /></td>
    <td width="176" align="left" valign="bottom"><input name="t_name" type="text" class="formFields" id="t_name" value="<?php print "$t_acc"; ?>" size="28" maxlength="36" /></td>
  </tr>
  <tr>
    <td height="22" align="left" valign="top"><img src="images/t-passwd.png" /></td>
    <td align="left" valign="top"><input name="t_passwd" type="password" class="formFields" id="t_passwd" value="<?php print "$t_passwd"; ?>" size="28" maxlength="24" /></td>
  </tr>
  <tr>
    <td height="30" align="left" valign="top">&nbsp;</td>
    <td align="center" valign="top"><input name="cancel" type="reset" id="cancel" value="Cancel" />
      <input name="Next" type="submit" id="Next" value="Submit" /></td></tr></table></CENTER>

<p>&nbsp;</p>

<CENTER> <font face="verdana" size="1.5">

</body>
</html>
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 10 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 10 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros