JavaScript Progress Bar

JavaScript Progress Bar

<table align="center"><tr><td>

<div id="showbar" style="font-size:8pt;padding:2px;border:solid black 1px;visibility:hidden">

<span id="progress1">&nbsp; &nbsp;</span>

<span id="progress2">&nbsp; &nbsp;</span>

<span id="progress3">&nbsp; &nbsp;</span>

<span id="progress4">&nbsp; &nbsp;</span>

<span id="progress5">&nbsp; &nbsp;</span>

<span id="progress6">&nbsp; &nbsp;</span>

<span id="progress7">&nbsp; &nbsp;</span>

<span id="progress8">&nbsp; &nbsp;</span>

<span id="progress9">&nbsp; &nbsp;</span>

</div>

</td></tr></table>

<script language="javascript">

var progressEnd = 9; // set to number of progress <span>'s.

var progressColor = 'blue'; // set to progress bar color

var progressInterval = 1000; // set to time between updates (milli-seconds)



var progressAt = progressEnd;

var progressTimer;

function progress_clear() {

for (var i = 1; i <= progressEnd; i++) document.getElementById('progress'+i).style.backgroundColor = 'transparent';

progressAt = 0;

}

function progress_update() {

document.getElementById('showbar').style.visibility = 'visible';

progressAt++;

if (progressAt > progressEnd) progress_clear();

else document.getElementById('progress'+progressAt).style.backgroundColor = progressColor;

progressTimer = setTimeout('progress_update()',progressInterval);

}

function progress_stop() {

clearTimeout(progressTimer);

progress_clear();

document.getElementById('showbar').style.visibility = 'hidden';

}

//progress_update(); // start progress bar



</script>



<input type="button" name="b1" value="Start Progress Bar" onClick="progress_update()">



<input type="button" name="b2" value="Stop Progress Bar" onClick="progress_stop()">

Asp.Net CAPTCHA and Asp.Net AJAX CAPTCHA

Florence Blogspot about asp.net tutorials and web design and web development: Asp.Net CAPTCHA and Asp.Net AJAX CAPTCHA

Asp.Net CAPTCHA and Asp.Net AJAX CAPTCHA

Asp.Net CAPTCHA and Asp.Net AJAX CAPTCHA

I am using a great Asp.Net CAPTCHA by BrainJar in a number of web sites with and without Asp.Net AJAX. It’s a simple and really easy to use Asp.Net CAPTCHA. The actual source code is in C#, but you can use it with both C# and VB.Net by simply wrapping the functionality in a class library.

In Asp.Net forums and in many other user communities I have seen lot of people asking for VB.Net CAPTCHA. So I thought to write a blog post and create some sample implementations. The zip file contains C# CAPTCHA and VB.Net CAPTCHA. I have included the samples for Asp.Net AJAX CAPTCHA also.

You can download the samples and implementation from here

Implementing Asp.Net AJAX CAPTCHA is really simple. Just wrap the main Asp.Net CAPTCHA with Asp.Net AJAX update panel and put a random query string at the end of CAPTCHA image src. The random query string will avoid showing the old CAPTCHA from browser cache.

STEPS TO ADD ASP.NET CAPTCHA IN YOUR WEBSITE

1. Refer the assembly CaptchaDLL.dll in your project
2. Copy JpegImage_CS.aspx or JpegImage_VB.aspx (according to the language of choice) to your website.
3. Open the above file and make changes in Colors and Font if needed. (read the inline comments to know more)
4. Now user the sample codes from Default.aspx or Ajax.aspx pages. The code is straight forward. You make a session and generate an image with the string in the Session. Now when you submit you have to check the session value and textbox value to see whether the entered CAPTCHA is correct.

DOWNLOAD THE SOURCE AND SAMPLES FROM HERE

If you have any questions please put as a comment.

Date Formatting in C#

Date Formatting in C#

Cheat sheet

<%= String.Format("{specifier}", DateTime.Now) %>

Specifier  Description                       Output
d          Short Date                        08/04/2007
D          Long Date                         08 April 2007
t          Short Time                        21:08
T          Long Time                         21:08:59
f          Full date and time                08 April 2007 21:08
F          Full date and time (long)         08 April 2007 21:08:59
g          Default date and time             08/04/2007 21:08
G          Default date and time (long)      08/04/2007 21:08:59
M          Day / Month                       08 April
r          RFC1123 date                      Sun, 08 Apr 2007 21:08:59 GMT
s          Sortable date/time                2007-04-08T21:08:59
u          Universal time, local timezone    2007-04-08 21:08:59Z
Y          Month / Year                      April 2007
dd         Day                               08
ddd        Short Day Name                    Sun
dddd       Full Day Name                     Sunday
hh         2  digit hour                     09
HH         2 digit hour (24 hour)            21
mm         2 digit minute                    08
MM         Month                             04
MMM        Short Month name                  Apr
MMMM       Month name                        April
ss         seconds                           59
tt         AM/PM                             PM
yy         2 digit year                      07
yyyy       4 digit year                      2007
:          seperator, e.g. {0:hh:mm:ss}      09:08:59
/          seperator, e.g. {0:dd/MM/yyyy}    08/04/2007