Помощь Всплывающая подсказка с HTML внутри, при скачивании прикрепленного файла

Тема в разделе "DLE", создана пользователем GLOOMY, 7 авг 2012.

Информация :
Актуальная версия DataLife Engine 11.2
( Final Release v.11.2 | Скачать DataLife Engine | Скачать 11.2 demo )
Нужно ли обновляться | Как обновиться | Изменения в шаблонах
> Нет русских символов <
[Приватная тема DLE (Все подробности в ЛС к модератору раздела)]

Версии 11.1 и ниже - уязвимы!

Локализации | F.A.Q. | Внешний вид
Правила раздела | Правила форума
Обсуждение хайда карается баном!
В каждом сообщении указывайте версию DLE, которого они касаются!
Модераторы: killoff
  1. GLOOMY

    GLOOMY Постоялец

    Регистр.:
    24 авг 2009
    Сообщения:
    71
    Симпатии:
    6
    Всем привет!

    Нашел на одном сайте интересную фишку, всплывающая подсказка с HTML внутри, захотелось прикрутить только для ссылок на скачивание прикрепленного файла, но у меня это не получилось, поэтому прошу помочь и объяснить как именно это сделать в DLE.

    Демо: http://sfquery.ru/jquerytools/tooltip/demo/standalone/any-html
    Код: http://sfquery.ru/jquerytools/tooltip/demo/any-html

    Прошу писать пошагово. Заранее всем очень благодарен.
     
  2. yavasilek

    yavasilek vasilek_gorbunok

    Регистр.:
    5 окт 2008
    Сообщения:
    1.178
    Симпатии:
    423
    ты просто хочешь ссылки на скачку засунуть? или еще показывать инфу о файле?
    простой вариант это если ссылки помещать в доп поля.
     
  3. GLOOMY

    GLOOMY Постоялец

    Регистр.:
    24 авг 2009
    Сообщения:
    71
    Симпатии:
    6
    Нет, суть в том что ссылка на скачивание уже есть, и если на нее кликнуть то файл начнет скачиваться, но надо чтобы при наведении всплывало окошко с текстом как в демо, и главное чтобы это касалось только ссылок на прикрепленные файлы.
     
  4. yavasilek

    yavasilek vasilek_gorbunok

    Регистр.:
    5 окт 2008
    Сообщения:
    1.178
    Симпатии:
    423
    стандартно наверное никак, т.к. ссылки которые должны всплывать - надо обернуть доп дивом
     
  5. GLOOMY

    GLOOMY Постоялец

    Регистр.:
    24 авг 2009
    Сообщения:
    71
    Симпатии:
    6
    Так тут все есть, просто не знаю как это именно реализовать в DLE...
     
  6. yavasilek

    yavasilek vasilek_gorbunok

    Регистр.:
    5 окт 2008
    Сообщения:
    1.178
    Симпатии:
    423
    да демку я видел.
    я и говорю что или надо реализовать через доп поля, а доп поля обернуть в шаблоне дивом или прописывать в каждой новости отдельную обертку для ссылок для скачивания
     
  7. GLOOMY

    GLOOMY Постоялец

    Регистр.:
    24 авг 2009
    Сообщения:
    71
    Симпатии:
    6
    Это точно не подходит, так как ссылки на скачивание в HTML коде статической страницы.
    Вариант конечно, но это долго. Может есть вариант применить это к конкретному классу.

    Ссылка на скачивание имеет такой вид:
    HTML:
    <span class="attachment"><a href="http://www.site.ru/engine/download.php?id=1&amp;area=static" >Ссылка</a></span>
     
  8. yavasilek

    yavasilek vasilek_gorbunok

    Регистр.:
    5 окт 2008
    Сообщения:
    1.178
    Симпатии:
    423
    В css прописываем
    HTML:
    /* кнопка запускающая подсказку */
    #download_now {
        background:transparent url(/images/jqtools/download.png) no-repeat scroll 0 0;
        display:block;
        height:44px;
        margin-bottom:30px;
        overflow:hidden;
        text-indent:-999em;
        width:159px;
        cursor:pointer;
    }
     
    /* когда курсор над кнопкой */
    #download_now:hover {
        background-position:0 -44px ;       
    }
     
    /* кликаем на кнопку */
    #download_now:focus {
        background-position:0 -88px;
    }
     
    /* стили для подсказки */
    .[FONT=Consolas]attachment [/FONT]{
        display:none;
        background:url(/путь к изображению с кнопкой/black_arrow_big.png);
        height:163px;
        padding:40px 30px 10px 30px;
        width:310px;
        font-size:11px;
        color:#fff;
    }
     
    .[FONT=Consolas]attachment [/FONT]a {
        color:#ad4;
        font-size:11px;
        font-weight:bold;
    }
    В JavaScript дописываем
    HTML:
    $("#download_now").tooltip({ effect: 'slide'});
    Возможно в dle нет эффекта slide, тогда надо на сайте jQuery собрать под себя библиотеку и поместить ее в dle

    В шаблоне в статике в нужно место добавляем
    HTML:
    <a id="download_now">Download now</a> 
     
  9. GLOOMY

    GLOOMY Постоялец

    Регистр.:
    24 авг 2009
    Сообщения:
    71
    Симпатии:
    6
    Только мне нужно не в виде кнопки это сделать, а применить к ссылке, но ссылка генерируется уже потом в ту что я приводил выше, а в коде статической странице она выглядит так:

    HTML:
    [attachment=3:1500J]
    Как быть в таком случае? Я же так понял придется к каждой ссылке вручную добавлять?

    И еще вопрос, куда в таком случае вставлять текст который будет отображаться в подсказке?
     
  10. yavasilek

    yavasilek vasilek_gorbunok

    Регистр.:
    5 окт 2008
    Сообщения:
    1.178
    Симпатии:
    423
    :confused: так а что должно появляться при наведении? я думал просто ссылка на скачивание.