loading...

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

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

В помощь вебмастеру, JavaScript, CSSРаздвижная textarea

Написал REZER, 24 августа 2008 | 16 комментариев | рейтинг новости не нравится   +8   нравится Версия для печати
Раздвижная textarea


Как установить данный хак:

1. Скачиваем этот скрипт: Вы не можете скачивать файлы с нашего сервера и кидаем его в папку css вашего шаблона. Он правда закодирован, но это не помешает нам.

2. Далее нам нужно чтобы он читался нашим сайтом во всех страницах: открываем файл main.tpl и внутри тега вставляем следующее:

<script type="text/javascript" src="{ THEME }/css/fresizer.js"></script>


3. Далее нужно проработать отображение полоски для раздвигания поля: открываем любой файл css который присоединён к вашему шаблону (я например взял style.css) и в самый конец вписываем:

.resizer {cursor:pointer; width:499px; height:14px; border:1px solid #D7D7D7; background: #F0F0F0; margin:2px 0 10px 0;}


4. Теперь последний шаг - это само добавление полосы для раздвигания поля: открываем файл addnews.tpl и ищем примерно такое:

<tr>
                        <td>Краткое содержание:</td>
                        <td>[not-wysywyg]<textarea name="short_story" id="short_story" class="f_textarea" onclick=setFieldName(this.name) style="width:499px; height:160px" class="f_textarea" />{short-story}</textarea>                        
                            [/not-wysywyg]{shortarea}</td>
                      </tr>


И смотрим где заканчивается текстовое поле:
</textarea>


После этого закрывающего тега вставляем следующее:

<div class="resizer" id="worker" onmousemove="Resize.init('short_story',this.id);"></div>


Где "short_story" - имя вашего текстового поля (<textarea name="short_story")


У вас должно получиться так:

<tr>
                        <td>Краткое содержание:</td>
                        <td>[not-wysywyg]<textarea name="short_story" id="short_story" class="f_textarea" onclick=setFieldName(this.name) style="width:499px; height:160px" class="f_textarea" />{short-story}</textarea>
                        <div class="resizer" id="worker" onmousemove="Resize.init('short_story',this.id);"></div>
                            [/not-wysywyg]{shortarea}</td>
                      </tr>


Такие же действия проделываем с полем для полного описания новости и полем комментариев изменив вот эту строчку: "Resize.init('short_story',this.id);.

Данную идею сделал не я, я просто научился её вставлять в сайт и рассказал вам (вдруг пригодится).

Пример работы можно посмотреть тут _http://delicated.ru/news/site_news/26516-pojavilas-mobilnaja-versija-sajjta....html (регистрация не нужна).



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

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

Написал doc, 24 августа 2008 в 22:00 плохой комментарий   +1   хороший комментарий
Новостей: 1, комментариев: 43, Пользователи
Карма:
Он правда закодирован


_http://delicated.ru/templates/Default/css/fresizer.js

раскодированый ag

Написал REZER, 25 августа 2008 в 07:27 плохой комментарий   +1   хороший комментарий
Новостей: 24, комментариев: 102, Пользователи
Карма: 16±
Он не раскодирован, абсолютно тодже самый.

Написал VAT, 24 августа 2008 в 23:29 плохой комментарий   +1   хороший комментарий
Новостей: 0, комментариев: 249, Пользователи
Карма:
тьфу ты блин, не сразу понял, что хак делает) задурил мозги кубик))) спасибо автору, прикольная вещь, сейчас поставлю себе) ay

Написал Shoma, 25 августа 2008 в 09:22 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Пользуюсь! но реализовал у себя через Jquery

Написал AVET, 25 августа 2008 в 17:45 плохой комментарий   0   хороший комментарий
Новостей: 17, комментариев: 535, Редактор
Карма: 12±
нужно ещё поставить лимит, например 700 пикселей )

Написал REZER, 25 августа 2008 в 18:58 плохой комментарий   0   хороший комментарий
Новостей: 24, комментариев: 102, Пользователи
Карма: 16±
Ну это вы уже сами под себя как хотите настраивайте. Я просто дал пример того как сделать.

Написал PSIHOZ00000, 26 августа 2008 в 01:56 плохой комментарий   +1   хороший комментарий
Новостей: 0, комментариев: 173, Пользователи
Карма:
Хех...сначало не догнал для чего это)))Потом уже понял!!!Думал с кубиком чтото делать придеться :-D

Написал Rumorukato, 26 августа 2008 в 13:38 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
А чё такое textarea ?

Написал Daimond, 26 августа 2008 в 17:22 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Цитата: Rumorukato
А чё такое textarea ?

htmlbook.ru тебе в помощь...

Написал Пойстер, 6 сентября 2008 в 01:13 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
.: Блин, делал, как всё написано, а всё равно не получилось... (_http://error.sk6.ru/addnews.html) Кто-нибудь может помочь?

Написал SpiderBY, 11 сентября 2008 в 12:14 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 364, Пользователи
Карма:
Дайте либо рабочее демо, либо поясните, что делает :/

Так, я понял что это )))))))))))))

Написал setapca, 28 сентября 2008 в 12:50 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Не работает

Написал Zdraff., 14 октября 2008 в 17:44 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Хоть демо показали бы

Написал ionelsuper, 22 ноября 2008 в 01:06 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
блин чёто не вдуплил что это

Написал Gangstasheff, 12 февраля 2009 в 15:02 плохой комментарий   0   хороший комментарий
Новостей: 1, комментариев: 249, Доверенные
Карма:
Видел на сайте автора, смотрится симпатично.

Написал arthouse, 12 апреля 2009 в 23:01 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
В какой вресии пробовали? у меня 6.7 всё появляется, но нету движения.

Информация



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

[removed][removed] [removed] (adsbygoogle = window.adsbygoogle || []).push({}); [removed]