Necesito cambiar el tamaño del gráfico en cada fila: izquierda (start_cell) - aumento/disminución de la fecha de inicio, derecha (end_cell) - aumento/disminución de la fecha de finalización.

Cada celda indica cada mes. Para cada fila, la celda de inicio del trazado del gráfico (también la celda final) puede variar según la fecha de inicio y la fecha de finalización del producto.

Aquí, puedo cambiar el tamaño del gráfico a la izquierda para la celda de inicio correctamente y para la celda final a la derecha. Pero no puedo cambiar el tamaño del gráfico a la siguiente celda derecha para la celda inicial, y para la celda final no puede moverse a la celda izquierda. Hasta el borde de la celda (solo días dentro del mismo mes) el intervalo de cambio de tamaño se está moviendo.

 <div id="chart_row_<%=id%>" class="chart_outer"> <%@date_hash.each do |date,mth_yr|%> <%cell_type,cell_width,background_class,left_margin,gantt_color = find_type_width_and_background_color(dates_between_array,mth_yr,h_dates,entity,@review_type)%> <div style="position:relative;"> <%case(cell_type)%> <%when "start_cell"%> <span class="<%=background_class%> <%=cell_type%>" style="width:<%=cell_width%>%;margin-left:<%=left_margin%>%;background: <%=chart_color%>;font-size:10px;"> </span> <%when "end_cell"%> <span class="<%=background_class%> <%=cell_type%>" style="width:<%=cell_width%>%;background: <%=chart_color%>;" </span> <%when "normal_cell"%> <%if (background_class == "bar_chart_color_class")%> <span class="<%=background_class%> <%=cell_type%> cell_style_map_bar_char" style="background: <%=chart_color%>;"></span> <%else%> <span class="<%=cell_type%> cell_style_chart" style="background: <%=chart_color%>"></span> <%end%> <%end%> </div> <%end%> </div> <script> $(function() { $(".start_cell").resizable({ handles: "w", //the edges that are used for resizing start: function(event, ui) { start_pos = getDimensions(event,ui); }, stop: function(event, ui) { submitResizeParams(event,ui); } });

}

Por favor ayuda,

Gracias