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:
1 comment
Read More »

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.
Post a Comment
Read More »

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.
Post a Comment
Read More »

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.
Post a Comment
Read More »

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.
1 comment
Read More »

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) .
Post a Comment
Read More »

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.
Post a Comment
Read More »

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.
Post a Comment
Read More »

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.
Post a Comment
Read More »

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.
Post a Comment
Read More »

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

In this post you will learn use of Hidden Input HTML control < input type ="hidden"....> with jQuery, also using this from ASP.NET and C#.
Post a Comment
Read More »

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.
Post a Comment
Read More »

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.
4 comments
Read More »

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.
13 comments
Read More »

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:         < audio controls ="controls">             < source src ="http://domain.com/inanhq.mp3" type ="audio/mp3" />             < source src =" 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 m
1 comment
Read More »

Popular posts from this blog

Migrating database from ASP.NET Identity to ASP.NET Core Identity

Image
As you know ASP.NET Core Identity (table structure) is different from what we had earlier in ASP.NET Identity. Actually the identity system which we have today with .NET Core is very mature and continuously evolved be it ASP.NET Membership, ASP.NET Identity 1, ASP.NET Identity 2 and now ASP.NET Core Identity. Recently I had to migrate few application to ASP.NET Core and similar its identity database. Because the table schema is changed, i had to re-think and create migration script which I would like to share with you today. It is very simple and easy, just three step and I had everything ready: STEP 1 : Change name of existing tables STEP 2 : Create ASP.NET Core Identity tables STEP 3 : Migrate data from old tables (ASP.NET Identity) to new tables (ASP.NET Core Identity) Script:  https://gist.github.com/itorian/c699e8534b392a6c726ec66c48100072 You should also watch my video, where I demoed migration.
Read More »

Customize User's Profile in ASP.NET Identity System

Image
Note: You should read this post instead, I found below walkthrough will not work on ASP.NET Identity 2. I will re-work on this post soon. In this post you will learn how to customize User’s Profile and add some more fields like FirstName, LastName, EmailID etc with ASP.NET Identity System. In my last post I listed some of the great new features introduced with Identity system .
Read More »