loading...

Авторизация ...

Имя пользователя :
Пароль :
я всё забыл!

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

Написал Монах, 20 мая 2009 | 15 комментариев | рейтинг новости не нравится   +14   нравится Версия для печати
До:
Автоматическая 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>


Скачать можно с форума http://forum.4dle.ru/topic9584.html

Просто textarea для Defaulta
Сайт http://4dle.ru/hacks/1147157469-avtomaticheski-uvelichivaem-textarea.html
Форум http://forum.4dle.ru/topic9583.html
Все после чего все будет работать! :-)
C Уважением Monah!


Отблагодарили: softland, PLEER, xDD, solvain, aniraa

Комментарии пользователей

  Экспорт комментариев в RSS
 Сортировать по рейтингу, по дате

Написал DLEend, 20 мая 2009 в 14:12 плохой комментарий   -2   хороший комментарий
Новостей: 1, комментариев: 8, Пользователи
Карма:
спасибо, но помойму такой хак уже был ?!

Написал Монах, 20 мая 2009 в 14:48 плохой комментарий   0   хороший комментарий
Новостей: 2, комментариев: 133, Пользователи
Карма:
может! Просто показываю как это реализовать на одной библиотеке!
То есть подключив одну, можно потом подключать только js для выполнения той или иной задачи!....В дальнейшем напишу еще несколько фичей, как их всунуть в DLE... bv

Мелочь, а кому нить подойдет!....

Написал Pozi, 20 мая 2009 в 18:39 плохой комментарий   +1   хороший комментарий
Новостей: 0, комментариев: 19, Пользователи
Карма:
Не понял смысла О_о

Написал Монах, 21 мая 2009 в 00:30 плохой комментарий   0   хороший комментарий
Новостей: 2, комментариев: 133, Пользователи
Карма:
Воощем суть токова!

Поле когда мы добавляем комментарий, не малое, но если человек пишет с цитатами и много, то в поле появляется скрол справа, так вот не очень удобно двигать скрол и смотреть суть написанного, перед отправкой!

Так вот он автоматически расширяет поле при новой строке,
ну к примеру тут на 13-той строке появиться скрол справа...

А если сделать выше написанное, то скрол не появиться а увеличится
textarea на еще одну строку!.... :-)

Второй хак был, но это в предачу, так как если мы подключили уже библиотеку, то на ней же я показал что можно сделать еще!..
То есть это выделение области ввода логина и пароля, хотя можно так выделить все что хочешь! :-)

Написал skorge, 20 мая 2009 в 22:36 плохой комментарий   +2   хороший комментарий
Новостей: 0, комментариев: 11, Пользователи
Карма:
+ с меня! интересно )

Написал xDD, 21 мая 2009 в 14:27 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Хак супер! *убежал ставить*

4

Написал jasa, 21 мая 2009 в 23:25 плохой комментарий   -1   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
sdzelal vso kak napisana no umena ne rabotaet na dle 7.5


moi coments area vigledzet tak
<td colspan="2">[not-wysywyg]<textarea onKeyPress="return makeGeo(this,event);" name="comments" id="comments" class="auto" style="border: 1px solid rgb(224, 224, 224); width: 470px; height: 160px; font-family: verdana; font-size: 11px;" rows="1" cols="20" />{text}</textarea> <br><input checked="checked" id="geoKeys" type="checkbox" /><strong> <b>ქართული კლავიატურა</b> ( ჩართვა/გამორთვა ბეჭდვის დროს კლავიშით "~") </strong></small>[/not-wysywyg]{wysiwyg}<br /></td>

Написал Монах, 21 мая 2009 в 23:40 плохой комментарий   0   хороший комментарий
Новостей: 2, комментариев: 133, Пользователи
Карма:
jasa, по идеи должно работать сразу!....
Давай сайт сюда или в ПМ, глянем!.... или пиши в ICQ!
Смотри как тут я написал еще для дефолта
http://forum.4dle.ru/topic9583.html

Если все правильно, то должно работать сразу!!!

Написал moritor, 22 мая 2009 в 09:59 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Поставил - понравилось ay

Написал yavasilek, 22 мая 2009 в 13:17 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 23, Изгнанные
Карма:
А у меня не получается(( написал в лс Монаху...

Написал Монах, 22 мая 2009 в 18:12 плохой комментарий   0   хороший комментарий
Новостей: 2, комментариев: 133, Пользователи
Карма:
Если с div не вышло, просто берем class="expose"
ставим в table,

table width="100%" class="expose"

и в скрипте ниже

$(function() {
$("div.expose").click(function() { // тут мы говорим что class="expose" будут в
$(this).expose({


вот тут $("div.expose") заменим div на table

$("table.expose")

Написал NRJke, 22 мая 2009 в 19:37 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
й213

Написал Neolo, 25 мая 2009 в 00:04 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
На DLE 7.0 будет работать?

Написал nickon, 25 мая 2009 в 00:25 плохой комментарий   0   хороший комментарий
Новостей: 230, комментариев: 476, Администраторы
Карма: 27±
Если обратили внимание то все изменения идут в шаблонах!
И соответственно от версии движка ничего не зависит!

Написал narby, 25 мая 2009 в 17:46 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
это html + css + js.... причем здесь версия движка ?

Информация



Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.
Анализ Тиц и PR сайта