How to disable the browser back button navigation using javascript

Hi, Today you will learn about "How to disable the browser back button navigation using javascript", In general, we don't use this type of requirement in the project.But is very useful in so many situations. For example, we are doing in the online cart i.e an e-commerce platform so here after the placing the order and once the user checks out the...

How to add the Save to Google Drive Button to your web page

Hi, In this tutorial, I am going to show you how to add the save to google drive button in your web pages. This is a simple procedure it enables your website to allow your users to save files to their Google Drive . by configuring the save button. It is the simplest way to display the save to drive button on your page. You need to load some javascript...

How to display Loading Image with changing some text while Page Loads using Jquery and CSS

In this tutorial, I am going to show you how can you set an animated loading image with some text changing while page loads using Jquery and CSS. It is a great idea to show a cool animated image with changing some text until your website is loading. This idea can implement it on the user registrations. Generally, we do after the user registration...

How to convert the HTML content into an image using jquery

Hi, In this tutorial, I am going to explain, How to convert the HTML content into an image using jquery. If anybody wants to save / convert the HTML content as an image this code can be helpful.There is a jquery plugin i.e html2canvas, By using this plugin we can easily convert the HTML content of any part i.e a particular div content also to image. This...

How to replace all occurrences of a string in JavaScript

Generally, we use the replace() function to replace the particular word phrase. This does not work for replacing all occurrences of a string. i.e replace() is replaces only first matching word phrase only. For example "How to replace all occurrences of a string in JavaScript". Here I want to replace the space with "-" 'in all occurrences....

How to show a confirm message before delete using javascript

Generally When you perform the CRUD operations  on any application . To warn a user when user trying to remove / delete anything from the displayed data from the database. I.e " Are you sure you want to delete this item ? ". When user click on the remove link it will pop up the confirm message . Here user press on the ok key then that item...

Character count remaining on textarea in bootstrap

Hi ! Today i am going to explain how to limit the character count in the text area and showing the remaining characters using JQuery and Bootstrap. This functionality is need when a user allows to enter the bio data, commenting on a particular post and entering a description about the product or any thing in this way we need to allow the specific...

How to integrate the Jquery Datetimepicker in HTML

Generally we integrate the datepicker in jquery. it gets only the date but if you want to place the time along with the date use the datetimepicker instead of datepicker. In jquery has only the datepicker . you need the datetimepicker then you must load the timepicker addon. You need to load these CSS files http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/smoothness/jquery-ui.css https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.4.5/jquery-ui-timepicker-addon.css And...

How to disable the right click, copy text and view source in a website

If you want to secure your website with JavaScript no right click ,no copy text , block the view source in the browser (CTRL + U). You are worked hardly to place the content in the your site. But some one easily stolen the content just copying from your website or from the view source and some experts may use right  click in your site and stolen...

How to disabled the right click on webpage by using jquery

If you want to disabled the right click on entire website or particular div.First you need to load the Jquery file Disable the right click on entire web page <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script type="text/javascript"> $(function () { $(document).bind('contextmenu',...

How to auto load the page in div every 5 seconds

Now a days we are seen many websites are fetch the data without page refresh. If you want to load the page auto  in div by using jquery. It is possible by using the setInterval() here you can mention the auto load page and time. Then you are defined the page will load the certain amount of time as you set in the function. This page content will...

How to block the particular weekdays in the jquery datepicker

Generally Datepicker allows to click the all weekdays do you want to block any weekdays for example : a company has holidays on saturday and sunday. We can appointment with the company except these holidays. In this case we want to block the saturdays and sundays in the datepicker We already know about how to integrate the jquery datepicker. Datepicker...

How to integrate the jquery datepicker

The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value. To integrate the jquery datepicker we need...