I have implemented something like this in my own app, but can't post
the GWT code.
However, here is the HTML sketch I reproduced in GWT with widgets:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html>
<head>
<style type="text/css">
<!--
.uploadContainer {
bottom: 0px;
overflow: hidden;
position: absolute;
right: 0px;
top: 0px;
left: 0px;
}
.upload {
filter:alpha(opacity: 0);
opacity: 0;
z-index: 1;
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
cursor: pointer;
cursor: hand;
}
-->
</style>
</head>
<body>
<form>
<table cellpadding="0" cellspacing="0">
<tr>
<td align="right">
<div style="position:relative">
<button class="uploadButton" type="button"
id="uploadButton">ABCDE</button>
<div class="uploadContainer">
<input type="file" class="upload"
onchange="getElementById('selectedFile').innerHTML = this.value"/>
</div>
</div>
</td>
<td id="selectedFile"></td>
</tr>
</table>
</form>
</body>
</html>
On 3 mar, 13:08, Mathieu <[email protected]> wrote:
> thanks for your answer
>
> I already did this technique but the fact is my browse button has 2
> different styles switched when the mouse is over it. So with this
> technique, the over mouseevent can't be use with the browse button
> which is under the fileupload widget even if it's invisible :/
>
> Maybe someone will have an idea to figure it out with this solution or
> another, but anyway, thanks for your time, I appreciate.
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
