• Добро пожаловать на компьютерный форум Tehnari.ru. Здесь разбираемся с проблемами ПК и ноутбуков: Windows, драйверы, «железо», сборка и апгрейд, софт и безопасность. Форум работает много лет, сейчас он переехал на новый движок, но старые темы и аккаунты мы постарались сохранить максимально аккуратно.

    Форум не связан с магазинами и сервисами – мы ничего не продаём и не даём «рекламу под видом совета». Отвечают обычные участники и модераторы, которые следят за порядком и качеством подсказок.

    Если вы у нас впервые, загляните на страницу о форуме и правила – там коротко описано, как задать вопрос так, чтобы быстро получить ответ. Чтобы создавать темы и писать сообщения, сначала зарегистрируйтесь, а затем войдите под своим логином.

    Не знаете, с чего начать? Создайте тему с описанием проблемы – подскажем и при необходимости перенесём её в подходящий раздел.
    Задать вопрос Новые сообщения Как правильно спросить
    Если пришли по старой ссылке со старого Tehnari.ru – вы на нужном месте, просто продолжайте обсуждение.

Помогите с java script

  • Автор темы Автор темы Various
  • Дата начала Дата начала

Various

Debes, ergo potes
Регистрация
9 Май 2009
Сообщения
9,653
Реакции
118
Баллы
0
Помогите с java script

Есть задание: :
С помощью сценария java script на web странице реализовать выбор размера шрифта (одного из трех), и соответствующее изменение размера текста на странице.
 
То есть на форму нужно разместить текстовое окно со списком размера шрифта и прописать в обработчик события onclick() команду обновления окна? Когда нужно сделать?
 
Думаю что да, другу задание такое дали. Сделать до завтра.
 
Я сделал бы так. Сразу хочу предупредить - сам скрипт изменения размера текста не мой, найден в Интернете(просто давно уже не имел дело с JavaScript и было лень всё вспоминать:))) и адаптирован к необходимым условиям.
HTML:
<html>
<head></head>
<body>
<script type="text/javascript" language="javascript">
var min=5;
var max=55;
function increaseFontSize1() {
   var p = document.getElementsByTagName('div');
   for(i=0;i<p.length;i++) {
      if(p[i].style.fontSize) {
         var s = parseInt(p[i].style.fontSize.replace("px",""));
      } else {
         var s = 10;
      }
      if(s!=max) {
         s=50;
      }
      p[i].style.fontSize = s+"px"
   }
}

function increaseFontSize2() {
   var p = document.getElementsByTagName('div');
   for(i=0;i<p.length;i++) {
      if(p[i].style.fontSize) {
         var s = parseInt(p[i].style.fontSize.replace("px",""));
      } else {
         var s = 10;
      }
      if(s!=max) {
         s=30;
      }
      p[i].style.fontSize = s+"px"
   }
}




function increaseFontSize3() {
   var p = document.getElementsByTagName('div');
   for(i=0;i<p.length;i++) {
      if(p[i].style.fontSize) {
         var s = parseInt(p[i].style.fontSize.replace("px",""));
      } else {
         var s = 10;
      }
      if(s!=max) {
         s=10;
      }
      p[i].style.fontSize = s+"px"
   }
}

</script>
<div id='d'>
Данный текст будет изменять свой размер!
</div>


<input type="button" name="numenter" value="Установить 1 размер шрифта" onclick="increaseFontSize1()"> <br>
<input type="button" name="numenter" value="Установить 2 размер шрифта" onclick="increaseFontSize2()"> <br>
<input type="button" name="numenter" value="Установить 3 размер шрифта" onclick="increaseFontSize3()"> <br>


</body>
</html>
 
Последнее редактирование:
Спасибо!
 
Всегда пожалуйста!
Да и самому было полезно вспомнить былое...
 
Назад
Сверху