here is my jsp page <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1" import="com.cluster.to.RegistrationTO"%> <jsp:useBean id="USER" class="com.cluster.to.RegistrationTO" scope="request"></jsp:useBean> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta name="keywords" content="css templates, fortune website, CSS, HTML" /> <meta name="description" content="Fortune Template is a free css template from templatemo.com" /> <link rel="stylesheet" type="text/css" href="./css/calender.css"> <script src="/javascripts/jquery.js"></script> <script src="/javascripts/bootstrap.js"></script> <script src="/vendor/twitter/less/bootstrap.less"></script> <link href="../css/bookevent.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="./js/date1.js"></script> <script type="text/javascript" src="./js/dateUi.js"></script> <script language="JavaScript"> var i = 0; var path = new Array(); // LIST OF IMAGES path[0] = "IMG_20150718_154518264.jpg"; path[1] = "IMG_20150915_101437.JPG"; path[2] = "IMG_20150915_101437.JPG"; function swapImage() { document.slide.src = path[i]; if(i < path.length - 1) i++; else i = 0; setTimeout("swapImage()",3000); } window.onload=swapImage; </script> </head> <body> <!-- -- <script type="text/javascript"> var imgs = [ 'images/IMG_20150718_154518264.jpg', 'images/IMG_20150915_101437.JPG', 'images/IMG_20160122_181821.jpg', 'images/IMG_20160122_194403.jpg', 'images/IMG_20160202_163034.jpg']; var cnt = imgs.length; $(function () { setInterval(Slider, 3000); var $imageSlide = $('img[id$=imageSlide]'); // set the image control to the last image $imageSlide.attr('src', imgs[cnt - 1]); }); function Slider() { $('#imageSlide').fadeOut("slow", function () { $(this).attr('src', imgs[(imgs.length++) % cnt]).fadeIn("slow"); }); } </script> <!-- --> <div> <img id="imageSlide" alt="" src="" /> </div> <script> function validateForm() { var listBoxSelection=document.forms.regForm.Event Type.value; if(listBoxSelection==0) { alert("Please select Event type"); return false; } var listBoxSelection=document.forms.regForm.Event place.value; if(listBoxSelection==0) { alert("Please select Event place"); return false; } } </script> <script> $(function() { $('.date-pick').datePicker().val(new Date().asString()).trigger('change'); //$('.date-pick').dpSetEndDate('01/01/2010'); }); </script> <style type="text/css"> .ui-datepicker { background: linear-gradient(#1b597d, #113c59,#0e293f,#0a1b2a,#08141f,#0c2031,#102c42,#11354e,#11334c); border: 1px solid #555; color: white; } </style> <div id="templatemo_header_wrapper"> <div id="templatemo_header_panel"> <div id="templatemo_header"> EVENT MANAGEMENT SYSTEM </div> <div id="templatemo_tagline"> </div> </div> </div> <div align="center"> <h1>BOOK AN EVENT</h1> <br></br> <div id="templatemo_menu_wrapper"> <div id="templatemo_menu_panel"> <ul> <li><a href="../html/index.html" target="_parent">Home</a></li> <li><a href="#" target="_parent">Book an Event</a></li> <li><a href="../jsp/bookingstatus.jsp">Booking Status</a></li> <li><a href="../jsp/feedback.jsp">Feedback</a></li> <li><a href="../jsp/viewvenue.jsp">View Venues</a></li> <li><a href="../jsp/logout.jsp">Logout</a></li> & | 0 |