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

Изменение стилей таблицы по клику

13.06.2015, 10:02. Показов 1435. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте, помогите со следующим вопросом: требуется, что бы по клику на клавишу "Просмотр" изменялись параметры ячейки на заданные(ширина, высота, шрифт текста). В моём понимании, у меня есть кнопка button и после её нажатия должен запускаться отдельный CSS-файл, но вот как точно это реализовать не знаю.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
13.06.2015, 10:02
Ответы с готовыми решениями:

Изменение стилей по клику
Нужно сделать изменение стиля по клику. У картинки есть (id="font_bold") По нажатию текст, в (id="note") должен стать...

Смена файла стилей по клику
Доброго времени суток! Подскажите, есть JS с кнопкой. По нажатию на кнопку, меняется файл стилей, но обратно не меняется... В чем дело? ...

Смена цветовых стилей по клику
Не знал где создать тему - в js или php, в итоге залил сюда. Всем доброго времени суток. Как поменять стиль по клику я вроде...

3
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
14.06.2015, 20:03
IamBeeMaster, не обязательно использовать отдельный файл. Как вариант, используя jquery, можно в одну функцию это реализовать

JavaScript
1
2
3
4
5
6
7
8
9
$("#id_кнопки").click(function () {
   var table = $("#id_таблицы");
   table.css({
      /* тут ваши css стили */
      "width" : "100px",
      "minHeight" : "100px"
   });
   
});
1
Модератор
Эксперт JS
 Аватар для Eva Rosalene
5241 / 2115 / 416
Регистрация: 06.01.2013
Сообщений: 4,846
14.06.2015, 20:44
А можно и подключить отдельный стайлшит...

JavaScript
1
2
3
var styleBlock = document.createElement('style');
styleBlock.appendChild(document.createTextNode(cssContent));
document.head.appendChild(styleBlock);
где cssContent - переменная с css-кодом.
1
 Аватар для alexsamos33
669 / 640 / 335
Регистрация: 26.04.2014
Сообщений: 2,122
16.06.2015, 15:14
А можно просто прописать стили для отдельного класса, например clicked и при клике на таблицу подставлять этот класс.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
16.06.2015, 15:14
Помогаю со студенческими работами здесь

Сортировка Таблицы формы (полученной из Дерева значений) по клику на заголовки таблицы
Добрый день уважаемые форумчане ... Есть проблема - прошу совета у Гуру ... Пришлось для списка Документов сделать Дерево значений и...

Изменение стилей
Доброго всем времени суток. Собственно, есть следующая тема для WP: http://demo.wpzoom.com/photoria/ Очень хотелось бы узнать,...

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

Изменение стилей инпутов
Как изменить стиль инпутов, таких как tyрe=number. Или <select>. интересуют стили именно стрелочек.

Изменение стилей элементов
Здравствуйте, у меня такая задача: есть код HTML <span ><input type="checkbox" value="1" /></span> <div > </div> он...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru