Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Описание изображений в форме загрузки файлов на сервер

Описание изображений в форме загрузки файлов на сервер

     21.03.2012    dle 9.5, загрузка, картинка, alt    jQuery, Хаки    4921

вопрос
1 суть
Добавить в стандартный загрузчик DLE возможность подписывать изображения с последующей вставкой в тело новости изображения вместе с прописанными тегами alt. В DLE 9.5 это реализовано при вставке изображений с других сайтов, но при добавлении фото на сервер приходится всё так же продолжать сё прописывать ручками

 2 подробное объяснение, желаемый результат


 3 причины возникновения проблемы (если кому-то интересно)



 4 предпринятые действия, промежуточный результат, необходимые файлы

В итоге:
необходимо чтобы для каждого загруженного изображения выводилась форма из которой при вставке изображения брались введённые данные и добавлялись в alt изображения
Благодарю за внимание, буду рад любой помощи
PS думаю если написать данный хак с учётом возможных расположений изображения ( left right ), присутствие/отсутстие заполнения поля описания и т.п. - он пригодится не только мне
Внимание! У вас нет прав для просмотра скрытого текста.

Ответа пока нет

 

3 комментария

Mr. Hyde
Юзер

Mr. Hyde - 21 марта 2012 20:57 -

***Комментарий удален***
OTM
Юзер

OTM - 22 марта 2012 03:52 -

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

теперь добавление изображений выглядит следующим образом:
загружаем изображения на сервер, вводим описание изображения в текстовое поле, кликаем на изображение которое описали, описываем следующее изображение - кликаем по следующему. Если оставили поле пустым - выводит без описания и форматирования.
Минусы реализации: нельзя подписать отдельно каждое фото, и уже потом расставить их по своим местам в статье. Так же нельзя отметить и вставить все сразу так, чтобы для каждого фото прописалась своё описание, сейчас получается что при подобном действии для всех фото пропишется одно и тоже описание.
OTM
Юзер

OTM - 22 марта 2012 03:53 -

 Правки относительно оригинального files.php + скриншот результата :
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 12.01.2012 coolrsm  Общие вопросы по вёрстке, jQuery
 23.07.2012 dgamal161  Шаблоны (TPL), Стили (CSS), jQuery
 28.09.2012 Ae en Chalune  Шаблоны (TPL), jQuery
 09.12.2012 Texty  Общие вопросы, jQuery
 06.01.2013 Гость  Общие вопросы по вёрстке, jQuery
 22.01.2013 podvyg  Стили (CSS), jQuery
 24.02.2013 pavholm  jQuery
 03.04.2014 fh79655l123  jQuery
 22.05.2014 voitov  Шаблоны (TPL), Стили (CSS), jQuery, Хаки
 25.05.2014 finik  Общие вопросы, jQuery
  • lutskboy | Как в description вставить значение доп. ... 1
    Фото lutskboy
    lutskboy
    Как в description вставить значение доп.поля?
    Вчера, 21:51
    https://sandev.pro/web/159-fullstory-metatags-by-sander.html
  • derebas | Как реализовать кнопку "Поделиться" как ... 1
    Фото derebas
    derebas
    Как реализовать кнопку "Поделиться" как на Плей Маркете?
    Вчера, 09:39
    Ну если на скорую руку то примерно так
    <style>
