tengo 2 problemas...
Primero: (no me interesa mucho si se resuelve o no)... al escribir directamente en el textbox (id=pathbox) y luego sacar el foco de él (se activa el onblur) no me cambia el contenido del input file (id=file). Esto no me importa si se resuelve, pues puedo simplemente ponerle un readonly y evitar que el usuario lo modifique a mano...
Segundo: no me funciona en internet explorer T.T, lo de que luego del click en el boton de buscar me apareza el contenido del input file dentro del textbox
Gracias de antemano... espero que a alguien le sirva el código, pues los que he visto similares funcionan para internet explorer, pero no para firefox... no quiero duplicar la cantidad de código para casos específicos, aunque si no tengo solución para esto tendré que hacerlo.
El código:
Código:
<html>
<head>
<style>
.tunedtextbox{
border:0;
background-color:transparent;
background-image:url('http://img85.imageshack.us/img85/7228/boxbkgrhn4.gif');
background-repeat:no-repeat;
color:white;
}
.pathfield{
position:absolute;
top:0px;
left:0px;
width:153px;
height:30px;
}
.filetextbox{
position:absolute;
top:5px;
left:5px;
}
.filefield{
position:absolute;
top:5px;
left:5px;
width:243px;
height:20px;
}
.searchbutton{
position:absolute;
top:0px;
left:148px;
}
.fileinput{
position:absolute;
top:0px;
left:0px;
-moz-opacity:0;
filter:alpha(opacity: 0);
}
#fileform1{
position:absolute;
top:50px;
left:100px;
}
</style>
<script type='text/javascript'>
HTMLElement.prototype.copyvalueto = function(target){
document.getElementById(target).value=this.value;
}
</script>
</head>
<body>
<form>
<div class="atorigin allsize" id="fileform1">
<div class="filefield">
<img class="searchbutton" src="http://img158.imageshack.us/img158/7820/fakebuscarzo3.jpg"/>
<div class="fileinput">
<input type="file" id="file" name="file" onclick="this.copyvalueto('pathbox')"/>
</div>
</div>
<div class="pathfield">
<input class="tunedtextbox filetextbox" id="pathbox" name="pathbox" type="text" onchange="this.copyvalueto('file')"/>
</div>
</div>
</form>
<font style="color:red;" onClick="alert(document.getElementById('fileu').value);">Haz click aquí para ver el contenido del File Input!!</font>
</body>
</html>
