Хак Автоматическая textarea и выделение диапазона

Тема в разделе "DLE", создана пользователем dragonstyle, 22 май 2009.

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

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

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

    dragonstyle Читатель

    Заблокирован
    Регистр.:
    17 ноя 2008
    Сообщения:
    524
    Симпатии:
    479
    1 - подключим библиотеку (jquery.js) и выполняющий скрипт (jquery.expose.js)
    в тегах
    Код:
    Если вы ставили auto_textarea то вы уже подключали библиотеку jquery
    Пример:
    Код:
    <head>
    {headers}
    <!--...........Не вставляем эту строку если auto_textarea подключалась..................-->
    <script type="text/javascript" src="/templates/Simple/js/jquery.js" ></script><!-- библиотека -->
    <!--...........Не вставляем эту строку если auto_textarea подключалась..................-->
    
    <script type="text/javascript" src="/templates/Simple/js/jquery.autogrow.js" ></script><!-- Выполняющий скрипт -->
    2 - После того как мы подключили библиотеку и выполняющий скрипт
    обтянем тегом
    ту облость которую хотим отим оставлюсь засвеченной
    Код:
    <div class="expose">  // открываем тег div классом class="expose"
    <table width="100%">
        <tr>
            <td width="5"><img src="/templates/Simple/images/ltdt.png" width="5" height="50" border="0"></td>
            <td background="/templates/Simple/images/bgtdt.png" class="ltitle" valign="top">Вход на сайт</td>
            <td width="5"><img src="/templates/Simple/images/rtdt.png" width="5" height="50" border="0"></td>
        </tr>
        <tr>
            <td background="/templates/Simple/images/ltd.gif"><img src="/templates/Simple/images/ltd.gif" width="5" border="0"></td>
            <td class="copy">{login}</td>
            <td background="/templates/Simple/images/rtd.gif"><img src="/templates/Simple/images/rtd.gif" width="5" border="0"></td>
        </tr>
        <tr>
            <td><img src="/templates/Simple/images/ltdb.png" width="5" height="10" border="0"></td>
            <td background="/templates/Simple/images/tdbbg.png"><img src="/templates/Simple/images/tdbbg.png" width="1" height="10" border="0"></td>
            <td><img src="/templates/Simple/images/rtdb.png" width="5" height="10" border="0"></td>
        </tr>
    </table>
    
    </div> // закрываем тег div
    И сразу после втавляем скрипт функции с надстройками для onLoad
    Код:
    <script>
    $(function() {        
        $("div.expose").click(function() {     // тут мы говорим что class="expose" будут в <div>
            $(this).expose({
                color: '#FFFFFF',    // background color  - для всего кроме этой выделяемой облости div
                onLoad: function() {    // background color  - после того как вы выделил облость
                    this.getExposed().css({backgroundColor: '#FFFFFF'});
                }, 
                onClose: function() {    // background color - ставим null так как нам цвет не нужен для возврата!
                    this.getExposed().css({backgroundColor: null});        
                }
            });        
        });
    });
    </script>
    Просто textarea для Defaulta
     
Статус темы:
Закрыта.