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'> </span><span
+ class='pblib_block_off' id='b13619537142'> </span><span class='
+pblib_block_off' id='b13619537143'> </span><span class='pblib_bl
+ock_off' id='b13619537144'> </span><span class='pblib_block_off'
+ id='b13619537145'> </span><span class='pblib_block_off' id='b13
+619537146'> </span><span class='pblib_block_off' id='b1361953714
+7'> </span><span class='pblib_block_off' id='b13619537148'> 
+;</span><span class='pblib_block_off' id='b13619537149'> </span>
+<span class='pblib_block_off' id='b136195371410'> </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>
-
Are you posting in the right place? Check out Where do I post X? to know for sure.
-
Posts may use any of the Perl Monks Approved HTML tags. Currently these include the following:
<code> <a> <b> <big>
<blockquote> <br /> <dd>
<dl> <dt> <em> <font>
<h1> <h2> <h3> <h4>
<h5> <h6> <hr /> <i>
<li> <nbsp> <ol> <p>
<small> <strike> <strong>
<sub> <sup> <table>
<td> <th> <tr> <tt>
<u> <ul>
-
Snippets of code should be wrapped in
<code> tags not
<pre> tags. In fact, <pre>
tags should generally be avoided. If they must
be used, extreme care should be
taken to ensure that their contents do not
have long lines (<70 chars), in order to prevent
horizontal scrolling (and possible janitor
intervention).
-
Want more info? How to link
or How to display code and escape characters
are good places to start.
|