как привязать elfinder к input?
Added by Сергей Воронков about 2 years ago
Здравсвуйте, подскажите пожалуйста, как привязать elfinder к input type="text", чтобы по кнопке обзор, выбрать изображение и оно вставлялось в поле.
Replies (19)
RE: как привязать elfinder к input?
-
Added by Имя Фамилия about 2 years ago
И в продолжение этой темы, тоже самое только, в input прописывался путь выбранной папки, примерно: home/dir (где 'rootAlias' => 'Home')
RE: как привязать elfinder к input?
-
Added by Dmitry Levashov about 2 years ago
Вешаете на кнопку обработчик который создает elfinder с параметрами как при интеграции с редактором. Подробнее см документацию
RE: как привязать elfinder к input?
-
Added by Сергей Воронков about 2 years ago
Dmitry Levashov wrote:
Вешаете на кнопку обработчик который создает elfinder с параметрами как при интеграции с редактором. Подробнее см документацию
Покажите пожалста пример если не сложно - всю документацию пролез и ничего не нашел... Человеку который с яваскрипт не дружит это довольно сложно сделать!
RE: как привязать elfinder к input?
-
Added by Имя Фамилия about 2 years ago
Вот ведь, заставляете думать своей головой... ну в общем рабочий пример для файлов, если что поправьте меня:
1 function load_elfinder() {
2 $('<div />').elfinder({
3 url : 'connectors/php/connector.php',
4 lang : 'ru',
5 dialog : { width : 900, modal : true },
6 editorCallback : function(url) {
7 document.getElementById('foto_url').value = url;
8 }
9 })
10 }
1 <input id="foto_url" type="text" name="foto_url" value=""/><a href="#" onclick="load_elfinder();">Загрузить</a>
RE: как привязать elfinder к input?
-
Added by Dmitry Levashov about 2 years ago
Как то так. За отсутсвие ошибок не ручаюсь
1 $.ready(function() {
2
3 var input = $("#my-input");
4 var callback = function(url) {
5 input.val(url);
6 }
7
8 input.click(function() {
9 $('<div id="myelfinder" />').elfinder({
10 url : 'connectors/php/connector.php',
11 lang : 'ru',
12 dialog : { width : 900, modal : true, title : 'Files' },
13 closeOnEditorCallback : true,
14 editorCallback : callback
15 })
16 })
17
18 })
RE: как привязать elfinder к input?
-
Added by Dmitry Levashov about 2 years ago
Пока писал, сами нашли решение :)
RE: как привязать elfinder к input?
-
Added by Имя Фамилия about 2 years ago
ошибка только в конце 2 раза))) вместо последних "}}" надо "})".
RE: как привязать elfinder к input?
-
Added by Сергей Воронков about 2 years ago
Огромнейшее спасибо!!!
Ну и я в свою очередь немного модифицировал для удобства использования
1 function load_elfinder($id) {
2 $('<div />').elfinder({
3 url : 'connectors/php/connector.php',
4 lang : 'ru',
5 dialog : { width : 900, modal : true },
6 editorCallback : function(url) {
7 document.getElementById($id).value = url;
8 }
9 })
10 }
1 <input id="foto_url" type="text" name="foto_url" value=""/><a href="#" onclick="load_elfinder('foto_url');">Загрузить</a>
RE: как привязать elfinder к input?
-
Added by Имя Фамилия about 2 years ago
собственно правильно, так удобней будет))
А папку как возвращать?)
Жестоко гребет у вас форум, сообщения в коде поперепутал))
RE: как привязать elfinder к input?
-
Added by Имя Фамилия about 2 years ago
Ну так что вместо url надо возвращать, чтобы только папки выбирать?
RE: как привязать elfinder к input?
-
Added by Dmitry Levashov about 2 years ago
файндер не приспособлен выбирать папки
RE: как привязать elfinder к input?
-
Added by Имя Фамилия about 2 years ago
вот это косяк... ладно придется приспособить, как считаете это проблемно будет осуществить?
RE: как привязать elfinder к input?
-
Added by Troex Nevelin about 2 years ago
Dmitry Levashov wrote:
файндер не приспособлен выбирать папки
Если нажать QuickLook на папке то URL-путь тоже не показывается, вроде не баг, но так на заметку
RE: как привязать elfinder к input?
-
Added by botanist1 botanist2 almost 2 years ago
А как решить обратную задачу. В value поля input поместить url выделенного в менеджере файла.
RE: как привязать elfinder к input?
-
Added by Troex Nevelin almost 2 years ago
botanist1 botanist2 wrote:
А как решить обратную задачу. В value поля input поместить url выделенного в менеджере файла.
Пока никак, elFinder устанавливает cookie с последней открытой директорией и открывает её если найдена такая директория. На форуме уже пробовали реализовать то что вам нужно и на след версию уже есть задача #119
RE: как привязать elfinder к input?
-
Added by botanist1 botanist2 almost 2 years ago
Возможно я не верно сформулировал вопрос или что-то не понимаю.
В общем так. Есть форма менеджера. Кроме самого менеджера в ней есть поле
<input type="text" name="filepath" id="filepath" value="?????????" />
Нужно чтобы при событии onClick на файле в менеджере, в value заносился его url.
Почему я решил, что это возможно. При двойном щелчке на файле изображения, оно открывается в всплывающем окне и урл файла прекрасно отдается.
Почему его нельзя отдать в инпут про одиночному щелчку.
RE: как привязать elfinder к input?
-
Added by Dmitry Levashov almost 2 years ago
К сожалению в текущей версии модель работы с событиями не расширияма :( придется лезть в код. в source:src/js/elFinder.eventsManager.js и в elFinder.prototype.eventsManager::init добавьте свой callback к обработчику на click
RE: как привязать elfinder к input?
-
Added by botanist1 botanist2 almost 2 years ago
Спасибо. Раз уж все равно учить JS бум влезать. Благо поучиться есть на чем.
RE: как привязать elfinder к input?
-
Added by Михаил Парфенов 10 months ago
Содержимое этого топика обязано быть в wiki в качестве примеров.
(1-19/19)