Foros del Web » Programando para Internet » Jquery »

Problemas con jquery ui Resizable

Estas en el tema de Problemas con jquery ui Resizable en el foro de Jquery en Foros del Web. Buenas tardes, tengo un problema con esta libreria, cuando hago mas grande un div, utilizando la opcion grid, para que cresca cada ciertos pixeles, al ...
  #1 (permalink)  
Antiguo 13/07/2012, 12:06
 
Fecha de Ingreso: mayo-2009
Mensajes: 242
Antigüedad: 15 años, 7 meses
Puntos: 2
Pregunta Problemas con jquery ui Resizable

Buenas tardes, tengo un problema con esta libreria, cuando hago mas grande un div, utilizando la opcion grid, para que cresca cada ciertos pixeles, al irlo agrandando el tamaño va disminuyendo por ejemplo:

Tengo una tabla con 5 celdas cada una mide 10 px de ancho y un div en la primer celda el cual quiero extender hasta la ultima celda, la opcion grid de esta libreria la tengo que cresca cada 10 px, pero al llegar a la ultima celda el div no mide los 50 px que debe de medir si no disminuyo su tamaño y no encuentro cual es el problema.

Esta es mi pequeña funcion:

Código:
$("#days-table tbody tr td").on("mousedown", function(event){
								   var celdaInicio = $(this).attr("id");
								   
								   if(!$("#"+celdaInicio+" .newReserva").length){							   
									 var anchoFinal;
									 var anchoTabla = $("#days-table").width();
									 
									 if(anchoTabla == 818){
										var border = 2;   
									 }else if(anchoTabla == 819){
										var border = 3;
									 }
									 
									 var anchoCelda = Math.floor(anchoTabla / totalDias) - border;
									 var gridCelda = anchoCelda + border;
									 
									 $("#"+celdaInicio).append("<div style=\'width:"+anchoCelda+"px\' class=\'newReserva\'><span title=\'Eliminar reservación\' onclick=\'borrarReservacion(\""+celdaInicio+"\")\' class=\'eliminar\'></span><span class=\'resizeDiv\'></span></div>");	 
									 $(".newReserva").resizable
													({
													   grid: gridCelda,
													   minWidth: anchoCelda,
													   maxWidth: anchoTabla,
													   create: function(event, ui){
																 anchoFinal = $(this).width();
																 agregarReserva(anchoFinal,anchoCelda,celdaInicio);
															   },
													   stop: function(event, ui){
															   anchoFinal = $(this).width();
															   agregarReserva(anchoFinal,anchoCelda,celdaInicio);
															 }
													});
								   }
							  });

Espero me puedan ayudar
  #2 (permalink)  
Antiguo 13/07/2012, 15:09
Avatar de fjrueda  
Fecha de Ingreso: marzo-2008
Ubicación: Bucaramanga
Mensajes: 313
Antigüedad: 16 años, 9 meses
Puntos: 35
Respuesta: Problemas con jquery ui Resizable

hummm suena rraro o no lo entiendo bien, pero entonses sugiero que le defina un valor auto a aun "Div" principal fuera de los otros.

Etiquetas: funcion, resizable
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:24.