Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.11.2010, 19:07
Интересующийся
Отправить личное сообщение для pt81 Посмотреть профиль Найти все сообщения от pt81
 
Регистрация: 29.10.2010
Сообщений: 17

свой input type=file проблема с видом курсора
Сделал свой input file выглядит в виде ссылке при клике на которую открывается диалог выбора файла.
Все хорошо но нужен у ссылки стиль cursorointer. Cделать не получается так как input type=file не признает такой стиль об чем везде написано.
Ну а ссылке давать стиль бесполезно, все равно курсор не рука.

html такой

Код:
<div 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>
Ответить с цитированием
  #2 (permalink)  
Старый 25.11.2010, 20:11
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,135

Даааа... На этой кнопке "Обзор" курсор и помирает...
Ответить с цитированием
  #3 (permalink)  
Старый 25.11.2010, 20:15
Аватар для B@rmaley.e><e
⊞ Развернуть
Отправить личное сообщение для B@rmaley.e><e Посмотреть профиль Найти все сообщения от B@rmaley.e><e
 
Регистрация: 11.01.2010
Сообщений: 1,810

Сделайте див-обертку, которой задавайте курсор.
Ответить с цитированием
  #4 (permalink)  
Старый 25.11.2010, 20:16
Интересующийся
Отправить личное сообщение для pt81 Посмотреть профиль Найти все сообщения от pt81
 
Регистрация: 29.10.2010
Сообщений: 17

Но я нашел плагин где курсор не помирает

http://rozhdestvenskiy.ru/projects/c...file/demo.html

Никак не могу понять как они этого добились???
Ответить с цитированием
  #5 (permalink)  
Старый 25.11.2010, 20:16
Интересующийся
Отправить личное сообщение для pt81 Посмотреть профиль Найти все сообщения от pt81
 
Регистрация: 29.10.2010
Сообщений: 17

Сообщение от B@rmaley.e><e Посмотреть сообщение
Сделайте див-обертку, которой задавайте курсор.
Так делаю...
Ответить с цитированием
  #6 (permalink)  
Старый 25.11.2010, 20:20
Интересующийся
Отправить личное сообщение для pt81 Посмотреть профиль Найти все сообщения от pt81
 
Регистрация: 29.10.2010
Сообщений: 17

Вот полностью мой код без всякий лишних классов и 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>


Неужели никак не вернуть курсор
Ответить с цитированием
  #7 (permalink)  
Старый 25.11.2010, 20:23
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,135

Сообщение от B@rmaley.e><e
Сделайте див-обертку, которой задавайте курсор.
И оборачивал... И накладывал... И изнутри накрывал... Как только курсор попадает на область с кнопкой "Обзор" - "рука" пропадает...
Ответить с цитированием
  #8 (permalink)  
Старый 25.11.2010, 20:24
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,135

Сообщение от pt81
Но я нашел плагин где курсор не помирает
При наведении на "Аплоад" руки там тоже нет...

Последний раз редактировалось ksa, 25.11.2010 в 20:27.
Ответить с цитированием
  #9 (permalink)  
Старый 25.11.2010, 20:26
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,135

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>
Ответить с цитированием
  #10 (permalink)  
Старый 25.11.2010, 20:26
Интересующийся
Отправить личное сообщение для pt81 Посмотреть профиль Найти все сообщения от pt81
 
Регистрация: 29.10.2010
Сообщений: 17

Сообщение от ksa Посмотреть сообщение
При наведении на "Уплоад" руки там тоже нет...

Руки то там нет. Но и курсор не такой как у меня, а вполне приемлимый...
Как такой сделать???
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Получить координаты курсора в текстовом поле в пикселях prike Events/DOM/Window 4 23.05.2013 04:35
положение курсора, input type=text x-yuri Events/DOM/Window 2 19.07.2010 06:04
< input type=file > не попадают в $_FILES ce39 Элементы интерфейса 8 01.10.2009 15:33
Позиция курсора в input type="text" (ie) Кирпич Общие вопросы Javascript 2 21.10.2007 06:44