Upload progress ... « HTML Form Builder Online , PHP Form Creator

This forum is no longer open and is for reading/searching only.

Please use our new MachForm Community Forum instead.

MachForm Community Forums » MachForm 2

Upload progress ...

Started 16 years ago by Compu | 38 posts |

drumaboy46
Member

what?!?! Impossible I have emptied my cache so many times. Here is my code again

// JavaScript Document
$(document).ready(function(){
	var upload_prop   = $("form").attr("enctype");
	var show_progress = false;
	if(upload_prop == 'multipart/form-data'){
		show_progress = true;
		$("form").submit(function(){
		$("#saveForm").val("Uploading... Please wait...");
		$("#saveForm").attr("disabled","disabled");
		$("#li_buttons").append("<img src=\"http://mysite.net/machform/images/loader-red.gif\" />");
		});
	}
});

I did as was instructed. Works in IE and Safari I just tried FFX on pc and mac and still no gif what gives. Is it a permissions thing, server issue its driving me nuts >={
:) I know "I" did something wrong but what?

Posted 14 years ago #

drumaboy46
Member

and here's what my view-functions.php looks like:

//Custom Code by Ralph
		if($form_id == "8") {
			$validation = '<script type="text/javascript" src="../js/validator_machform.js"></script>';
		}
		if($form_id == "9") {
			$validation = '<script type="text/javascript" src="../jsSPA/validator_machform.js"></script>';
 		}
        if($form_id == "11") {
        	$jquery_core = '<script type="text/javascript" src="js/jquery/jquery-core.js"></script>';
        	$upload_progress = '<script type="text/javascript" src="js/upload_loader.js"></script>';
        }

		//If you would like to remove the "Powered by MachForm" link, please contact us at customer.service@appnitro.com before doing so
		$form_markup = <<<EOT
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>{$form->name}</title>
<link rel="stylesheet" type="text/css" href="{$css_dir}view.css" media="all" />
<script type="text/javascript" src="js/view.js"></script>
{$calendar_js}
{$jquery_core}
{$upload_progress}<!--i put the js script in a separate file as you can see above-->
{$validation}
</head>
<body id="main_body" {$embed_class}>

for me this was the first block of code that matched your instructions

Posted 14 years ago #

yuniar

I must say that is really weird. I've tested again using Firefox and able to see the red loader gif (I can send you a screenshot if you need).

Do you have any Firefox plugins which might be affecting this?
Try to disable all the plugins and test again.

If that doesn't work either, we can investigate it further using Firebug plugin.
Install Firebug plugin and use the "Net" tab.

There you will be able to see every traffic to your form. You should see the loader image status there as well.
MachForm Founder

Posted 14 years ago #
drumaboy46
Member

wow. Ok when I installed firebug I saw it if you disable is however you can't see it when I fist loaded the net tab and refreshed and his continue there was no gif and it showed the request status as aborted do you think that maybe something in my php.ini file or server setting I've never had problems with gifs should I use another gif? this is crazy. I just tried it out on IE FFX and still don't see it the average user does not use firebug.

Then I thought maybe I have to specify the size so I added width and height to the image tag making sure to backslash quotes and the outline of an image is now visible as if the image can not be loaded and the gif does not show or animate. This is true for all browser except safari

Posted 14 years ago #
yuniar

Ok, so one thing I notice, the loader was being displayed very quickly.

I suggest to disable the form password for now, and test again by uploading a real file. So that the loader can be displayed in a longer time. This might help debugging the problem.
MachForm Founder

Posted 14 years ago #
drumaboy46
Member

ok you were right yuniar it works in all browsers. :) I will continue testing with password on and off so that users know that it works. Again flawless support thanks again Yuniar!!!

The only thing is from initial test when password is enabled it seems no to work super strange can you help me with this last part of the puzzle

Posted 14 years ago #
drumaboy46
Member

do you think it has something to do with the view js? Because I want to use the loader-gif and password protection

Also when I try to use another image it doesn't work

Posted 14 years ago #
yuniar

so it still doesn't work when you set a password to the form, but worked when you disabled the password?

can you let me know the password of your form so I can test it please?

Please send it via email directly.
Mail to: customer.service [at] appnitro.com
MachForm Founder

Posted 14 years ago #
drumaboy46
Member
excellent work everything works no thought I haven't tested with password enable I'm sure it will work with that as well. Here's what Yuniar said encase the rest of the community wants to know:

To do it, try to edit your view-functions.php file, search around line 1838 for this code:
```
<div id="form_container">
```
above that line, add this code:
```
<img src="http://somesite/machform/images/loader-red.gif" style="height: 0;width: 0"/>
```
Posted 14 years ago #
nealchester
Member
I'm using your code Yuniar, but I get something that is totally different.
The message shows and so does the loading image, but the page changes and I get this error:
```
select element_1 from ap_form_2_review where id`='5' Query failed: Table 'nealmachform.ap_form_2_review' doesn't exist
```
Here is the live page: http://ikwebdesigner.com/machform/view.php?id=2
Posted 14 years ago #
yuniar

nealchester -- try to edit your form, disable form review and save your form. Then go back edit your form again, enable form review and save it.

That should fix the review table error.
MachForm Founder

Posted 14 years ago #
nealchester
Member

I think this helped, but the loading gif is missing. I will try a direct URL to it. I notice that it shows sometimes and sometimes not. Thanks for your support and feedback.

Posted 14 years ago #
Edken
Member

Hi, after following the instructions above I have the same problem and a new one.
First, Im getting the uploading text warning which is nice, but no gif strangely enough. I have double checked but as much as I can but to no joy.

My random new problem is that any attached files are no longer showing up in my email notification.
Random.

Posted 13 years ago #
Edken
Member

Actually, is there a limit on the size file you can upload using the form? I think that might be it.

Posted 13 years ago #
yuniar

Yes there is limit with the maximum file can be uploaded through PHP script. This limit is being set by your hosting company through php.ini file. The default is 2MB on most hosting companies.

You might want to contact your hosting tech support to confirm regarding the limit.
MachForm Founder

Posted 13 years ago #
jhinkle
Member

Where would this go in version 3? (specifically 3.2)

Some of my forms take a while to save the information to the database and my users get impatient and think it's not working. I want some way to notify them that it is processing their data and to wait.

Posted 12 years ago #
yuniar

When you enable the advanced options of your file upload fields, there should be a progress bar being displayed automatically when the users upload the files.
MachForm Founder

Posted 12 years ago #
jhinkle
Member

The forms that I was talking about don't have the "upload files" field - it just takes a while to save all the information to the database. What I was thinking was; you know when you click on "Edit" on a form, and a small box pops up that says "Loading...please wait...". I would love to be able to implement that whenever someone clicks on "Submit" - just so they know they clicked it and it's processing their information.

Posted 12 years ago #

RSS feed for this topic

« Previous 1 2

Reply

You must log in to post.