Posts

Showing posts with the label HTML5

Remove Header & Footer from Print Preview in Google Chrome

Image
Recently I had a requirement when one printing the web page should not display header and footer, basically they are automatically inserted by the browsers. Here is what this looks like:

Flip or Rotate Image using CSS

In this quick code you will learn how to flip or rotate image with transition effect using CSS. We will have opportunity to trigger the flip or rotate action on mouse hover or click, for this we will be using jQuery.

Create Expandable or Toggle Drop Down using jQuery

In this quick code you will learn how to create expandable or toggle drop down menu with little icon which shows menu is opened or not. Let's straight look at working example below.

Disable Browser Back Button

In this quick code you will learn how to disable browser back button. As this is a client side solution, I would never suggest to use when it comes to confidential websites like banking sector.

Query string values in JavaScript

Image
In this quick code you will learn how to get query string (browser address bar's variable) values using JavaScript.

Substring in jQuery or using substring(from, to) or substr(start, length) functions

In this quick code you will learn how to get substring from a string in jQuery. A substring is a string which part of another string, we need such functions when some part of string needs to be remove or escape out. We can use either substring(from, to) or substr(start, length).

Cookies in jQuery with jQuery.Cookie library

Image
In this quick code you will learn how to read, write and delete session cookies using jQuery. Remember to use jquery.cookie library on the page.

Contact Number or Mobile validation in jQuery

In this quick code you will learn how to validate Contact Number or Mobile client side using jQuery. We will be validating only number here because for different countries and providers length may vary. Find the running code below.

Email Validation in jQuery

In this quick code you will learn how to validate Email IDs client side using jQuery. Find the running code below.

Change Button Text using jQuery

I have started sharing "Quick Code Snippet" and this is very first post of the series starting today 27 March 2015.

Hidden Input HTML control with jQuery, ASP.NET and C#

In this post you will learn use of Hidden Input HTML control <inputtype="hidden"....>with jQuery, also using this from ASP.NET and C#.

Fluid Header/Footer problem when windows resized or opened on mobile (desktop view)

Image
This is a very common issue I have seen on various websites, generally in websites which is not responsive. Look at this image to understand this issue quickly.

Single File Upload to Multiple File Upload in MVC

In this blog post you will learn how to take advantage of HTML5 in MVC to turn single file upload into multiple file upload functionality. Today almost every browser extended the support to HTML5 and in case any browser does not, it will still work as it was working before and upload single file at a time.

Single File Upload to Multiple File Upload ASP.NET Web Forms

Image
With ASP.NET File upload control we can only upload one file at a time while HTML5 has a good notion to upload multiple files at a time. Look at the animated image given below, which was the actual framework before HTML5 equivalent updates with ASP.NET 4.5 Framework.

Using JavaScript to Control the Playback of Audio Tag in HTML5

Image
Download
In this post you will learn how to control the audio playback of <audio> tag in HTML5 by using JavaScript logics.
HTML5 defines a new element which specifies a standard way to embed an audio file on a web page using the <audio> element.
To play an audio file in HTML5, this is all you need:
<audiocontrols="controls"> <sourcesrc="http://domain.com/inanhq.mp3"type="audio/mp3"/> <sourcesrc=" http://domain.com/inanhq.mp3"type="audio/mpeg"/>           Your browser does not support the audio tag. </audio>
Above <audio> element adds audio controls like play, pause and volume automatically on the web page. Here is the output.

We can use text content between the <audio> and </audio> tags for browsers that do not support the <audio> element.
The <audio> element allows multiple <source> elements. <source> elements can link to different audio files. The browser will use the…

Popular posts from this blog