Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Выбор файла при нажатии на ссылку
 
 автор: antf   (19.03.2011 в 19:41)   письмо автору
 
 

Здравствуйте.
Как сделать так, чтобы при нажатии на ссылку <a href=''> появлялось диалоговое окно выбора файла с последующей загрузкой самого файла? Я знаю, что это можно сделать с помощью флэша. Самый лучший плагин Fancyupload, но хотелось бы обойтись без флэша. Для чего это нужно? В админке есть несколько картинок, которые надо менять. При наведении на картинку над ней должно появляться меню со ссылками редактировать и удалить. Как реализовать функцию редактировать без формы?

  Ответить  
 
 автор: assessor   (20.03.2011 в 12:19)   письмо автору
 
   для: antf   (19.03.2011 в 19:41)
 

наверное только через js... примерно так:

<script>
    function OpenFileDialog(form) {
        document.getElementById("inputfile").click();
    }
</script>

<form>
    <a href="javascript:OpenFileDialog(this.form);">Открыть</a>
    <input type="file" style="display:none;" id="inputfile"/>
 </form>

  Ответить  
 
 автор: antf   (20.03.2011 в 20:27)   письмо автору
 
   для: assessor   (20.03.2011 в 12:19)
 

click() не работает, хотя идея интересная.

  Ответить  
 
 автор: AlexSol   (21.03.2011 в 19:27)   письмо автору
 
   для: antf   (19.03.2011 в 19:41)
 

http://html-css.info/2009/07/css-input-type-file/


разместить поле выбора с нулевой прозрачностью поверх ссылки

  Ответить  
 
 автор: flaers   (21.03.2011 в 22:08)   письмо автору
 
   для: AlexSol   (21.03.2011 в 19:27)
 

в webkit браузерах будет некорректно работать, т.к там другое поле ввода
вот интересная статья http://vremenno.net/design/file-inputs-styling/

  Ответить  
 
 автор: AlexSol   (22.03.2011 в 05:50)   письмо автору
 
   для: flaers   (21.03.2011 в 22:08)
 

увеличить поле можно задав font-size 200px. с такой настройкой поле будет растянуто чуть ли не на весь экран, останется только обрезать ненужное

http://habrahabr.ru/blogs/css/56944/

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования