Bazaprogram.ru

Новости из мира ПК
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Css button click

Попытка создать стиль CSS, который можно применить через событие onclick button

В настоящее время я изучаю веб-дизайн и веб-разработку и создал веб-сайт, чтобы продемонстрировать то, что я узнал в http//.www.ahandbuilt.website

(да, я знаю, что это выглядит ужасно, но я все еще учусь, и кажется, что я пытаюсь бежать, прежде чем смогу ходить)

На главной странице вы увидите три кнопки, которые предназначены для предоставления onclick изменений на странице.

Первые две кнопки предназначены для того, чтобы домашнюю страницу можно было просматривать с CSS примененным стилем или с CSS примененным стилем — как средство отображения эффектов CSS на внешний вид страницы.

В заголовке моего документа HTML у меня есть тег ссылки css следующим образом:

и иметь таблицу стилей под названием handbuilt.css

Таким образом, страница открывается без какого-либо стиля, но при нажатии на соответствующую button она должна обновить значение href ссылки css:

Проблема в том, что button не меняет href в ссылке. Я был бы благодарен за любые подсказки. Я не ищу полного ответа — просто указатель того, где я ошибаюсь.

Правила сайта, с которыми я работаю, означают, что я могу работать только с прямым кодом, без фреймворков. Мои способности на данный момент означают, что я комфортно работаю с HTML, хорошо с CSS и борюсь с JavaScript.

Любые советы или указания будут очень ценны.

5 Ответов

Любые советы или указания будут очень ценны.

Попробуйте открыть инструменты разработчика в вашем браузере (я использую firebug в Firefox, но встроенные средства разработки тоже хороши) и посмотрите на вывод консоли, когда вы нажимаете на button. Если вы еще не знакомы с инструментами разработки, обязательно проверьте их. Они сделают вашу кодирующую жизнь намного проще.

Я не ищу полного ответа — просто указатель того, куда я иду неправильный.

Когда я смотрю на свою консоль Firebug, нажимая кнопку button, я вижу ошибку ReferenceError: myFunction is not defined .

Читать еще:  Увеличить расстояние между элементами списка css

Похоже, что вы вызываете функцию myFunction до того, как она определена. Браузер не знает, что с ним делать, поэтому функция не выполняется.

Могут быть и другие проблемы, но я бы начал с того, чтобы попытаться заставить эту функцию действительно выполняться.

для JS нужно дать идентификатор для элемента link. Например

например (это работа на вашем сайте)

Для этого Вам необходимо использовать javascript для динамического обновления кода HTML вашей страницы. У вас уже есть функция javascript, связанная с вашим button (myFunction0, теперь вам нужно включить правильный код javascript для обновления таблицы стилей.

вы должны иметь что-то вроде этого в вашем заголовке:

Вы можете найти идею того, что нужно написать в этой функции здесь . Этого должно быть достаточно для вас, чтобы решить эту проблему!

Взглянув на свою функцию JavaScript, вы используете метод ‘getElementById’. Как я уверен, вы знаете, вы можете добавить атрибут Id к вашим элементам в HTML. Это именно то, что ищет этот метод. Чтобы проверить это, вы можете открыть свои инструменты разработчика (в Chrome вы можете использовать F12 или щелкнуть правой кнопкой мыши и выбрать ‘Inspect’). В инструментах разработчика есть консоль, где вы можете написать JavaScript, и она вернет вам результаты. Это также место, где информация регистрируется с помощью console.log() и т. д. будет отображаться. Попробуйте добавить идентификатор к элементу and и использовать метод ‘getElementById’ в консоли, чтобы увидеть, что он возвращает.

После того, как вы изучили это, вы можете узнать, что вы можете изменить атрибуты элемента с помощью JavaScript, как только вы выбрали его. Некоторые самоисследования или поиск в Интернете подскажут вам, как это сделать. Таким образом, вы можете просто изменить то, что именно ваша ссылка приводит на страницу..

Читать еще:  Css относительный путь

С помощью этого кода я включаю и отключаю CSS по событию button. Все просто . 🙂

Похожие вопросы:

У меня есть CSS стиль, который рисует кнопку. Мне нужно повторно использовать этот стиль, чтобы нарисовать кнопку другого цвета. .button < color: white; background-color: black; border: 1px solid.

Я добавил небольшое событие onclick к button в моей форме html, и оно не работает. Это тот, который я добавил, который является основным function myFunction() < alert(Hello World!); >а в html г.

Когда SVG непосредственно включается в документ с помощью тега , вы можете применить CSS стили к SVG через таблицу стилей документа. Однако я пытаюсь применить стиль к SVG, который.

У меня есть 2 CSS стилей, которые в значительной степени то же самое, за исключением одного конкретного ‘width’, а другой нет. Как я могу создать стиль CSS, который наследует другой стиль CSS, но.

Я могу применить стиль CSS к ссылке html, используя
Login Можно ли применить.

Возможный Дубликат : Можно ли стилизовать поле выбора? Я хотел бы знать, можно ли с помощью CSS изменить стиль поля выбора HTML. Я хочу сделать button со стрелкой внутри прозрачным, но сохранить.

Как и селекторы атрибутов в CSS, можно ли применить стиль к тексту, который выделен полужирным шрифтом внутри DIV. Например, я могу выбрать DIV, используя CSS селектор атрибутов, как показано ниже.

У меня есть родительская (главная) страница, которая имеет некоторые разделы iframe . И я хочу применить стиль css к внутреннему элементу iframe . Когда я гуглил для него, я нашел много сообщений.

У меня есть одна кнопка, Я хочу применить стиль по умолчанию кнопки и когда пользователь нажимает на кнопку Изменить цвет стиля кнопки на красный и цвет фона на белый. Удар-это мой .css и компонент.

Ссылка на основную публикацию
Adblock
detector