Помогите со скриптом!
Страницы: 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)
Новые темыОбъявленияСвободное общение
20:35 Вынужденные дубли страниц 
20:33 Более 100 уникальных статей а трафика почти нет. 
20:26 Регистрация на новом сайте 
20:22 Яндекс тИЦ 03.12.2016 
19:53 Adsense личный опыт 
19:44 Пропал логотип на главной Инстант 2 
19:19 Апдейт Яндекса 03.12.2016 
20:15 Крупные новостные (СМИ) площадки, Яндекс Новости, Google News, анонсы, хорошая посещаемость. 
19:53 Нужен скрипт по проверке изменений на странице 
18:36 Вакансии: Операторы и редакторы по обработке статей из вебархива 
16:40 Создание модулей, хаков для DLE (Data Life Engine), веб разработка. 
16:36 Web-мастер (wordpress, joomla, dle, ucoz, modx, соц сети и прочие) 
15:47 Изготовление Логотипов,Баннеров,Интро видео и многое другое 
15:33 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 
20:02 Голосование за поделку (Осень 2016) 
20:00 Браузерные супер игры - существуют ли? 
19:57 Монетизация 2016-2017 
19:31 Непонятки с адсенс 
17:26 Книга "Просветление за полчаса" 
16:10 Сколько стоит домен? 
09:57 Живые участники в группу