Помогите со скриптом!
Страницы: 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)
Новые темыОбъявленияСвободное общение
02:24 сео тренды 2026 - что щас вообще работает? 
02:17 ИКС Яндекс АПдейт 1 апреля 2026. Обновлён алгоритм расчёта 
22:53 Бесплатное получение бэклинков 
19:44 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 
19:23 Adsense личный опыт 
19:21 WB и Ozon - новые "русские поисковики"? Яндекс теряет коммерческую выдачу 
23:22 Рост эффективности моего интернет‑магазина 
23:47 Volna.money 
23:46 GoodsMoney.io 
23:10 Продам сайт - продукты питания 
19:36 Русские народные сказки - оцените! 
14:27 1obmen.net - обмен криптовалют: выплаты в USD, EUR, GBP, CAD, CNY 
13:22 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
12:39 Monitex: Мониторинг с кэшбэком 80% в USDT 
23:42 Ставки на супер тренды в спорте 
19:56 Чак Норрис ушел - 19 марта 2026, 86 лет, семья подтвердила 
19:55 Список обновленных тем пуст... 
22:55 С юмором по жизни! 
22:19 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 
21:16 Почему не обновляется счетчик ИКС (индекса качества сайта) 
19:57 молодильные яблоки и живая вода