Forum:

jQuery datepicker JSP question

Greenhorn

Posts: 4

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi I am currently trying to add a datepicker to my website using a Tomcat/Hibernate/jsp environment.
The problem is that I can't seem to be able to load the datepicker function. When I create an empty jsp to try it out it works. Like so:

But when I try to implement it on my webpage it won't work. It currently uses a Servlet to load some information for <select> option boxes. Here is some of the code for this jsp:

<!DOCTYPE html>

<%@page import="enums.PageJSP"%>
<%@page import="java.sql.*" %>
<%@page import="java.io.*" %> 
<%@page import="model.socio.Socio" %>
<%@page import="model.socio.Sexo" %>
<%@page import="java.util.List"%>
<%@page import="model.prestamo.Cuotas"%>

<head>
	<title>Agregar Préstamo</title>
	
	<%@include file="/jsp/includeFiles/head.jsp" %>
	
	<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css"/>
  	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

</form>

<%@include file="/jsp/includeFiles/mainNavigationBar.jsp" %>

<form name="agregarPrestamo" action="../servlet/PrestamoManager" method="POST">
<input type="hidden" name="action" value="AGREGARPRESTAMO" />
<fieldset>
<legend>Ingrese los datos del préstamo</legend>
	<table border="1">
	<tbody>
	
<tr>
<td col span="2">Socio</td>
<td>
<select id="verSocios" name="numeroSocio">
<%List<Socio> socios = (List<Socio>) request.getAttribute("socios"); 
for (int i = 0; i< socios.size(); i++){
	long id = socios.get(i).getId();
	String apellido = socios.get(i).getApellido();
	String nombre = socios.get(i).getNombre();
	String documento = socios.get(i).getNumeroDocumento();
	String domLaboral = socios.get(i).getLugarTrabajo();
%>
	<option value="<%=id%>"><%=id+", "+nombre+" "+apellido+", "+documento+", "+domLaboral %> </option>
<%}; %>
</select>
</td>
</tr>
	
	
<tr>
<td>Monto bruto del crédito:</td>
<td><input type="text" name="montoBrutoCredito" placeholder="Ingrese el monto bruto" ></td>
</tr>

<tr>
<td>Comisión por otorgamiento:</td>
<td><input type="text" name="comOtorg" placeholder="Ingrese comisión otorgamiento" ></td>
</tr>

<tr>
<td>Fecha de cobro inicial:</td>
<td>
Día<input type="number" name="dayInicial" min="1" max="31" step="1" value="1" ><br>
Mes<input type="number" name="monthInicial" min="1" max="12" step="1" value="1"><br>
Año<input type="number" name="yearInicial" min="1900" step="1" value="2011">
</td>  
</tr>

<tr>
<td>Cantidad de cuotas:</td>
<td><select name = "cantidadCuotas">
	<option value="<%=Cuotas.SEIS%>" selected="selected"><%=Cuotas.SEIS%></option>
	<option value="<%=Cuotas.NUEVE%>"><%=Cuotas.NUEVE%></option>
	<option value="<%=Cuotas.DOCE%>"><%=Cuotas.DOCE%></option>
	<option value="<%=Cuotas.QUINCE%>"><%=Cuotas.QUINCE%></option>
	<option value="<%=Cuotas.DIECIOCHO%>"><%=Cuotas.DIECIOCHO%></option>
	<option value="<%=Cuotas.VEINTICUATRO%>"><%=Cuotas.VEINTICUATRO%></option>
	</select>
</td>
</tr>

<tr>
<td>Comisión por administración:</td>
<td><input type="number" min="0"
       max="100"
       step="1"
       value="1"
       name="comisAdmin"></td>
</tr>

</tbody>
</table>
</fieldset>
</form>

</div> 
    
   	<%@include file="/jsp/includeFiles/footer.jsp" %>
      <div class="clear"></div>
  </div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
    <script src="/js/script.js"></script>

</body>
  </html>

Any reason why this wouldn't work? I'm guessing it might be a problem with Tomcat but I'm not sure. Any help would be greatly appreciated.

Thanks,
Nick

Bear Bibeault

Sheriff

Posts: 67750

173

I like...

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Welcome to the Ranch.

As jQuery is entirely a client-side technology, the issue must be with the HTML that is being sent to the browser. Therefore, the JSP source is not very useful. Rather, please inspect the rendered HTML as it is sent to the browser to see what might be awry.

Also, just saying "it doesn't work" isn't very helpful. What did happen?

[Asking smart questions] [About Bear] [Books by Bear]

HTML 5 (verified skill)
Skill verified by Jeanne Boyarsky

CSS 3 (verified skill)
Skill verified by Jeanne Boyarsky

JavaScript (verified skill)
Skill verified by Jeanne Boyarsky

Nicolas Constanzo

Greenhorn

Posts: 4

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Sorry for the lack of information on my initial post. It's the first time I post a question on a forum

What I expect to happen is that I want the jQuery datepicker calendar to show up when I click on the input field but when I load the webpage from Safari, locally, using localhost:8080, if I click on the input field the calendar doesn't pop up, it just shows as a blank input field.
What should I be looking for in the rendered HTML to find out what is not working?

Thanks,
Nick

Bear Bibeault

Sheriff

Posts: 67750

173

I like...

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I cannot say. Nothing jumps out at me by looking at the JSP source -- frequently page-relative addressing of the script files is a culprit, but not in this case as you are using absolute urls to the google CDN.

Initially, grab the HTML and inspect it for correctness and make sure that what you think should be there is there.

If all looks well, then it is time to start further debugging. For example, making sure that the ready handler is firing as expected. You might have to end up cutting away chunks until you can find what's causing things to boof up.

[Asking smart questions] [About Bear] [Books by Bear]

Nicolas Constanzo

Greenhorn

Posts: 4

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Well I did what you said and created a temp.jsp and slowly added the pieces of my html code. Turns out I was already loading a different version of jquery at the bottom of the page, so it was trying to load it twice!

and at the end of the page:

Couldn't believe I missed that.

Thanks so much for your help.
Nick

Bear Bibeault

Sheriff

Posts: 67750

173

I like...

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

[Asking smart questions] [About Bear] [Books by Bear]

Don't get me started about those stupid light bulbs.