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
Поддержка и развитие сайта клининговой компании
906 UAH
Ищу веб-разработчика / веб-мастера для долгосрочной поддержки и развития сайта клининговой компании. Сайт: https://donely.ca О проекте DoneLy Home Services — компания по предоставлению услуг уборки в Канаде, которая активно развивается и расширяет географию работы. Ищу… Javascript и Typescript, Веб-программирование ∙ 9 часов 5 минут назад ∙ 51 ставка |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 1 день 10 часов назад ∙ 26 ставок |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 3 дня 1 час назад ∙ 32 ставки |
Разработка платформы AM Mobility (автосервис, парковка, страхование, аренда автомобилей)
257 282 UAH
Ищем команду или опытного Full Stack разработчика для создания MVP платформы AM Mobility. AM Mobility — это единая цифровая экосистема для автомобилистов, объединяющая в одном приложении и веб-платформе: парковку; автосервис; шиномонтаж; автомойку; аренду автомобилей;… Javascript и Typescript, Веб-программирование ∙ 8 дней 7 часов назад ∙ 119 ставок |
Gsap анимации
1000 UAH
Добрый день. Нужно внести правки в текущем проекте. Нужен специалист, который хорошо работает на gsap/lenis Нужно сделать анимацию карточек. Подробное ТЗ здесь: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Нужно… Javascript и Typescript, Веб-программирование ∙ 8 дней 13 часов назад ∙ 21 ставка |
Toronto