Помогите со скриптом!
Страницы: 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. сайт стал очень классным. Молодец.


Спсsmile:)
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
23:57 Нужен ли рамблер 
21:38 Рекламная сеть яндекса личный опыт 
20:58 Аптейт тИЦ от 17 мая 2017 года 
20:40 24 июля текстовый апдейт Яндекса: индекс по 21 июля 
20:33 внедрить код в страницу WordPress 
15:38 Прогон по каталогам 
14:33 Ссылочная масса 
05:43 Вывод в ТОП Google. 30 вечных ссылок с PR9 
05:28 Продам сайт, очень срочно, с доходом! 
02:30 Размещаю анонсы в группах Subscribe.ru (с написанием) 
02:28 [Бесплатный тест] Airsocks. Инновационные 4G / LTE прокси. Забудь все что было раньше! 
01:41 Рерайт, копирайтинг и просто красивые тексты 
01:17 Бесплатный SEO-Аудит. Получи 3 полных отчета по сайту! 
21:47 iPay24.org - автоматический обмен, лучший курс | Bitcoin, QIWI, BTC-e, Yandex Money, Perfect Money 
05:45 Зерокул наказан за мошенничество 
04:41 Игра с текстом 
02:58 Тематика сайта 
23:32 Реклама на сайте 
20:03 Ищу исполнителя!!! Простое лого в adobe illustrator 
18:42 Ищу владельцев идентичных сайтов 
16:15 ssl добро или как Мегафон стимулирует переход на https