File uploading in xhtml pages.

Sreekanth

File uploading in xhtml pages.


Using Sahi Pro 6.3
OS: Windows10
browser: chrome

How to upload files to a page in which sub elements of main div only gets created when the files are actually uploaded.

HTML code before uploading file.

<div class="ui-fileupload-content ui-widget-content ui-corner-bottom"><div class="ui-messages ui-widget ui-helper-hidden ui-fileupload-messages"><div class="ui-messages-error ui-corner-all"><a class="ui-messages-close" href="#"><span class="ui-icon ui-icon-close"></span></a><span class="ui-messages-error-icon"></span><ul></ul></div></div><div class="ui-fileupload-files"><div></div></div></div>

HTML code after uploading file.

<div class="ui-fileupload-content ui-widget-content ui-corner-bottom"><div class="ui-messages ui-widget ui-helper-hidden ui-fileupload-messages" style="display: none;"><div class="ui-messages-error ui-corner-all"><a class="ui-messages-close" href="#"><span class="ui-icon ui-icon-close"></span></a><span class="ui-messages-error-icon"></span><ul></ul></div></div><div class="ui-fileupload-files"><div><div class="ui-fileupload-row"><div class="ui-fileupload-preview"></div><div>uploaded_xml_file_name.XML</div><div>2.8 KB</div><div class="ui-fileupload-progress"><div class="ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="ui-progressbar-value ui-widget-header ui-corner-left" style="display: none; width: 0%;"></div></div></div><div><button class="ui-fileupload-cancel ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only"><span class="ui-button-icon-left ui-icon ui-icon ui-icon-close"></span><span class="ui-button-text">ui-button</span></button></div></div></div></div></div>

Regards,
Sreekanth.