|
|
Rank: Newbie
Groups: Member
Joined: 1/23/2008
Posts: 4
|
I am testing the AjaxUploader component and it works fine on IE7 and Firefox 2. However, on IE6, the Browse... button generated by the component is not clickable. When I mouse over the button I see that the mouse pointer turns into the text selector icon. This means that anyone using IE6 can't upload any files. Has anyone else faced this issue before? If so what is the solution?
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,217
|
Hi,
That might has to do with some CSS settings in your page, try to temporarily remove them and see if that fixes the issue. Can you try to load our sample project and see if the same occurs? Also make sure the width of your uploader is not too small.
If none of those solve the problem for you, please post your test page and we will take a look.
Thanks
|
|
Rank: Newbie
Groups: Member
Joined: 1/23/2008
Posts: 4
|
Here is the aspx page: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Horror Film Festival Video Submission</title>
<link type="text/css" rel="Stylesheet" href="css/Styles.css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<table cellpadding="4px" cellspacing="0px" border="0px" width="280px">
<tr>
<td class="cell" colspan="2">
Please select a video file and click the upload button to upload it. If you find your video is taking too long to upload, try submitting a compressed or lower resolution version.
</td>
</tr>
<eo:AJAXUploader
ID="AJAXUploader1"
runat="server"
Width="280px"
TempFileLocation="F:\htdocs\horrorfilmfestival\temp"
ClientSideOnError="AJAXUploader1_OnClientError"
AutoPostBack="true"
OnFileUploaded="FileUpload_FileCopy"
MaxFileCount="1"
>
<TextBoxStyle CssText="border: 0px; background-color: #404d53;" />
<LayoutTemplate>
<tr>
<td class="container" colspan="2">
<asp:PlaceHolder ID="InputPlaceHolder" runat="server">Input Box Place Holder</asp:PlaceHolder>
</td>
</tr>
<tr>
<td class="left_cell"> </td>
<td class="right_cell">
<asp:Button ID="UploadButton" runat="server" Text="Upload File" />
</td>
</tr>
<tr>
<td colspan="2" class="container" style="text-align: center;">
<span class="white_text">Progress Bar</span>
<br />
<eo:ProgressBar ID="ProgressBar" runat="server" ControlSkinID="Windows_XP" Height="14px"
Width="250px" RightToLeft="True">
</eo:ProgressBar>
</td>
</tr>
</LayoutTemplate>
</eo:AJAXUploader>
<tr>
<td class="cell" colspan="2">
Trouble uploading? <a href="mailto: chriss@ugo; jordan@ugo.com">Contact us</a>.
</td>
</tr>
</table>
</div>
</form>
</body>
</html>Here is the CSS: *
{
margin: 0px;
padding: 0px;
}
body
{
background-color: #000000;
}
td.left_cell
{
width: 140px;
color: #bdcfcf;
font-family: Arial, Verdana, Sans-Serif;
font-size: 11px;
text-align: right;
vertical-align: top;
padding: 2px;
}
td.right_cell
{
width: 160px;
color: #bdcfcf;
font-family: Arial, Verdana, Sans-Serif;
font-size: 11px;
text-align: left;
padding: 2px;
}
td.left_cell_2
{
width: 25px;
color: #ffffff;
font-family: Arial, Verdana, Sans-Serif;
font-size: 11px;
text-align: left;
vertical-align: top;
padding: 2px 2px 10px 2px;
}
td.right_cell_2
{
width: 275px;
color: #ffffff;
font-family: Arial, Verdana, Sans-Serif;
font-size: 10px;
text-align: left;
padding: 2px 2px 10px 2px;
}
td.right_cell_2 a:link
{
color: #bdd0d7;
}
td.right_cell_2 a:active
{
color: #bdd0d7;
}
td.right_cell_2 a:visited
{
color: #bdd0d7;
}
td.right_cell_2 a:hover
{
color: #bdd0d7;
}
td.cell
{
color: #ffffff;
font-family: Arial, Verdana, Sans-Serif;
font-size: 10px;
text-align: left;
vertical-align: top;
padding: 8px 2px 8px 2px;
}
td.cell a:link
{
color: #bdd0d6;
}
td.cell a:active
{
color: #bdd0d6;
}
td.cell a:visited
{
color: #bdd0d6;
}
td.cell a:hover
{
color: #bdd0d6;
}
td.container
{
padding: 25px 0px 0px 0px;
}
td.required
{
width: 180px;
color: #ff0000;
font-family: Arial, Verdana, Sans-Serif;
font-size: 11px;
text-align: left;
padding: 2px;
}
input.text100
{
width: 100px;
background-color: #404d53;
color: #ffffff;
font-family: Arial, Verdana, Sans-Serif;
border: 0px;
}
input.text150
{
width: 150px;
background-color: #404d53;
color: #ffffff;
font-family: Arial, Verdana, Sans-Serif;
border: 0px;
}
select
{
background-color: #404d53;
color: #ffffff;
font-family: Arial, Verdana, Sans-Serif;
font-size: 11px;
border: 0px;
}
textarea
{
background-color: #404d53;
color: #ffffff;
font-family: Arial, Verdana, Sans-Serif;
width: 150px;
height: 65px;
border: 0px;
}
.button_submit
{
background-image: url(../images/button_submit.jpg);
}
.center
{
text-align: center;
}
.white_text
{
color: #ffffff;
font-family: Arial, Verdana, Sans-Serif;
font-size: 11px;
}I removed the CSS by commenting out the link tag, but that didn't work. At least the mouse pointer remains the same when you mouse over the Browse... button, but it's still not clickable.
|
|
Rank: Newbie
Groups: Member
Joined: 1/23/2008
Posts: 4
|
Also the page is being shown within an iframe. It works fine outside of the iframe but not when its in the iframe.
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,217
|
Hi,
We tried your code at here with and without the style and both works fine. So we are not sure what it can be. I would recommend to try with a simple page with nothing else but the uploader in it and see if that works. If that works, you can then try to compare step by step to find out the offending part.
Thanks
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,217
|
eouser1234 wrote:Also the page is being shown within an iframe. It works fine outside of the iframe but not when its in the iframe. No wonder it works fine at here. :) We will see what we can find ---- you may just have to move it out of iframe though.
|
|
Rank: Newbie
Groups: Member
Joined: 1/23/2008
Posts: 4
|
OK, it seems that IE6 has a security model that doesn't allow certain operations to go across domains. This applies to iframes with content hosted on a different host. The only workaround I could find was the following:
1. In the "Tools" menu in IE6, click on "Internet Options."
2. Go to the "Security" tab and click the "Custom Level" button.
3. Scroll down the menu to "Navigate sub-frames across different domains" and select "Enable."
4. Click "OK," and if prompted, click "Yes" in the box that asks "Are you sure?"
This doesn't make the control user friendly but it does allow them to upload their files by bypassing the cross-domain restrictions imposed by IE6. IN any case, if you guys do find a solution to this problem please let us know. Thanks for your help. ;-)
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,217
|
Ah. It's very normal to run into problems when dealing with cross frames. :) Thanks for the update though!
|
|