Smart Learning Tutorials

How to change the selected value of a ‘select’ element using JavaScript? To change the selected value of a element

Open Modal from Select – How to call modal popup on select option or open when select dropdown menu. Open

Redirect to new page on button on click in JavaScript. Make an HTML button redirect me to another page. Just

In this tutorial we learn how can we convert a ul and li to select and options and keep the

Show Div – Hide Div Show and hide Div with Javascript Hide and show in jQuery Demo Hide DIV and

Show and Hide Div Show and hide Div with toggle(); Show/hide div with toggle method

Video 1 Video 2 × Video 1 × Video 2 Learn HTML/CSS from W3 School Website

1 2 3 4

Example 1: Do you have passport? Yes No Do you have driver license? Yes No Enter PAN Details: Example 2:

Examples of megamenu dropdown on click or hover. Resize the browser window to see the responsive LOGO Home Dropdown Menu

JavaScript changes the value of the src (source) attribute of an image on based on click changeImg() function. Based on click we

Simple Bootstrap Date Picker is used for creating a calendar. HTML JavaScript Example Bootstrap Datepicker | bootstrap calendar Current Date:

Learn how to create a Responsive Mega Menu built with Bootstrap 5 (full-width dropdown menu in a navigation bar). Create

jQuery Responsive Scrolling Bootstrap Tabs Step By Step Guide On How To Create Horizontal Scrolling Tabs In HTML, HTML5, Bootstrap version 5.

In this tutorial, we learn that how to create magnify zoom effect on image hover like Ecommerce product website. To

You can use a single load more button on your webpage to paginate the list of records. This type of

Hide header navigation on scroll down and show on scroll up, we see how we can hide the fixed or

How to Show and hide DIV using radio button based on selection with the help of jQuery. On click radio

In this tutorial, we learn that how to add or remove class based on scrolls down and scrolls up, when

To add the class on hover, jQuery addClass() will add a class from a specified elements and remove the class

Simple Responsive Carousel using HTML, JavaScript, jQuery, and CSS. HTML Responsive Video Carousel You can customize this code further as

This tutorial is about how to stop the video in a bootstrap modal from playing in the background after you

In this tutorial, learn how to play multiple videos in a single bootstrap modal popup instead of creating multiple modal

Responsive Table that can be fit in any devices. With these simple lines of HTML code, all tables look good

Using the click() method and text() method change the text or replace the text of button or a link. When

Show a div when scroll down after some height from the top of the page. On mouse scroll down show

Examples of Bootstrap Accordion with Open/Close Arrows using HTML, JavaScript, jQuery, and CSS. Bootstrap nested accordion with Font-Awesome icons. Animate

If you have a button, and click on it once, it would like it to play audio. And when audio

If you want to show or hide additional form fields in the form by selecting from dropdown list. jQuery show

Redirect a web page to another page using JavaScript Redirect Method. In JavaScript, window.location method used to get information about

Using the match media jQuery function, change the object behavior according device resolutions. Match media jQuery find the targeted resolution

Learn how to create toggle class in JavaScript. toggleClass(); events toggles between adding and removing class names from the selected

In this tutorial learn how to show and hide div using JavaScript. Use the toggle() jQuery method to show or

Play YouTube video or local video in Bootstrap Modal Popup. Create a bootstrap modal popup to play a YouTube video