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

dragonstyle · 22 Май 2009

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

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

dragonstyle

Читатель