|
Мелкие полезности
|
|
| Кронд | Дата: 08 Января 2009, 17:44 | Сообщение # 1 | ● ● ● ● ● 329 сообщений Статус: Offline | Может, кому-нибудь пригодится... =) Свой стиль цитат ( [quоte] ) и кодов ( [соde] )
Необходим jQuerry!
Я повсеместно его использую, так что не отказал себе в удовольствии накатать простенький скрипт, чтобы сменить уродские бордеры inline на красивые dashed, ибо просто через CSS они меняться не хотели =) Над стилем уж сами поколдуйте... Это перед </head>
Code <script type="text/javascript" language="javascript">
$(document).ready(function(){
var styleName = {
'color' : '#ffffff',
'padding-left' : '5px',
'padding-bottom' : '2px',
'font-size' : '7pt' }
var styleBlock = {
'background' : '#444444',
'font-size' : '9px',
'border' : '1px #aaaaaa dashed',
'padding-left' : '1px',
'padding-top' : '1px',
'padding-bottom' : '1px',
'padding-right' : '1px' }
$("div.quoteMessage").css(styleBlock);
$("div.codeMessage").css(styleBlock);
$("div.bbQuoteName").css(styleName);
$("div.bbCodeName").css(styleName); });
</script> Кнопочки, меняющие высоту поля ввода текста
jQuery не нужен
Если есть идеи, как это всё сделать одной кнопкой - выкладывайте, не стесняйтесь =) Ещё лучше, если покажете, как это всё исправить так, чтобы по нажатии но кнопки можно было регулировать высоту, а не тупо переключать. Это после $BBCODES$ (форма добавления сообщения):
Code <input name="BIG" type="button" onclick="bigmessage();" class="codeButtons" value="+" title="Увеличить поле ввода сообщения">
<input name="small" type="button" onclick="smallmessage();" class="codeButtons" value="-" title="Уменьшить поле ввода сообщения">
Это желательно тоже перед </head>
Code <script type="text/javascript" language="javascript">
function bigmessage() { document.getElementById("message").style.height ='500px' }
function smallmessage() { document.getElementById("message").style.height ='150px' }
</script> | | |
|
| mob_dp | Дата: 08 Января 2009, 17:49 | Сообщение # 2 | ● ● ● ● ● 4112 сообщений Статус: Offline | Омг. Кронд, !important | | |
|
| Кронд | Отредактировал Кронд - Четверг, 08 Января 2009, 18:36 Дата: 08 Января 2009, 18:30 | Сообщение # 3 | ● ● ● ● ● 329 сообщений Статус: Offline | Да? Ёмаё...  Забыл =) Добавлено (08 Январь 2009, 18:30)
---------------------------------------------
Итак, можете забыть про первый скрипт из первого поста как страшный сон, ибо я страшно ступил, признаю =) Полностью заменяем в CSS классы .codeMessage и .quoteMessage на следующие (опять же, настраиваем по вкусу):
Quote .bbQuoteName {color: #ffffff !important; padding-left: 5px; padding-bottom: 2px; font-size: 7pt; }
.bbCodeName {color: #ffffff !important; padding-left: 5px; padding-bottom: 2px; font-size: 7pt; }
.codeMessage {background: #444444; font-size: 9px; border: 1px #aaaaaa dashed !important; padding-left: 1px; padding-top: 1px; padding-bottom: 1px; padding-right: 1px; }
.quoteMessage {background: #444444; font-size: 9px; border: 1px #aaaaaa dashed !important; padding-left: 1px; padding-top: 1px; padding-bottom: 1px; padding-right: 1px; } | | |
|
| ShooT | Дата: 13 Февраля 2009, 10:08 | Сообщение # 4 | ● ● ● ● ● 3 сообщения Статус: Offline | это для чего, разъясните?
это менять на нужный цвет?Добавлено (13 Февраль 2009, 10:08)
---------------------------------------------
Это желательно тоже перед </head>
посмотреть кодпечать
·········10········20········30········40········50········60········70········80········90········100·······110·······120······· 130·······140·······150
1.
<script type="text/javascript" language="javascript">
2.
function bigmessage() { document.getElementById("message").style.height ='500px' }
3.
function smallmessage() { document.getElementById("message").style.height ='150px' }
4.
</script>
это размер цитаты и кода? если больше то прокрутка ползунком? | | |
|
| cucYa | Дата: 13 Февраля 2009, 10:44 | Сообщение # 5 |  ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | это для чего, разъясните?
это для того, чтобы он был круче стандартого iner border'а  | | |
|
| Кронд | Дата: 13 Февраля 2009, 16:25 | Сообщение # 6 | ● ● ● ● ● 329 сообщений Статус: Offline | это размер цитаты и кода? если больше то прокрутка ползунком?
Это чтобы увеличивать и уменьшать поле ввода сообщения на форуме | | |
|
| mob_dp | Дата: 13 Февраля 2009, 17:56 | Сообщение # 7 | ● ● ● ● ● 4112 сообщений Статус: Offline | Кронд, я видел скрипт где-то, он сам увеличиваем высоту textarea в зависимости от текста.
Он короче переносы считает и увеличивает. У меня почему то не получилось вообще повлиять на rows. | | |
|
| Кронд | Дата: 13 Февраля 2009, 18:26 | Сообщение # 8 | ● ● ● ● ● 329 сообщений Статус: Offline | mob_dp, Не скажешь, где ты его нарыл? Может, покопаюсь, в свободное от свободного времени время... | | |
|
| mob_dp | Дата: 13 Февраля 2009, 18:39 | Сообщение # 9 | ● ● ● ● ● 4112 сообщений Статус: Offline | | | |
|
| kydapodatsya | Дата: 14 Февраля 2009, 11:17 | Сообщение # 10 |  ● ● ● ● ● Дизайнер 2557 сообщений Статус: Offline | Кронд, я видел скрипт где-то, он сам увеличиваем высоту textarea в зависимости от текста.
Он короче переносы считает и увеличивает. У меня почему то не получилось вообще повлиять на rows.
источник не пом
в хед
источник не помню...
Code <script>
function check(id){
var area = document.getElementById(id);
var curRows = area.rows;
var curScroll = area.scrollHeight;
var curClient = area.clientHeight;
resize();
function resize(){
if(curScroll > curClient && curRows != -1){area.rows = curRows+1;check(id);}
};
};
</script>
по месту:
Code <textarea class="commFl" style="overflow:hidden;" rows="8" onkeyup="check(this.id)" name="message" id="message" cols="30">$MESSAGE$</textarea> | | |
|
| Кронд | Дата: 14 Февраля 2009, 12:05 | Сообщение # 11 | ● ● ● ● ● 329 сообщений Статус: Offline | kydapodatsya, А сам-то пробовал? =) Если нет - настоятельно советую =) И если с размером текстареи ещё можно что-то поделать, то с глюком при редактировании любого сообщения я даже не знаю... | | |
|
| kydapodatsya | Дата: 14 Февраля 2009, 12:50 | Сообщение # 12 | ● ● ● ● ● Дизайнер 2557 сообщений Статус: Offline | Кронд, нет.. Вам же надо) | | |
|
| NARKOZ-2008 | Дата: 14 Февраля 2009, 17:04 | Сообщение # 13 | ● ● ● ● ● 32 сообщения Статус: Offline | спасибо сын мойДобавлено (14 Февраль 2009, 17:04)
---------------------------------------------
Quote (kydapodatsya) по месту:
по какому месту? на форум такое не выставишь | | |
|
| cucYa | Дата: 14 Февраля 2009, 17:09 | Сообщение # 14 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | на форум такое не выставишь
Ещё как выставишь | | |
|
| kydapodatsya | Дата: 14 Февраля 2009, 17:54 | Сообщение # 15 | ● ● ● ● ● Дизайнер 2557 сообщений Статус: Offline | на форум такое не выставишь
были бы мозги | | |
|
| s1LeNt | Дата: 14 Февраля 2009, 19:01 | Сообщение # 16 |  ● ● ● ● ● 23 сообщения Статус: Offline |
и руки прямые | | |
|
| NARKOZ-2008 | Дата: 14 Февраля 2009, 20:04 | Сообщение # 17 | ● ● ● ● ● 32 сообщения Статус: Offline | там в $_message$ уже добавлены соответствующие теги. к сожалению их уже не заменишь.  Добавлено (14 Февраль 2009, 20:04)
---------------------------------------------
http://tuckey.org/textareasizer/
а этим можно. | | |
|
| }{0тт@бь)ч | Дата: 14 Февраля 2009, 20:05 | Сообщение # 18 | ● ● ● ● ● 1089 сообщений Статус: Offline | там в $_message$ уже добавлены соответствующие теги. к сожалению их уже не заменишь.
Code $('#message').bind('keypress',function(){ [code] }); | | |
|
| NARKOZ-2008 | Дата: 14 Февраля 2009, 21:22 | Сообщение # 19 | ● ● ● ● ● 32 сообщения Статус: Offline | }{0тт@бь)ч, прошу заметить следующий момент. Cкрипт не работает, если тегу <textarea> задана высота через CSS, поэтому взамен нужно воспользоваться параметром rows.  | | |
|
| }{0тт@бь)ч | Дата: 14 Февраля 2009, 22:28 | Сообщение # 20 | ● ● ● ● ● 1089 сообщений Статус: Offline | Cкрипт не работает, если тегу <textarea> задана высота через CSS
так изменяйте через css! | | |
|
