Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.02.2014, 19:48
Аватар для psfdek
Профессор
Отправить личное сообщение для psfdek Посмотреть профиль Найти все сообщения от psfdek
 
Регистрация: 14.02.2014
Сообщений: 157

Ajax загрузка аватары без самбита

Есть страница профиля пользователя загрузка изображения происходит с помощью выезжающей формы и файла php загружающего его и добавляющего запись в базу.

Как сделать загрузку фото так что бы при двойном нажатии на форму на аватаре, картинка мутнела и появлялась иконка редактировать при нажатии на которую предлагалась загрузка фото и после сразу загружалась и менялась.

Как то так:


Ajax пока не могу понять вообще, был бы так же рад легкому примеру формы на ajax
Ответить с цитированием
  #2 (permalink)  
Старый 20.02.2014, 20:08
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Ну удаление кнопки "применить", достаточно повесить onchange на
input type=file , который будет менять прозрачность у текущей аввы и субмитить форму

Ну а для двойного нажатия, наверное:
input type=file ( начально выбираем position:absolute;display:none; opacity:0;z-index:100 , предварительно спозиционировав саму кнопку на иконку загрузки),
При первом нажатии на Аватар:
для этого делаем при первом клике на aвву input type=file => display:block;
При втором: - автоматом будет нажиматься сам input type=file, и наверно самоскрываться(display:none; ) по onchange
(помимо начальных функций onchange => см начало сообщения)

Последний раз редактировалось Deff, 20.02.2014 в 20:36.
Ответить с цитированием
  #3 (permalink)  
Старый 21.02.2014, 08:52
Аватар для psfdek
Профессор
Отправить личное сообщение для psfdek Посмотреть профиль Найти все сообщения от psfdek
 
Регистрация: 14.02.2014
Сообщений: 157

а как сделать ajax?
Ответить с цитированием
  #4 (permalink)  
Старый 21.02.2014, 09:01
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,253

Сообщение от psfdek
а как сделать ajax?
http://learn.javascript.ru/ajax
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Книги по Ajax BaVa Учебные материалы 18 18.08.2013 14:05
AJAX + PHP загрузка файлов с сервера Stanisov AJAX и COMET 10 16.08.2013 11:18
Загрузка страниц с помощью ajax radikal AJAX и COMET 3 29.11.2012 16:26
хэш в php-переменную - возможно ли без ajax? Freakmeister AJAX и COMET 23 24.06.2012 18:52
Загрузка файла без AJAX. B~Vladi Internet Explorer 36 25.01.2011 21:05