свой input type=file проблема с видом курсора
Сделал свой input file выглядит в виде ссылке при клике на которую открывается диалог выбора файла.
Все хорошо но нужен у ссылки стиль cursor:pointer. Cделать не получается так как input type=file не признает такой стиль об чем везде написано. Ну а ссылке давать стиль бесполезно, все равно курсор не рука. html такой Код:
|
Даааа... На этой кнопке "Обзор" курсор и помирает... :(
|
Сделайте див-обертку, которой задавайте курсор.
|
Но я нашел плагин где курсор не помирает
http://rozhdestvenskiy.ru/projects/c...file/demo.html Никак не могу понять как они этого добились??? |
Цитата:
|
Вот полностью мой код без всякий лишних классов и id
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>site :: </title> <script src="/js/jquery-1.4.3.min.js"></script> <script src="/js/jquery.form.js"></script> </head> <body> <form enctype="multipart/form-data" method="POST" action="/ajax/profile/planeform_foto.php"> <div style="width: 160px; height: 20px; overflow: hidden; z-index: 10000000;"> <a href="#">Загрузить фото</a> <input type="file" style="font-size: 600px; width: 160px; opacity: 0; position: relative; top: -40px; left: 0px" /> </div> </form> </body> </html> Неужели никак не вернуть курсор |
Цитата:
|
Цитата:
|
B@rmaley.e><e, для иллюстрации...
<!DOCTYPE html> <HTML> <HEAD> <TITLE></TITLE> <script> </script> </HEAD> <BODY bgcolor="F8F8FF"> <div style="width: 160px; height: 20px; overflow: hidden; border: 1px solid red;" id="foto_form_div"> <a class="addm" href="#" id="foto_upload_link">Загрузить фото</a> <input type="file" id="foto_upload" name="foto_upload" style="font-size: 30px; width: 160px; opacity: 0; filter:alpha(opacity: 0); position: relative; top: -40px;; left: 0px" /> </div> <div style='position: relative; top: -20px; left: 0; width: 100%; height: 100px; cursor: pointer; border: 1px solid;'></div> </BODY> </HTML> |
Цитата:
Руки то там нет. Но и курсор не такой как у меня, а вполне приемлимый... Как такой сделать??? |
Цитата:
Или ты про что? |
Цитата:
|
pt81,
погорячился... :( |
Цитата:
нет все просто ps: лишняя точка с запятой |
Цитата:
|
Цитата:
|
Цитата:
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE></TITLE>
<style>
.off {
border: 1px solid;
}
.on {
border: 1px solid;
border-right: 3px solid;
border-bottom: 3px solid;
background-color: silver;
}
</style>
<script>
</script>
</HEAD>
<BODY>
<br />
<div class='off' onmouseover='this.className="on"' onmouseout='this.className="off"' style="width: 160px; height: 20px; overflow: hidden;" id="foto_form_div">
<a class="addm" href="#" id="foto_upload_link">Загрузить фото</a>
<input
type="file" id="foto_upload" name="foto_upload"
style="font-size: 30px; width: 160px; opacity: 0; filter:alpha(opacity: 0); position: relative; top: -40px;; left: 0px"
/>
</div>
</BODY>
</HTML>
|
Цитата:
|
Это максимум, все остальное сводится лишь к стилизации кнопки:
<div style="overflow: hidden; position: absolute; width: 70px; height: 26px;">
<div style="overflow: hidden; position: absolute; left: -146px; height: 23px;">
<input type="file" />
</div>
</div>
|
Цитата:
|
Цитата:
Но сделать этот вариант кроссбраузерным не проблема, к тому же можно кнопке картинку назначить |
Цитата:
|
Цитата:
|
monolithed, у тебя там из двух ДИВов закрыт вроде только один...
|
Упс, исправил))
|
Заработало вот что
<div style="overflow:hidden; height:20px; width:160px; position:relative;"> <input type="file" id="fileupload-1" autocomplete="off" style="font-size:60px; position: absolute; left: -650px;top:0px;opacity: 0; filter:alpha(opacity: 0); cursor:pointer;" /> <a class="addm" href="#" id="foto_upload_link">Загрузить фото</a> </div> |
Но при этом в FF последнем не рука а указатель, в других браузерах рука.
Вроде приемлимо. |
А как сделать что бы в файловом диалоге принимались только файлы типа jpg ??
|
Цитата:
|
Цитата:
|
народ я один это вижу? у него курсор не pointer a ointer
|
Где он там ointer?
|
Сделал свой input file выглядит в виде ссылке при клике на которую открывается диалог выбора файла.
Все хорошо но нужен у ссылки стиль cursorointer. Cделать не получается так как input type=file не признает такой стиль об чем везде написано. Ну а ссылке давать стиль бесполезно, все равно курсор не рука. |
была тож проблемма с ff когда во всех была рука а в нём нет. проблема оказалась (писал hand) все кроме ff принимали. поставил pointer и ff принял
|
Цитата:
|
| Часовой пояс GMT +3, время: 22:39. |