.sociallinks {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.sociallinks-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.close {
    color: #aaa;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.social-container {
    display: flex;
    align-items: center;
}
.social-container > div {
    margin-left: 10px;
}

h2, p {
    margin: 5px 0;
}
.social {
  padding-top: 20px;
}
.social img {
  margin: 10px;
}
.sharebtn {
  padding-top: 20px;
  width: 100%;
}
.sharebtn_area {
  border: 1px solid black;
  height: 40px;
}
.sharebtn input[type="text"] {
  width: 70%;
  border: none;
  height: 95%;
}
.sharebtn button {
  width: 25%;
  height: 95%;
  border: none;
  background-color: #fff;
}
</style>
<button id="opensociallinksBtn">Поделиться</button>

<div id="mysociallinks" class="sociallinks">
  <div class="sociallinks-content">
    <span class="close">×</span>
    <div class="social-container">
        <img src="{image-1}" alt="Icon" width="30" height="30">
        <div>
            <h2>{title}</h2> 
            <p>Поделиться</p> 
        </div>
    </div>
    <div class="social">
        <a href="https://api.whatsapp.com/send/?text={full-link}"><img src="whatsapp.png" alt="WhatsApp" width="30" height="30"></a>
        <a href="https://www.facebook.com/sharer/sharer.php?u={full-link}"><img src="facebook.png" alt="Facebook" width="30" height="30"></a>
        <a href="https://twitter.com/intent/post?url={full-link}"><img src="twitter.png" alt="Twitter" width="30" height="30"></a>
        <a href="https://www.instagram.com/share?url={full-link}"><img src="instagram.png" alt="Instagram" width="30" height="30"></a>
    </div>
    <div class="sharebtn">
      <div class="sharebtn_area">
        <input type="text" id="inputText" value="{full-link}" readonly="true">
        <button id="copyBtn">Поделиться <img src="share.png" width="10px" alt="Share Icon"></button>
      </div>
    </div>
  </div>
</div>

<script>
var sociallinks = document.getElementById("mysociallinks");
var opensociallinksBtn = document.getElementById("opensociallinksBtn");
var closeBtn = document.getElementsByClassName("close")[0];
var copyBtn = document.getElementById("copyBtn");
var inputText = document.getElementById("inputText");

opensociallinksBtn.onclick = function() {
  sociallinks.style.display = "block";
}

closeBtn.onclick = function() {
  sociallinks.style.display = "none";
}

window.onclick = function(event) {
  if (event.target == sociallinks) {
    sociallinks.style.display = "none";
  }
}

copyBtn.onclick = function() {
  inputText.select();
  document.execCommand("copy");
}
</script>
  • doktorpull | GeoIP - показ информации в зависимости о ... 1
    Фото doktorpull
    doktorpull
    GeoIP - показ информации в зависимости от страны посетителя сайта
    17-04-2024, 21:53
    Отличный модуль, хорошо работает. Рекомендую этого автора, так как заказывал у него несколько собственных разработок. Человек знает свое дело.
  • Gordi | Telegram Sender 12
    Фото Gordi
    Gordi
    Telegram Sender
    16-04-2024, 15:47
    купил. Модуль классный! Автору большая признательность!
  • TeraMoune | Как вывести тайтл и дискрипшен по маске ... 1
    Фото TeraMoune
    TeraMoune
    Как вывести тайтл и дискрипшен по маске в категориях?
    14-04-2024, 00:36
    Ну например вот так: https://lazydev.pro/product/12-dle-seo.html
  • zawibis | Как настроить редирект на внешние сайты? 1
    Фото zawibis
    zawibis
    Как настроить редирект на внешние сайты?
    13-04-2024, 14:53
    Нашёлся ответ.
    Нужно в настройках группы отключить параметр

    Автоматическая замена ссылок [url] в тег [leech]
    При включении данной опции все ссылки, которые пользователь публикует в теге [url], будут автоматически заменены на защищенные ссылки тега [leech]
  • TeraMoune | Как решить проблему с /xfsearch/значение ... 5
    Фото TeraMoune
    TeraMoune
    Как решить проблему с /xfsearch/значение?
    12-04-2024, 11:53
    Это не прикол, просто dle позволяет искать новости как по значению так и с указанием конкретного поля для этого значения. И если у вас стоят метрики на сайте то достаточно любому человеку открыть ссылку и убрать в ней что-то, если сайт при новом url вернёт статус 200 то метрики захотят этот url запомнить.
  • komosa | Как решить проблему с /xfsearch/значение ... 5
    Фото komosa
    komosa
    Как решить проблему с /xfsearch/значение?
    11-04-2024, 22:34
    А вот прикол то в том, что это коснулось только author
  • lutskboy | Как решить проблему с /xfsearch/значение ... 5
    Фото lutskboy
    lutskboy
    Как решить проблему с /xfsearch/значение?
    11-04-2024, 22:31
    может быть не один только author. и другие поля. как знать куда перенаправлять
  • komosa | Как решить проблему с /xfsearch/значение ... 5
    Фото komosa
    komosa
    Как решить проблему с /xfsearch/значение?
    11-04-2024, 22:25
    Проблема заключается не в регистре, а в названии /author/ пропадает, и получается так, что ссылки дублируются. Как сделать редирект с дубля /xfsearch/Имя Фамилия на правильный адрес /xfsearch/author/имя фамилия ?
наверх