Доброго времени суток! Проблема с запуском input:file, есть html-код:
|
Код:
|
input.browsetext
{
background: transparent;
height: 17px;
width: 190px;
font-family:'PT_Sans_Caption';
font-size:12px;
text-align:left;
border: none;
color:#28587b;
padding-left:3px;
padding-right:6px;
}
.faketext {
position: absolute;
top: 0px;
left: 20px;
z-index: 5;
background-repeat:no-repeat;
height:22px;
background-image:url(../images/edit/Edit205.png);
margin-top:2px;
width:205px;
}
div.fileinputs {
position: relative;
left:0;
}
div.fakebtn {
float:left;
position: absolute;
top: 0px;
left: 230px;
z-index: 3;
}
input.fakefile {
position: absolute;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 1;
width:260px;
height:29px;
} |
<div class="fileinputs">
<input type="file" class="fakefile">
<div class="faketext">
<input type="text" class="browsetext" readonly="">
</div>
<div class="fakebtn">
<img src="images/ButtonBrowse_03.png" alt="" border='0' />
</div>
</div>
$(".fakebtn img").click(function()
{
//alert($(this).parent().parent().find(".fakefile").attr("class"));
$(this).parent().parent().find("input:file.fakefile").click();
//$("#ttt").click();
});
$(".fakebtn img").mouseover(function()
{
// alert($(this).parent().parent(".faketext input").attr("class"));
$(this).css("cursor","pointer");
});
$(".fileinputs input:file").change(function ()
{
$(this).parent().find(".faketext input:text").val($(this).val());
});
здесь нестандартное оформление input:file, суть в том что я нажимаю на img и должно открыться окно проводника, потом value подставляется в input:text. Код работает, но только в Хроме, в остальных браузерах событие не обрабатывается должным образом.
Имеется ли альтернативный способ вызова проводника??? Подскажите кто сталкивался
