Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 08.07.2013, 17:29
Кандидат Javascript-наук
Отправить личное сообщение для zzzzzz Посмотреть профиль Найти все сообщения от zzzzzz
 
Регистрация: 25.09.2012
Сообщений: 111

Ruslan, вышеописанное вами я уже реализовал давно, а вот недавно отказался от jquery и переписал практически все на "чистый" js, только вот метод click() не могу свой написать, в этом и загвоздка
Ответить с цитированием
  #12 (permalink)  
Старый 08.07.2013, 17:32
Профессор
Отправить личное сообщение для skrudjmakdak Посмотреть профиль Найти все сообщения от skrudjmakdak
 
Регистрация: 27.04.2012
Сообщений: 1,410

вам же сказали, что как вы хотите кроссбраузерно работать не будет. делайте сначала кнопку, а поверх прозрачный итем. что не понятного?
Ответить с цитированием
  #13 (permalink)  
Старый 08.07.2013, 17:35
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

Сообщение от zzzzzz
У jquery есть метод click(). Как на чистом js написать этот метод и что мне для этого нужно
Помоему и jquery нельзя этим методом кликнуть на input-file
Ответить с цитированием
  #14 (permalink)  
Старый 08.07.2013, 17:39
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от vadim5june
Помоему и jquery нельзя этим методом кликнуть на input-file
vadim5june,
Вродь onchange работает... И cмысл кликать на него ?
<style>span,input:hover{cursor:pointer}</style>
<span onclick="alert('A')" style="background:url(http://javascript.ru/forum/images/editor/insertimage.gif) no-repeat 140px center;"><input type=file style="opacity:0"></span>

Последний раз редактировалось Deff, 08.07.2013 в 18:09.
Ответить с цитированием
  #15 (permalink)  
Старый 08.07.2013, 17:43
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

Сообщение от Deff
vadim5june,
Вродь onchange работает... B cмысл кликать на него ?
Я так понял что програмно кликнуть методом click хотят
$(inputFile).click()
Ответить с цитированием
  #16 (permalink)  
Старый 08.07.2013, 17:54
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

vadim5june,
Да вродь смысла особого нет, все одно - окно должно открыться - значит событие от пользователя,
типично всё это нужно для костомизации инпута
Ответить с цитированием
  #17 (permalink)  
Старый 08.07.2013, 17:59
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

Сообщение от Deff
типично всё это нужно для костомизации инпута
может я не понял что имелось ввиду
Сообщение от zzzzzz
При клике на ссылку fileSelect запускаю функцию а в ней document.getElementById("fileElem").click(); что с свою очередь эмитирует нажатие на input с типом file.
Все это для того чтобы скрыть некрасивую форму загрузки файлов.
Ответить с цитированием
  #18 (permalink)  
Старый 08.07.2013, 18:06
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

vadim5june,
Да все извраты, чтобы свой инпут оформить, кликнуть по нему, а тот передаст клик настоящему
Точно так же, можно упразрачнить текущий, и клик по нему , сделать видимым - якобы клика по своему, а событие клика - отслеживается идентично,
Ответить с цитированием
  #19 (permalink)  
Старый 08.07.2013, 18:07
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

Сообщение от Deff
Да все извраты, чтобы свой инпут оформить, кликнуть по нему, а тот передаст клик настоящему
понятно
Ответить с цитированием
  #20 (permalink)  
Старый 08.07.2013, 20:51
Кандидат Javascript-наук
Отправить личное сообщение для zzzzzz Посмотреть профиль Найти все сообщения от zzzzzz
 
Регистрация: 25.09.2012
Сообщений: 111

Это не извраты это мозилла советует https://developer.mozilla.org/en-US/...b_applications см. раздел "Using hidden file input elements using the click() method"

Мне уже сказали что это не кроссбраузерно но я все же хочу покопаться в этом, хуже не будет

Ребят каждый ваш вариант правильный, но все же мне хочется научиться делать такое хоть даже не кроссбр-но, я не могу просто пройти мимо и забить, так не могу, поэтому прошу пояснить логику этого метода click() от jq и перечислить встроенные методы js которые могут понадобится, мне бы толчок, а то не знаю даже как начать

Последний раз редактировалось zzzzzz, 08.07.2013 в 21:01.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Функция или метод click() jsjob Общие вопросы Javascript 8 15.01.2013 01:19
свой JS фреймворк с блэкджеком. заминочка. assert Общие вопросы Javascript 10 16.09.2012 19:19
live click выполняется несколько раз hara jQuery 9 09.06.2010 10:58
Добавить свой метод к элементу alekciy Events/DOM/Window 6 16.02.2009 19:29