Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.63/8: Рейтинг темы: голосов - 8, средняя оценка - 4.63
2 / 2 / 0
Регистрация: 15.10.2014
Сообщений: 61

Изменение стилей по клику

17.06.2015, 17:41. Показов 1616. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Нужно сделать изменение стиля по клику. У картинки есть (id="font_bold")

По нажатию текст, в (id="note") должен стать жирным

так же нужно сделать с italic и underline
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
17.06.2015, 17:41
Ответы с готовыми решениями:

Изменение стилей таблицы по клику
Здравствуйте, помогите со следующим вопросом: требуется, что бы по клику на клавишу "Просмотр" изменялись параметры ячейки на...

Неопознанное изменение стилей js
Добрый день форумчане, нашел плагин fullpage.js , для полноэкранного перемещения между блоками, решил что буду это использовать, скачал...

Изменение стилей блоков
день добрый еще вопросик. Есть выпадающее меню в котором при выборе соответствующего пункта открывается определенный див. Но мне бы сделать...

3
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
17.06.2015, 18:02
Лучший ответ Сообщение было отмечено YaJora как решение

Решение

JavaScript
1
2
3
4
5
font_bold.onclick=function(){
note.style.fontWeight="bold";
note.style.textDecoration="underline";
// а вот что такое italic честно говоря не знаю
}
Добавлено через 2 минуты
JavaScript
1
2
3
4
5
font_bold.onclick=function(){
note.style.fontWeight="bold";
note.style.textDecoration="underline";
note.style.fontStyle="italic";
}
1
2 / 2 / 0
Регистрация: 15.10.2014
Сообщений: 61
17.06.2015, 20:17  [ТС]
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<script>
                font_bold.onclick=function(){
                    if(this.getAttribute("toggle")=="1"){
                    this.setAttribute("toggle","0");
                    note.style.fontWeight=""
                }else{
                    this.setAttribute("toggle","1");
                    note.style.fontWeight="bold";
                    }
                };
                
                font_italic.onclick=function(){
                    if(this.getAttribute("toggle")=="1"){
                    this.setAttribute("toggle","0");
                    note.style.fontStyle=""
                }else{
                    this.setAttribute("toggle","1");
                    note.style.fontStyle="italic";
                    }
                };
                font_underline.onclick=function(){
                    if(this.getAttribute("toggle")=="1"){
                    this.setAttribute("toggle","0");
                    note.style.textDecoration=""
                }else{
                    this.setAttribute("toggle","1");
                    note.style.textDecoration="underline";
                    }
                };
            </script>
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
17.06.2015, 20:27
вот так хорошо
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
17.06.2015, 20:27
Помогаю со студенческими работами здесь

Изменение css стилей на javascript
вот css код #upname { background-image: url(img/up.png); background-repeat: no-repeat; height: 15px; width: 15px; position:...

Изменение стилей во фрэйме со стороннего домена
Подскажите, есть какой-нибудь фрэймворк, которым можно изменить стили во фрэйме стороннего домена? Масштабирование фрэйма в уменьшение...

Изменение стилей блока при нажатии на кнопку
Столкнулся с проблемой вывода статей. Хочу реализовать таким образом: изначально статьи на странице выводятся одним образом, но при нажатии...

Можно ли в изменение стилей css подставлять переменную?
Хочу в топ и лефт подставить значение из события clientX, clientY как это сделать? el.style.cssText=&quot;top:cюда;...

Изменение класса по клику
Здравствуйте. У меня есть таблица, в которой пока что 5 строк (данные берутся из БД), но нужна кнопки &quot;show more&quot; - которая...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Программный контроль заполнения реквизита табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список
Maks 01.04.2026
Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа
Maks 01.04.2026
Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .
К слову об оптимизации
kumehtar 01.04.2026
Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр).
Hrethgir 31.03.2026
Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда
anaschu 31.03.2026
В прикрепленном документе раздумья о том, как можно поменять модель в будущем
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru