js не работает универсально на всех браузерах
250 UAH
Мой сайт: ctw-project.org
Маленький скрипт на js должен отрабатывать 5 табов и работает нормально у меня на Google Chrome (GC). В IE не работает и у друзей на старых версиях GC вместо информации в полях табов - пусто (скрипт не работает). Мне надо показать и рассказать, как сделать, чтобы js работал стандартно во всех браузерах. Вот сам скрипт:
var tabButtons=document.querySelectorAll(".tabContainer .buttonContainer button");
var tabPanels=document.querySelectorAll(".tabContainer .tabPanel");
function showPanel(panelIndex,colorCode) {
tabButtons.forEach(function(node){
node.style.backgroundColor="";
node.style.color="";
node.style.textDecoration="";
});
tabButtons[panelIndex].style.backgroundColor=colorCode;
tabButtons[panelIndex].style.color="darkblue";
tabButtons[panelIndex].style.textDecoration="underline";
tabPanels.forEach(function(node){
node.style.display="none";
});
tabPanels[panelIndex].style.display="block";
tabPanels[panelIndex].style.backgroundColor=colorCode;
}
showPanel(0,'#cfe2cf');
<!--[if !supportLineBreakNewLine]-->
<!--[endif]-->
Отзыв заказчика о сотрудничестве с Ярославом Вапничним
js не работает универсально на всех браузерахВсе на высшем уровне! Скорость, четкость, ясность изложения и объяснения результата (как код работает и почему). Особо хочу отметить легкость общения, уважительное отношение и доступность обсуждения попутных вопросов. Новые задания можно смело направлять Ярославу.
Отзыв фрилансера о сотрудничестве с Rost Zemlinsky
js не работает универсально на всех браузерахВсе отлично, подробное задание и оперативная обратная связь, никаких вопросов. Рекомендую Ростислава как хорошего и надежного заказчика!
-
Антон Б. Netwechsel1. У вас все работает.
2. Для таких вещей есть toster и stackoverflow.
Закройте ваше объявление.
-
какае версии браузеров у Ваших друзей??
any way:
console.log(type of document.querySelectorAll(".tabContainer .buttonContainer button"))
aka object
forEach and object! "ok Google" 😉
-
foreach он применяет для массива в котором находятся обьекты
-
ок, розкажи про це Ослику ))
-
query selector возвращает нод лист,который не являеться масивом но для него работают методы перебора массива в т.ч forEach.https://developer.mozilla.org/ru/docs/Web/API/NodeList
-
can I use it
просто для інформації 😉
і по факту! мене Ви вже переконали!!! залишилось зовсім трохи і питання вирішиться)
-
Актуальные фриланс-проекты в категории Javascript и Typescript
Поддержка и развитие сайта клининговой компании
919 UAH
Ищу веб-разработчика / веб-мастера для долгосрочной поддержки и развития сайта клининговой компании. Сайт: https://donely.ca О проекте DoneLy Home Services — компания по предоставлению услуг уборки в Канаде, которая активно развивается и расширяет географию работы. Ищу… Javascript и Typescript, Веб-программирование ∙ 3 часа 7 минут назад ∙ 38 ставок |
Разработка корпоративной финансовой системы — React, TypeScript, Node.jsИщем опытного full-stack разработчика или небольшую команду для разработки корпоративной финансовой системы с нуля. Необходимо реализовать полный цикл разработки: проектирование архитектуры, backend, frontend, базу данных, тестирование и запуск системы. Технологии: Frontend:… Javascript и Typescript, Веб-программирование ∙ 23 часа 35 минут назад ∙ 64 ставки |
Game Developer
53 768 UAH
Ищем опытного разработчика игр для доработки существующего проекта на PixiJS. Необходимо улучшить математическую систему игры, переработать и сбалансировать бонусные раунды, а также внести изменения в текущую игровую логику. Обязателен опыт коммерческой разработки игр и… Javascript и Typescript, Разработка игр ∙ 1 день 4 часа назад ∙ 14 ставок |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 1 день 4 часа назад ∙ 25 ставок |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 2 дня 19 часов назад ∙ 32 ставки |
Toronto