@Lord_Dantes
школьник из села на коне.. питоне

Как правильно стилизовать внешние формы?

Hubspot - это система для ведения контактов и т.д
Мне она дает форму js-скриптом. Она конечно же под сайт не подходит (по дизайну) и я делаю следующее:
<script>
								hbspt.forms.create({
									portalId: "айди формы",
									formId: "тоже айди хз"
								});
								document.addEventListener("DOMContentLoaded", () => {
									let cssLink = document.createElement("link");
									cssLink.href = "/css/frameStyleFooter.css";
									cssLink.rel = "stylesheet";
									cssLink.type = "text/css";

									setTimeout(() => {
										document.querySelector('iframe#hs-form-iframe-0').contentDocument.head.appendChild(cssLink); // вот тут то я подключаю стили к своей форме после периода
										document.querySelector('iframe#hs-form-iframe-1').contentDocument.head.appendChild(cssLink); // а вот тут вторую форму если она имеется
									}, 1000);
								});
							</script>

В чем то суть, все работает но очень криво и прям на костылях. Даже при тестировании одна форма не может нормально сгенериться со стилями, и плюс если формы 2 они могут перебиваться потому-что скрипта два, иногда но перебиваться. Подскажите пожалуйста может есть еще какой-то способ более правильный стилизации такого без моего бреда. Спасибо!
  • Вопрос задан
  • 33 просмотра
Пригласить эксперта
Ответы на вопрос 1
@VicTHOR
Сначала все стилизуется на css, делается сколько необходимо вариантов разными классами, а js просто меняет классы и подгружает элементы когда надо.
Стили css должны быть подгружены сразу, и js распределяет уже готовые классы методом classList, например... методы appendChild и подобные нужны для других вещей. Возможно, стоит обратить внимание так же на innerHTML
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы