Помогите со скриптом!
Страницы: 1
Помогите со скриптом!, Скрип "Увеличение, уменьшение шрифта"
Нашол скрип для изменения размера шрифта новости на Dle...

Сам скрипт, который меняет размер шрифта:
Код
<sc ript type="text/javascript">
function Font(element,step)
{
    step = parseInt(step,10);
    var el = document.getElementById(element);
    var curFont = parseInt(el.style.fontSize,10);
    el.style.fontSize = (curFont+step) + 'px';
}
</script>


Кнопки, которые меняют размер шрифта:
Код
</script>
</head>
<body>
<a href="jav * ascript:void(0);" onc lick="Font('content',5);">Увеличить размер шрифта</a> | <a href="jav * ascript:void(0);" onc lick="Font('content',-5);">Уменьшить размер шрифта</a>


Ну и текст в котором будет меняться шрифт:
Код
<div id="content" style="font-size:14px;">
Текст!!!!
</div> 



Например на увеличение шрифта можно нажимать, сколько угодно раз (до бесконечности, и шрифт будет рости и рости), а мне нужно что бы было ограничении, что бы размер шрифта можно было увеличивать и уменьшать, всего лиш несколько раз! Подскажите как это сделать?!
Изменено: Влад Скляр - 4 Июня 2011 20:14
Думаю это поможет. Данный код выводит в полной новости (поэтому вставлять его надо в fullstory.tpl) блок, в котором написано как заголовок "Размер шрифта" и потом 5 кнопочек для выбора размера шрифта.
классы "st-block" и "st-block-title fixx" меняй на свои, а вот "resizer" оставь так, если отобразится не красиво, пропиши ему значения в style.css (можно просто в конце)

Код
.resizer {
   margin: 0;
   padding: 0;
 }
.resizer li { float: left; list-style-type: none;margin: 0;}
.resizer a {
   float: left;
   display: block;
   padding: 5px 10px 5px 10px;
   border: 1px #ccc solid;
   margin-right: 10px;
   color: #3d3d3d;
   text-decoration: none;
   text-align: center;
}

   .resizer a span {
      font-size: 8px !important;
      display: block;
      text-align: center;
      border-top: 1px #ccc dotted;
      margin-top: 3px;
      padding-top: 3px;
   }
   
   .resizer a:hover {
      background: #7f7f7f;
      color: #fff;
   }


Сам код:

Код
                        [not-aviable=main]
                        <div class="st-block">
                           <div class="st-block-title fixx">Размер шрифта</div>
                           <ul class="resizer">
                              <li class="font-1"><a href="#">A<span>12px</span></a></li>
                              <li class="font-2"><a href="#">A<span>14x</span></a></li>
                              <li class="font-3"><a href="#">A<span>15px</span></a></li>
                              <li class="font-4"><a href="#">A<span>16px</span></a></li>
                              <li class="font-5"><a href="#">A<span>18px</span></a></li>
                           </ul>
                           <div style="clear: both; height: 1px;"></div>
                        </div>
                        <br /><br />
                        [/not-aviable]
Answer, но у меня только две кнопки + и - , мне не нужно аж 5 кнопок.... Вот можете посмотреть здесь: _http://www.bestcwalk.com/reading/549-sovety-ot-tancorov.html внизу две кнопки...
Цитата
Влад Скляр пишет:
Answer, но у меня только две кнопки + и - , мне не нужно аж 5 кнопок.... Вот можете посмотреть здесь: _http://www.bestcwalk.com/reading/549-sovety-ot-tancorov.html внизу две кнопки...


понятно, тут уже ничем помочь не могу.

P.S. сайт стал очень классным. Молодец.
Изменено: Answer - 5 Июня 2011 00:06
Цитата
Answer пишет:
понятно, тут уже ничем помочь не могу.


Все равно спасибо, ничего страшного пусть будет так smile:)

Цитата
Answer пишет:
P.S. сайт стал очень классным. Молодец.


Спс:)
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
22:18 С чего сейчас проще начать? 
21:08 Adsense личный опыт 
18:19 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 
08:29 Бесплатное получение бэклинков 
08:19 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
00:22 Раскрутка форума 
00:16 Бесплатное расширение для Chrome — проверка ссылок прямо на странице 
23:37 Продам сайт Домен РУ RU РФ c доменом www.доменру.рф 
22:37 TETChange-Обменник криптовалют 
14:25 Мониторинг обменников Сrypto-scout.io 
12:47 Monitex: Мониторинг с кэшбэком 80% в USDT 
12:10 TELEGRAM EXPERT — Многоцелевой комбайн по работе с Telegram 
09:44 MIG-OBMEN.net — Быстрый и надежный обмен цифровых активов 
00:22 BITzaBIT.com - обмен криптовалют, выплаты EUR, CAD, GBP, AZN, TJS, UZS 
22:06 Точные прогнозы на футбол 
18:15 молодильные яблоки и живая вода 
07:17 Почему не обновляется счетчик ИКС (индекса качества сайта) 
00:10 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 
19:38 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день 
06:50 Ставки на супер тренды в спорте 
13:04 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем