Progress bar just keeps spinning, form never submits

10/23/2015 7:12 am | #1 gstoyle396649

I'm trying to put a progress bar on a simple login form (using your mysqli user authentication).

When the form is submitted the progress bar appears, but it never goes away and the form is not submitted.

I've tried the same on a few other forms and the same thing happens.

10/23/2015 10:56 am | #3 gstoyle396649

I'm working on localhost so that's not possible at the moment I'm afraid.

However, all I have done is apply the progress bar to a form as I've done many times.

The code on the page is very simple - the only difference being it uses the mysqli extension. This is the first project I've done which uses that...and is the first one where the progress bar doesn't work.

I can provide the code...

<?php require_once('Connections/conn.php'); ?>
<?php require_once('webassist/mysqli/authentication.php'); ?>
<?php
@session_start();
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$_SESSION["project"] = "".((isset($_POST["project"]))?$_POST["project"]:"") ."";
}
?>
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$Authenticate = new WA_MySQLi_Auth($conn);
$Authenticate->Action = "authenticate";
$Authenticate->Name = "User";
$Authenticate->Table = "sms_projects";
$Authenticate->addFilter("login", "=", "s", "".((isset($_POST["username"]))?$_POST["username"]:"") ."");
$Authenticate->addFilter("pwd", "=", "s", "".((isset($_POST["password"]))?$_POST["password"]:"") ."");
$Authenticate->storeResult("login", "username");
$Authenticate->AutoReturn = false;
$SuccessRedirect = "index.php";
$FailedRedirect = "login.php";
if (function_exists("rel2abs")) $SuccessRedirect = $SuccessRedirect?rel2abs($SuccessRedirect,dirname(__FILE__)):"";
if (function_exists("rel2abs")) $FailedRedirect = $FailedRedirect?rel2abs($FailedRedirect,dirname(__FILE__)):"";
$Authenticate->SuccessRedirect = $SuccessRedirect;
$Authenticate->FailRedirect = $FailedRedirect;
$Authenticate->execute();
}
?>
<!doctype html>
<html>
<head>
<script src="webassist/progress_bar/jquery-blockui-formprocessing.js" type="text/javascript"></script>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>

<body>
<fieldset>
<legend>
<h2>Login</h2>
</legend>
<div id="form1_ProgressWrapper">
<div id="form1_ProgressWrapper">
<form action="" method="post" name="form1" id="form1">
<table width="100%" border="0" cellspacing="0" cellpadding="4">
<tbody>
<tr>
<td width="12%">Project:</td>
<td width="88%"><p>
<label>
<input type="radio" name="project" value="cerp" id="project_0">
CERP</label>
<label>
<input type="radio" name="project" value="seb" id="project_1">
Sebastian River</label>
<br>
</p></td>
</tr>
<tr>
<td>Username:</td>
<td><input type="text" name="username" id="username"></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" name="password" id="password"></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="submit" id="submit" value="Login"></td>
</tr>
</tbody>
</table>
</form>
</div>

</div>

</fieldset>
<div id="form1_ProgressMessageWrapper" class="blockUIOverlay" style="display:none;">
<script type="text/javascript">
WADFP_SetProgressToForm('form1', 'form1_ProgressMessageWrapper', WADFP_Theme_Options['Bar:CaboSunset']);
</script>
<div id="form1_ProgressMessage" >

<p style="margin:10px; padding:5px;" ><img src="webassist/progress_bar/images/cabo-bar.gif" alt="" title="" style="vertical-align:middle;" />  Please wait</p>

</div>
</div>
</body>
</html>

10/23/2015 11:06 am | #4 Ray BorduinWebAssist

It has nothing to do with the server side code.

It looks like you have this line of code repeated:
<div id="form1_ProgressWrapper">
<div id="form1_ProgressWrapper">

that may be the issue.

Did this help? Tips are appreciated...

10/23/2015 12:11 pm | #5 gstoyle396649

I'm not sure how that line of code got repeated.

However, I have removed it and the problem still exists. The progress bar appears but the form doesn't submit - I have to close the tab to clear it.

Here is the code without the repeated line...

<?php require_once('Connections/conn.php'); ?>
<?php require_once('webassist/mysqli/authentication.php'); ?>
<?php
@session_start();
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$_SESSION["project"] = "".((isset($_POST["project"]))?$_POST["project"]:"") ."";
}
?>
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$Authenticate = new WA_MySQLi_Auth($conn);
$Authenticate->Action = "authenticate";
$Authenticate->Name = "User";
$Authenticate->Table = "sms_projects";
$Authenticate->addFilter("login", "=", "s", "".((isset($_POST["username"]))?$_POST["username"]:"") ."");
$Authenticate->addFilter("pwd", "=", "s", "".((isset($_POST["password"]))?$_POST["password"]:"") ."");
$Authenticate->storeResult("login", "username");
$Authenticate->AutoReturn = false;
$SuccessRedirect = "index.php";
$FailedRedirect = "login.php";
if (function_exists("rel2abs")) $SuccessRedirect = $SuccessRedirect?rel2abs($SuccessRedirect,dirname(__FILE__)):"";
if (function_exists("rel2abs")) $FailedRedirect = $FailedRedirect?rel2abs($FailedRedirect,dirname(__FILE__)):"";
$Authenticate->SuccessRedirect = $SuccessRedirect;
$Authenticate->FailRedirect = $FailedRedirect;
$Authenticate->execute();
}
?>
<!doctype html>
<html>
<head>
<script src="webassist/progress_bar/jquery-blockui-formprocessing.js" type="text/javascript"></script>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>

<body>
<fieldset>
<legend>
<h2>Login</h2>
</legend>
<div id="form1_ProgressWrapper">
<form action="" method="post" name="form1" id="form1">
<table width="100%" border="0" cellspacing="0" cellpadding="4">
<tbody>
<tr>
<td width="12%">Project:</td>
<td width="88%"><p>
<label>
<input type="radio" name="project" value="cerp" id="project_0">
CERP</label>
<label>
<input type="radio" name="project" value="seb" id="project_1">
Sebastian River</label>
<br>
</p></td>
</tr>
<tr>
<td>Username:</td>
<td><input type="text" name="username" id="username"></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" name="password" id="password"></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="submit" id="submit" value="Login"></td>
</tr>
</tbody>
</table>
</form>
</div>

</fieldset>
<div id="form1_ProgressMessageWrapper" class="blockUIOverlay" style="display:none;">
<script type="text/javascript">
WADFP_SetProgressToForm('form1', 'form1_ProgressMessageWrapper', WADFP_Theme_Options['Bar:CaboSunset']);
</script>
<div id="form1_ProgressMessage" >
<p style="margin:10px; padding:5px;" ><img src="webassist/progress_bar/images/cabo-bar.gif" alt="" title="" style="vertical-align:middle;" />  Please wait</p>

</div>
</div>
</body>
</html>

10/23/2015 3:18 pm | #6 Ray BorduinWebAssist

The issue is that you have an id of your form button set to "submit", which is a reserved name in forms since forms have a .submit() method. Just change the button ID and it should fix the problem.

Did this help? Tips are appreciated...

10/23/2015 3:37 pm | #8 Ray BorduinWebAssist

We don't document html and javascript in general. Here is a list of reserved words in html and javascript:

http://www.w3schools.com/js/js_reserved.asp

you should avoid all of these in IDs and variable names. You can see that submit is on the list. This isn't just true for our extensions it is for building web pages in general.

Did this help? Tips are appreciated...

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

Progress bar just keeps spinning, form never submits

10/23/2015 7:12 am | #1 gstoyle396649