CSS3, HTML, HTML5, JavaScript, JQuery, Programming

Simple CSS Only Flip Effect for a Div

FlipEffect

Adding a flip effect to content on your Web page can be a handy way to show extra content. In this case, I’m showing an example flip effect that happens on the click of a button above the area. You can click the button multiple times to have the front or the back of the flip area show. Continue reading “Simple CSS Only Flip Effect for a Div”

Advertisements
ASP.NET, CSS3, HTML, HTML5, JavaScript, Programming, VB.NET, WebForms

Javascript and Bootstrap CSS: Showing a Save Screen that Locks Page Elements

The goal of this example is to make all elements on and HTML form un-selectable while something like a Save/Load/long database lookup is happening. What we’ll do is superimpose a div over an HTML form, and have that div show opaque lines over the form as well as a clear area that says Loading or Saving.

We’ll make the page look like the image to the left, so that it is clear to the user that the form they were working on is temporarily disabled. Continue reading “Javascript and Bootstrap CSS: Showing a Save Screen that Locks Page Elements”

CSS3, HTML, HTML5, JavaScript, JQuery, Programming

JavaScript: Outputting a Number in Traditional Currency Format

The requirements I will describe in this article are to have JavaScript format user-input numbers as traditional currency. This means to show two decimal places (with or without automatic rounding), commas as thousands separators, and with or without a preceding currency symbol like:

$ 12,345.67

or without the currency sign as:

12,345.67

Continue reading “JavaScript: Outputting a Number in Traditional Currency Format”