Hello!
We are having an issue with client's Ajax upload component which is casing the Firefox 5.3.5 to die. There is always rising the popup dialog box with a message "A script on this page may be busy, or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete" and there is not helping to click on Stop or Continue button. We have this issue only with Firefox as all other browsers are working fine.
However we are not able to solve it as it seems that OE Ajax script is doing there something that we can't recognize what is wrong and what FF dislike.
Here is the code that is casing the FF to die:
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="WorksFileUpload.ascx.cs" Inherits="Client.workregistration.ascx.WorksFileUpload" %>
<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>
<script type="text/javascript">
function allowedExt(control, error, message) {
if (error == "extension_not_allowed") {
alert("Pokusili jste se nahrát soubor s nepovolenou příponou!");
}
}
</script>
<asp:Panel ID="pnlAudioUpload" runat="server" CssClass="upload-1" >
<label>Zvukový záznam skladby:</label><img src="../images/ico_help.png" alt="" class="supernote-hover-AudioExtentions" />
<eo:AJAXUploader ID="axUploadAudioBasic" SkinID="basicUpload" runat="server" AutoPostBack="true" OnFileUploaded="ax_FileUploaded"
TempFileLocation="~/UploadedData" AllowedExtension=".mp3|.m4p|.aiff|.wav|.wma" ClientSideOnError="allowedExt" FinalFileList="axPostedFileList_audio" FinalFileLocation="~/UploadedData"
>
</eo:AJAXUploader>
<asp:ListView ID="lvUploadedFiles_audio" runat="server" OnItemCommand="lvUploadedFiles_ItemCommand" OnItemDataBound="lvUploadedFiles_ItemDataBound">
<LayoutTemplate>
<asp:PlaceHolder ID="itemPlaceHolder" runat="server"></asp:PlaceHolder>
</LayoutTemplate>
<ItemTemplate>
<div class="uploaded-files">
<div class="name"><%# Eval("ClientFileName") %><br />Velikost: <asp:Literal ID="ltFileSize" runat="server"></asp:Literal></div>
<div class="delete"><asp:LinkButton ID="btnRemoveFile" runat="server" CommandName="remove" CommandArgument="audio"><strong>smazat</strong></asp:LinkButton></div>
<div class="clear"></div>
</div>
</ItemTemplate>
</asp:ListView>
</asp:Panel>
<asp:Panel ID="pnlNotationUpload" runat="server" CssClass="upload-1" >
<label>Notový záznam skladby:</label><img src="../images/ico_help.png" alt="" class="supernote-hover-NotationExtentions" />
<eo:AJAXUploader ID="axUploadNotationBasic" SkinID="basicUpload" runat="server" AutoPostBack="true" OnFileUploaded="ax_FileUploaded"
TempFileLocation="~/UploadedData" AllowedExtension=".doc|.rtf|.txt|.pdf|.jpg|.jpeg|.odf|.tif|.eps|.docx" ClientSideOnError="allowedExt" FinalFileList="axPostedFileList_notation" FinalFileLocation="~/UploadedData"
>
</eo:AJAXUploader>
<asp:ListView ID="lvUploadedFiles_notation" runat="server" OnItemCommand="lvUploadedFiles_ItemCommand" OnItemDataBound="lvUploadedFiles_ItemDataBound">
<LayoutTemplate>
<asp:PlaceHolder ID="itemPlaceHolder" runat="server"></asp:PlaceHolder>
</LayoutTemplate>
<ItemTemplate>
<div class="uploaded-files">
<div class="name"><%# Eval("ClientFileName") %><br />Velikost: <asp:Literal ID="ltFileSize" runat="server"></asp:Literal></div>
<div class="delete"><asp:LinkButton ID="btnRemoveFile" runat="server" CommandName="remove" CommandArgument="notation"><strong>smazat</strong></asp:LinkButton></div>
<div class="clear"></div>
</div>
</ItemTemplate>
</asp:ListView>
</asp:Panel>
<asp:Panel ID="pnlTextUpload" runat="server" CssClass="upload-1">
<label>Textové soubory skladby:</label><img src="../images/ico_help.png" alt="" class="supernote-hover-TextExtentions" />
<eo:AJAXUploader ID="axUploadTextBasic" AutoUpload="true" SkinID="basicUpload" runat="server" AutoPostBack="true" OnFileUploaded="ax_FileUploaded"
TempFileLocation="~/UploadedData" AllowedExtension=".doc|.rtf|.txt|.pdf|.jpg|.odf|.tif|.eps|.docx" ClientSideOnError="allowedExt" FinalFileList="axPostedFileList_text" FinalFileLocation="~/UploadedData"
>
</eo:AJAXUploader>
<asp:ListView ID="lvUploadedFiles_text" runat="server" OnItemCommand="lvUploadedFiles_ItemCommand" OnItemDataBound="lvUploadedFiles_ItemDataBound">
<LayoutTemplate>
<asp:PlaceHolder ID="itemPlaceHolder" runat="server"></asp:PlaceHolder>
</LayoutTemplate>
<ItemTemplate>
<div class="uploaded-files">
<div class="name"><%# Eval("ClientFileName") %><br />Velikost: <asp:Literal ID="ltFileSize" runat="server"></asp:Literal></div>
<div class="delete"><asp:LinkButton ID="btnRemoveFile" runat="server" CommandName="remove" CommandArgument="text"><strong>smazat</strong></asp:LinkButton></div>
<div class="clear"></div>
</div>
</ItemTemplate>
</asp:ListView>
</asp:Panel>
<eo:AJAXPostedFileList ID="axPostedFileList_audio" runat="server" Visible="true">
</eo:AJAXPostedFileList>
<eo:AJAXPostedFileList ID="axPostedFileList_notation" runat="server" Visible="true">
</eo:AJAXPostedFileList>
<eo:AJAXPostedFileList ID="axPostedFileList_text" runat="server" Visible="true">
</eo:AJAXPostedFileList>
and Ajax layout:
<eo:AJAXUploader runat="server" SkinID="basicUpload" AutoUpload="true"
BrowseButtonText="Procházet" ProgressTextFormat="Přeneseno {transferred} z {total} kB, čas do konce {estimated_remaining_seconds}s">
<LayoutTemplate>
<style type="text/css">
.myupload {
position: relative;
width: 90px;
height: 26px;
overflow: hidden;
background: #00447C; color: #fff; border: 1px black; cursor: pointer;
text-align: center;
}
.myupload input {
font-size: 50px;
left: -60px;
top: -3px;
filter: alpha(opacity=0);
-moz-opacity: 0.0;
-o-opacity: 0.0;
opacity: 0.0;
}
.myupload span
{
position:absolute;
top: 4px;
left: 16px;
}
</style>
<table cellspacing="0" width="100%">
<tr>
<td width="25%">
<div class="myupload">
<span>Prochazet</span>
<%--<input type="button" style="filter: alpha(opacity=1); -moz-opacity: 1.0; -o-opacity: 1.0; opacity: 1.0;" value="Proch" />--%>
<asp:PlaceHolder runat="server" id="InputPlaceHolder">Input Box Place Holder
</asp:PlaceHolder>
</div>
</td>
<td width="40%">
<eo:ProgressBar ID="ProgressBar" runat="server" BorderColor="Black" Width="100%"
BorderStyle="Solid" BorderWidth="1px" ControlSkinID="None" Font-Size="9pt"
Height="24px" IndicatorColor="204, 0, 0" ShowPercentage="True" />
</td width="35%">
<td style="text-align: right;">
<asp:Button runat="server" ID="CancelButton" CssClass="button-red" Height="26px" width="100%" Text="Zrušit" />
</td>
</tr>
</table>
</LayoutTemplate>
</eo:AJAXUploader>