[jQuery] Re: How to solve this

[Jeffrey Kretz]

Mostly like your last question just got overlooked, as it came in at 4:30am.

;-)

There are two types of progress bar indicators you can use.

The first is a fake one, with an animated picture that doesn't really mean
anything.  However, when you post the page most browsers will pause gif
animations once the POST is started.  The workaround for this is to have the
form submission (or the progress bar) in a separate iframe so one doesn't
affect the other.  Or submit the form with an ajax (e.g. jquery.form
plugin).

The second, more sophisticated solution requires some server-side code
monitors the request as it is being processed and records the state in a
static memory variable.  Then the page can do periodic ajax calls
(setInterval) to obtain the status of the upload and update the progress bar
with accurate figures.

There are others here who will have a PHP-based solution, but if you are
interested I have a .NET one I wrote.

JK

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Johny
Sent: Wednesday, November 05, 2008 10:57 PM
To: jQuery (English)
Subject: [jQuery] Re: How to solve this



Nobody knows the answer to my question ? :-(

[jQuery] Re: How to solve this

[Johny]

Thank you  Jeffrey for your reply

Best regards,
Lad.

[jQuery] Re: How to solve this

[Johny]

Thank you ALL who helped.Now it works but because the form uploads a
large file I would like to add a progress bar indicator or something
like.
Is it possible to implement   a progress uploading indicator with
jQuery?

I thought about an animated picture( as the easiest solution) but when
I start uploading the animated gif  picture stops.
Can anyone help please?
Thank you
L.

[jQuery] Re: How to solve this

[Johny]

Nobody knows the answer to my question ? :-(

[jQuery] Re: How to solve this

[Mike Alsup]

         $('[EMAIL PROTECTED]').click(function() {
          $('#InformUserText').show();

                  return false;
          });

 The text ( see InformUserText) is shown but the action script from the
 form, see MyURL, is not called.
 Can you please help how to say to a user that he should wait and the
 script is running?
 Thank you
 Lad.

Your 'return false' statement is preventing the default browse
behavior, which in this case would be to submit the form.

[jQuery] Re: How to solve this

[Mauricio (Maujor) Samy Silva]

Do not cancel the default action for the click event with the statement

return false;

Try to remove that line from your code.

Mauricio

-Mensagem Original- 
De: Johny [EMAIL PROTECTED]

Para: jQuery (English) jquery-en@googlegroups.com
Enviada em: terça-feira, 4 de novembro de 2008 14:49
Assunto: [jQuery] How to solve this




I have a form

form method=post action=MyURL enctype=multipart/form-data
 input type=hidden name=token value=12/
pinput type=submit value=Go/p
/form

The form uploads a large file so that I would like to inform a user to
wait, after he pushes the submit button.

So I have
...
...

$('[EMAIL PROTECTED]').click(function() {
$('#InformUserText').show();

  return false;
});




The text ( see InformUserText) is shown but the action script from the
form, see MyURL, is not called.
Can you please help how to say to a user that he should wait and the
script is running?
Thank you
Lad. 

[jQuery] Re: How to solve this

[Shawn]

Or submit the form from code:

$(input[type='submit').click( function () {
  $(#informUserText).show();
  $(form).submit();
  $return false;
});

On Tuesday 04 November 2008 13:53:51 Mauricio (Maujor) Samy Silva wrote:
 Do not cancel the default action for the click event with the statement

 return false;

 Try to remove that line from your code.

 Mauricio

 -Mensagem Original-
 De: Johny [EMAIL PROTECTED]
 Para: jQuery (English) jquery-en@googlegroups.com
 Enviada em: terça-feira, 4 de novembro de 2008 14:49
 Assunto: [jQuery] How to solve this

  I have a form
 
  form method=post action=MyURL enctype=multipart/form-data
   input type=hidden name=token value=12/
  pinput type=submit value=Go/p
  /form
 
  The form uploads a large file so that I would like to inform a user to
  wait, after he pushes the submit button.
 
  So I have
  ...
  ...
 
  $('[EMAIL PROTECTED]').click(function() {
  $('#InformUserText').show();
 
return false;
  });
 
  
  
 
  The text ( see InformUserText) is shown but the action script from the
  form, see MyURL, is not called.
  Can you please help how to say to a user that he should wait and the
  script is running?
  Thank you
  Lad.

[jQuery] Re: How to solve problem with zindex and active elements

[Mario Moura]

Hi

Other solution could de CSS overflow:

http://www.w3schools.com/css/pr_pos_overflow.asp

Regards

Mairo

2007/9/4, Dan Evans [EMAIL PROTECTED]:


 You could add a click event that only gets fired once to the the mask.
 Something like:
 $('#maskID').one('click', function(){
 $(this).remove();
 });
 That would take the mask away when the user clicks it.
 $(this).remove(); could also be $(this).hide() if you might re-use it
 later.
 Another solution would be to just set the content div to display:
 none or visibility: hidden in the CSS and then alter that when the
 user clicks the mask.

 - Dan Evans

 On Sep 1, 2:09 am, gianiaz [EMAIL PROTECTED] wrote:
  Hi, I don't know how to solve this problem then I ask you, my
  gurus :-)
 
  I created 2 divs, one with the content, and one with a mask to put
  over the content to hide the content I don't want to see on the load
  of the page (with z-index greater then the first one) .
 
  You can see an example here:
 
  http://www.gianiaz.net/jquery/mask/index.html
 
  The problem is that I can't catch the click event on the first span,
  cause the z-index is minor of the mask one.
 
  If I change the zindex order I can click on the element but loose the
  mask effect:
 
  http://www.gianiaz.net/jquery/mask/index2.html
 
  How can I get all work?
 
  Thank you




-- 
Mário Alberto Chaves Moura
[EMAIL PROTECTED]
31-9157-6000

[jQuery] Re: How to solve problem with zindex and active elements

[Dan Evans]

You could add a click event that only gets fired once to the the mask.
Something like:
$('#maskID').one('click', function(){
$(this).remove();
});
That would take the mask away when the user clicks it.
$(this).remove(); could also be $(this).hide() if you might re-use it
later.
Another solution would be to just set the content div to display:
none or visibility: hidden in the CSS and then alter that when the
user clicks the mask.

- Dan Evans

On Sep 1, 2:09 am, gianiaz [EMAIL PROTECTED] wrote:
 Hi, I don't know how to solve this problem then I ask you, my
 gurus :-)

 I created 2 divs, one with the content, and one with a mask to put
 over the content to hide the content I don't want to see on the load
 of the page (with z-index greater then the first one) .

 You can see an example here:

 http://www.gianiaz.net/jquery/mask/index.html

 The problem is that I can't catch the click event on the first span,
 cause the z-index is minor of the mask one.

 If I change the zindex order I can click on the element but loose the
 mask effect:

 http://www.gianiaz.net/jquery/mask/index2.html

 How can I get all work?

 Thank you