Beefy Boxes and Bandwidth Generously Provided by pair Networks
No such thing as a small change
 
PerlMonks  

Re: CGI::ProgressBar Module Help Required

by Anonymous Monk
on Feb 27, 2013 at 08:32 UTC ( #1020820=note: print w/ replies, xml ) Need Help??


in reply to CGI::ProgressBar Module Help Required

Hi slb985,

Here is my part of research on your question.

I too tried the same code and getting same result, could not see the progress bar

I am using firefox 19.0, I checked the Error Console, I found that , it says ReferenceError:pblib_progress_update not defined

But It seems that the pblib_progress_update() is defined in between <script> tag

<!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" lang="en-US" xml:lang="en-U +S"> <head> <title>A Simple Example</title> <style type="text/css"> <!--/* <![CDATA[ */ print 'test' /* ]]> */--> </style> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1 +" /> </head> <body> <h1>A Simple Example</h1><p>This example will update a JS/CSS progress + bar.</p><style type='text/css'> .pblib_bar { border: 1px solid black; padding: 1px; background: white; display: block; text-align:left; width: 400px; } .pblib_block_on, .pblib_block_off { display: block; float:left; width: 38px; } .pblib_block_off { border:1px solid white; background: white; } .pblib_block_on { border:1px solid blue; background: navy; } </style> <div id='pb_cont1361953714'> <div class='pblib_bar'> <span class='pblib_block_off' id='b13619537141'>&nbsp;</span><span + class='pblib_block_off' id='b13619537142'>&nbsp;</span><span class=' +pblib_block_off' id='b13619537143'>&nbsp;</span><span class='pblib_bl +ock_off' id='b13619537144'>&nbsp;</span><span class='pblib_block_off' + id='b13619537145'>&nbsp;</span><span class='pblib_block_off' id='b13 +619537146'>&nbsp;</span><span class='pblib_block_off' id='b1361953714 +7'>&nbsp;</span><span class='pblib_block_off' id='b13619537148'>&nbsp +;</span><span class='pblib_block_off' id='b13619537149'>&nbsp;</span> +<span class='pblib_block_off' id='b136195371410'>&nbsp;</span> </div> </div> <script language='javascript' type='text/javascript'> // <!-- var pblib_at = 1; pblib_progress_clear(); function pblib_progress_clear() { for (var i = 1; i <= 10; i++) document.getElementById('b1361953714'+i).className='pblib_ +block_off'; pblib_at = 1; } function pblib_progress_update() { pblib_at += 1; if (pblib_at > 10){ pblib_progress_clear(); } else { for (var i = 1; i <= Math.ceil(pblib_at); i++){ document.getElementById('b1361953714'+i).className='pb +lib_block_on'; } } //--> </script> <script type='text/javascript'> pblib_progress_update() </script> <script type='text/javascript'> pblib_progress_update() </script> <script type='text/javascript'> pblib_progress_update() </script> <p>All done.</p> </body> </html>


Comment on Re: CGI::ProgressBar Module Help Required
Download Code
Replies are listed 'Best First'.
Re^2: CGI::ProgressBar Module Help Required
by vinoth.ree (Prior) on Feb 27, 2013 at 08:34 UTC

    Oops Its me

Re^2: CGI::ProgressBar Module Help Required
by redgreen (Priest) on Feb 27, 2013 at 20:01 UTC
    It looks like function pblib_progress_update() is missing a closing }. The for {} is ok, the else {} is ok, but the function isn't.

      Thank you vinoth.ree & redgreen. I will take a look at what you've found and let you know how I get on

        the Error is on Line 350. The function pblib_progress_update() must close on quote \"n; before
        :349# document.getElementById('$self->{progress_bar}->{layer_id}-> block}'+i).className='pblib_block_on';
        :350# }
        :351# }\n";
        :352# $html .= "document.".$self->{progress_bar}->{layer_id}->{form}.".".$self->{progress...
        now it works fine

Log In?
Username:
Password:

What's my password?
Create A New User
Node Status?
node history
Node Type: note [id://1020820]
help
Chatterbox?
and the web crawler heard nothing...

How do I use this? | Other CB clients
Other Users?
Others pondering the Monastery: (6)
As of 2015-07-29 09:58 GMT
Sections?
Information?
Find Nodes?
Leftovers?
    Voting Booth?

    The top three priorities of my open tasks are (in descending order of likelihood to be worked on) ...









    Results (263 votes), past polls