Day: September 7, 2019

Simple Jquery UI Accordion Step By StepSimple Jquery UI Accordion Step By Step

Simple Jquery UI Accordion Step By Step HTML CODE <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Untitled Document</title> <script src=”js/jquery-3.3.1.min.js”></script> <script src=”js/jquery-ui.min.js”></script> <link href=”js/jquery-ui.min.css” rel=”stylesheet”> </head> <body> <div class=”sanjay”> <h3>Home</h3> <p> Web design is an essential part of everyone may be in any form as social media, entertainment and downloading things for educational purpose in the […]

Simple Jquery UI Tabs Step By StepSimple Jquery UI Tabs Step By Step

Simple Jquery UI Tabs Step By Step HTML CODE <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Untitled Document</title> <script src=”js/jquery-3.3.1.min.js”></script> <script src=”js/jquery-ui.min.js”></script> <link href=”js/jquery-ui.min.css” rel=”stylesheet”> </head> <body> <div class=”sanjay”> <ul> <li><a href=”#a1″>Home</a></li> <li><a href=”#a2″>About</a></li> <li><a href=”#a3″>Contact</a></li> </ul> <div id=”a1″> a-1Web design is an essential part of everyone may be in any form as social media, entertainment […]

Simple Jquery UI Menu Multilevel Step By StepSimple Jquery UI Menu Multilevel Step By Step

Simple Jquery UI Menu Multilevel Step By Step HTML CODE <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Untitled Document</title> <script src=”js/jquery-3.3.1.min.js”></script> <script src=”js/jquery-ui.min.js”></script> <link href=”js/jquery-ui.min.css” rel=”stylesheet”> <style> .ui-menu{ width:200px; } li{ width:198px; height:50px; border:1px solid black; } </style> </head> <body> <ul class=”sanjay”> <li>home</li> <li>home1 <ul> <li>homea</li> <li>homeb <ul> <li>homea <ul> <li>homea</li> <li>homeb</li> <li>homec</li> <li>homed</li> </ul> </li> […]

Simple Jquery UI Menu Step By StepSimple Jquery UI Menu Step By Step

Simple Jquery UI Menu Step By Step HTML CODE <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Untitled Document</title> <script src=”js/jquery-3.3.1.min.js”></script> <script src=”js/jquery-ui.min.js”></script> <link href=”js/jquery-ui.min.css” rel=”stylesheet”> <style> .ui-menu { width: 200px; } li{ width:198px; height:50px; border:1px solid black; } </style> </head> <body> <ul id=”sanjay”> <li><a href=”#”>Home</a></li> <li><a href=”#”>About</a></li> <li><a href=”#”>Courses</a> <ul> <li><a href=”#”>Core Java</a></li> <li><a href=”#”>J2EE</a></li> <li><a […]

Simple Jquery UI Datepicker With Set Date Step By StepSimple Jquery UI Datepicker With Set Date Step By Step

Simple Jquery UI Datepicker With Set Date Step By Step H HTML CODE <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Untitled Document</title> <script src=”js/jquery-3.3.1.min.js”></script> <script src=”js/jquery-ui.min.js”></script> <link href=”js/jquery-ui.min.css” rel=”stylesheet”> </head> <body> <input type=”text” class=”date”><br> </body> </html> JAVASCRIPT CODE $(“.date”).datepicker(); $( “.date” ).datepicker(“setDate”, “1Y+1M+2W+2”);    

Simple Jquery UI Datepicker Step By StepSimple Jquery UI Datepicker Step By Step

Simple Jquery UI Datepicker Step By Step HTML CODE <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Untitled Document</title> <script src=”js/jquery-3.3.1.min.js”></script> <script src=”js/jquery-ui.min.js”></script> <link href=”js/jquery-ui.min.css” rel=”stylesheet”> </head> <body> <input type=”text” id=”date”><br> </body> </html> JAVASCRIPT CODE $(“#date”).datepicker();