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

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

  • Хаки DLE

До:

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


После:

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


Так же в архиве пример и для auto_textarea

До:

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


После:

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


Установка

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>


Скачать: autotextarea_onload_click.zip [108,73 Kb]

Все после чего все будет работать! :-)
C Уважением Monah!


Автор: Monah aka Монах
Стоимость: Бесплатно

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