Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.12.2011, 14:28
Аспирант
Отправить личное сообщение для Sergey999 Посмотреть профиль Найти все сообщения от Sergey999
 
Регистрация: 25.12.2011
Сообщений: 75

Как доделать простой Ajax загрузчик файлов?
Вот такой http://www.phpletter.com/Demo/AjaxFileUpload-Demo/
Приделал по событию завершения загруки вывод превьюшки с сервера, добавил кнопку удаления, если передумали... Теперь хочу убрать стандартную input=file и заменить его на DIV, как это сделать лучше?
Ответить с цитированием
  #2 (permalink)  
Старый 25.12.2011, 14:28
Аспирант
Отправить личное сообщение для Sergey999 Посмотреть профиль Найти все сообщения от Sergey999
 
Регистрация: 25.12.2011
Сообщений: 75

Да и вообще в принципе как сделать?
Ответить с цитированием
  #3 (permalink)  
Старый 25.12.2011, 15:10
Аватар для Nekromancer
Профессор
Отправить личное сообщение для Nekromancer Посмотреть профиль Найти все сообщения от Nekromancer
 
Регистрация: 06.05.2009
Сообщений: 1,163

div.onclick = function(){
input.click();
}
__________________
Нужно равняться на лучших, а не оправдываться за счёт худших.
Ответить с цитированием
  #4 (permalink)  
Старый 25.12.2011, 15:24
Аспирант
Отправить личное сообщение для Sergey999 Посмотреть профиль Найти все сообщения от Sergey999
 
Регистрация: 25.12.2011
Сообщений: 75

Так я понял, что мы на Div на событие вешаем функцию клика по input, а сам input так и оставить? Т.е. его onChange будет нормально себе работать дальше, только скрыть его?

p.s. И сиснтаксис такой же? Я только начинаю с JQ работать, первые мои скрипты
Ответить с цитированием
  #5 (permalink)  
Старый 25.12.2011, 16:19
Аватар для Nekromancer
Профессор
Отправить личное сообщение для Nekromancer Посмотреть профиль Найти все сообщения от Nekromancer
 
Регистрация: 06.05.2009
Сообщений: 1,163

$('div').click(function(){
$('input[type=file]').trigger('click');
});
__________________
Нужно равняться на лучших, а не оправдываться за счёт худших.
Ответить с цитированием
  #6 (permalink)  
Старый 25.12.2011, 16:54
Профессор
Отправить личное сообщение для zebra Посмотреть профиль Найти все сообщения от zebra
 
Регистрация: 14.09.2011
Сообщений: 523

На файле нельзя вызвать тригер
Ответить с цитированием
  #7 (permalink)  
Старый 25.12.2011, 17:09
Аспирант
Отправить личное сообщение для Sergey999 Посмотреть профиль Найти все сообщения от Sergey999
 
Регистрация: 25.12.2011
Сообщений: 75

Спасибо, не знаю но если просто код вставить и поменять на свои id то не работает...

Сделал так:

<div id="UplImgButton" onClick="$('#fileToUpload').trigger('click');">Выбрать</div>

Хотя хотелось бы отдельно вывести т.к. там еще события по наведению мыши и может что еще будет вот фиг знает как это сделать
Ответить с цитированием
  #8 (permalink)  
Старый 25.12.2011, 17:36
Аватар для B@rmaley.e><e
⊞ Развернуть
Отправить личное сообщение для B@rmaley.e><e Посмотреть профиль Найти все сообщения от B@rmaley.e><e
 
Регистрация: 11.01.2010
Сообщений: 1,810

http://vremenno.net/design/file-inputs-styling/
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подскажите, как работает простой код (замыкание функции)? Dotod Общие вопросы Javascript 5 02.12.2009 04:03
Как передать массив из PHP в js (AJAX) Александр Иванов Общие вопросы Javascript 7 10.09.2009 10:22
Объясните как вызывается ajax скрипт AddressBook из формы prog90 AJAX и COMET 3 06.06.2009 16:12
Очень простой как даже по мне вопрос по поводу setTimeout & setInterval Хранитель Света Общие вопросы Javascript 5 12.07.2008 20:34
как дождаться AJAX ответа scuter Общие вопросы Javascript 3 23.03.2008 05:54