Response title
This is preview!
Move this topic
Dialog freezing Firefox/Chrome in Windows when it has to display lots of information
in Using jQuery UI
•
8 years ago
I need to display a JQuery UI dialog with a lot of data previously loaded within the dialog parent element. The problem is that this information will likely have lots of lines of jobs that have to be billed, grouped by worker in an accordion, to have it all tidy and without a huge scroll. See the image attached.
Everything works fine in Chrome/FF on Linux, but fails in Windows. The script freezes when the dialog has to be opened with all that info already loaded.
Everything works fine in Chrome/FF on Linux, but fails in Windows. The script freezes when the dialog has to be opened with all that info already loaded.
What could I do to fix this?
Attachments
1
Replies(5)
Share a link to the misbehaving page. I assume you mean IE, not Chrome/FF on windows.
JΛ̊KE
Leave a comment on jakecigar's reply
Hi Jake, I'm afraid can't do that. It's not a public website. It's a web app (an ERP) with only access to company users. Is there anything you could suggest either way?
It's not working in FF/Chrome Windows versions, They do work perfectly in FF/Chrome Linux. The error seems to be triggered when the dialog is to be opened, as checked with Firebug. It's even triggered if I deactivate the code that creates the accordion just after the dialog opening (the accordion is also used with JQuery UI).
It's not a logical nor a syntax error. Seems just like a script timeout. Firefox displays an alert to either keep on running the script or stop it. Chrome just displays the frozen monitor icon.
There must be something to do to handle a big amount of data within a jQuery UI dialog, don't you think?
Leave a comment on Luis Martín's reply
I can’t help you without a complete demo of the problem. I’ve seen full page very complex dialogs.
Make a demo of the problem on an Internet accessible server.
JΛ̊KE
Leave a comment on jakecigar's reply
Ok this is a simplified excerpt of the generated HTML which must be displayed within the dialog:
- <div name="resumen_autofacturas" id="resumen_autofacturas">
- <form name="autofacturacion" id="autofacturacion" action="facturacion_operarios_cascada.php" method="post" style="" target="previo_xls">
- <!-- MAIN HEADER WITH THE CHECKBOX FOR ALL/NONE -->
- <ul class="fila-operario-cabecera cabecera5">
- <li class="cliente">Operario / Proveedor</li>
- <li class="codigo">NIF</li>
- <li class="total">TOTAL € </li>
- <li class="total">TOTAL IVA € </li>
- <li><input type="checkbox" name="operarios-check" class="operarios-check" value="1" checked=""></li>
- </ul>
- <div>
- <!-- WORKER 1 -->
- <!-- HEADER FOR WORKER 1 WITH CHECKBOX FOR ALL/NONE FOR THIS WORKER ONLY. -->
- <span class="titular operario">
- <ul class="fila-operario">
- <li class="cliente">ELECTRAJEREZ SL</li>
- <li class="codigo">B11895901 </li>
- <li class="importe total"><span data-importe="6817.97" data-importefijo="6817.97">6.817,97</span> € </li>
- <li class="iva total"><span data-importe="8249.74" data-importefijo="8249.74">8.249,74</span> € </li>
- <li><input type="checkbox" name="operarios[]" class="operario-check" value="641" checked=""></li>
- </ul>
- </span>
- <div class="trabajos-operario" data-idoperario="641">
- <ul class="cabecera-resumen">
- <li class="cliente">Nombre</li>
- <li class="codigo">Expediente</li>
- <li class="total">Total</li>
- <li class="total">Total + IVA</li>
- <li class="fecha">Fecha ini.</li>
- <li class="fecha">Fecha fin</li>
- <li class="check"></li>
- </ul>
- <ul class="fila-servicio" data-idservicio="90705">
- <li class="cliente">AXA SEGUROS E INVERSIONES</li>
- <li class="codigo"><a href="#" onclick="Vernoticias('trabajos.php?servicio=90705','scrollbars=yes,resizable=no,width=1000,height=600');return false">AXA9980909972(SAR)</a></li>
- <li class="importe total"><span data-importe="165">165,00</span> €</li>
- <li class="iva total"><span data-importe="199.65">199,65</span> €</li>
- <li class="fecha">2014-03-10</li>
- <li class="fecha">2014-04-10</li>
- <li class="check"><input type="checkbox" name="expedientes[]" class="expediente-check" value="641_90705" checked=""></li>
- </ul>
- <ul class="fila-servicio" data-idservicio="93549">
- <li class="cliente">CED PERICIAL SAU</li>
- <li class="codigo"><a href="#" onclick="Vernoticias('trabajos.php?servicio=93549','scrollbars=yes,resizable=no,width=1000,height=600');return false">CED114041255(ANA)</a></li>
- <li class="importe total"><span data-importe="0">0,00</span> €</li>
- <li class="iva total"><span data-importe="0">0,00</span> €</li>
- <li class="fecha">2014-04-21</li>
- <li class="fecha">2014-05-15</li>
- <li class="check"><input type="checkbox" name="expedientes[]" class="expediente-check" value="641_93549" checked=""></li>
- </ul>
- <!-- LOTS OF UL'S MORE IN THIS LEVEL -->
- </div>
- <!-- WORKER 2 -->
- <!-- HEADER FOR WORKER 2 WITH CHECKBOX FOR ALL/NONE FOR THIS WORKER ONLY. -->
- <span class="titular operario">
- <ul class="fila-operario">
- <li class="cliente">Enrique Alvarez Lopez</li>
- <li class="codigo">09700742D </li>
- <li class="importe total"><span data-importe="211" data-importefijo="211">211,00</span> € </li>
- <li class="iva total"><span data-importe="255.31" data-importefijo="255.31">255,31</span> € </li>
- <li><input type="checkbox" name="operarios[]" class="operario-check" value="295" checked=""></li>
- </ul>
- </span>
- <div class="trabajos-operario" data-idoperario="295">
- <ul class="cabecera-resumen">
- <li class="cliente">Nombre</li>
- <li class="codigo">Expediente</li>
- <li class="total">Total</li>
- <li class="total">Total + IVA</li>
- <li class="fecha">Fecha ini.</li>
- <li class="fecha">Fecha fin</li>
- <li class="check"></li>
- </ul>
- <ul class="fila-servicio" data-idservicio="96564">
- <li class="cliente">IPAS CONTADO</li>
- <li class="codigo"><a href="#" onclick="Vernoticias('trabajos.php?servicio=96564','scrollbars=yes,resizable=no,width=1000,height=600');return false">IPC14240540(VAI)</a></li>
- <li class="importe total"><span data-importe="-35">-35,00</span> €</li>
- <li class="iva total"><span data-importe="-42.35">-42,35</span> €</li>
- <li class="fecha">2014-06-04</li>
- <li class="fecha">2014-06-04</li>
- <li class="check"><input type="checkbox" name="expedientes[]" class="expediente-check" value="295_96564" checked=""></li>
- </ul><ul class="fila-servicio" data-idservicio="94848">
- <li class="cliente">LAGUN ARO SA</li>
- <li class="codigo"><a href="#" onclick="Vernoticias('trabajos.php?servicio=94848','scrollbars=yes,resizable=no,width=1000,height=600');return false">LARasistencia855125102(ANA)</a></li>
- <li class="importe total"><span data-importe="-14">-14,00</span> €</li>
- <li class="iva total"><span data-importe="-16.94">-16,94</span> €</li>
- <li class="fecha">2014-05-09</li>
- <li class="fecha">2014-06-04</li>
- <li class="check"><input type="checkbox" name="expedientes[]" class="expediente-check" value="295_94848" checked=""></li>
- </ul>
- <!-- LOTS OF UL'S MORE IN THIS LEVEL -->
- </div>
- <!-- MANY MORE WORKERS TO DISPLAY..... -->
- <ul class="fila-operario-cabecera cabecera5">
- <li class="codigo">TOTAL: <span class="importe_total" data-importe="139223.6">139,223.60</span> €</li>
- <li class="codigo">TOTAL CON IVA: <span class="importe_total_iva" data-importe="168460.55">168,460.55</span> €</li>
- <li></li>
- </ul>
- </form>
- </div>
I can’t eyeball what might be going wrong.Make a demo of the problem on an Internet accessible server.
JΛ̊KE
Leave a comment on Luis Martín's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to Luis Martín's question