+ Ответить в теме
Показано с 1 по 4 из 4

Тема: HTML Нажатие на кнопку

  1. #1
    powerking is on a distinguished road
    Регистрация
    09.12.2017
    Сообщений
    2
    Вес репутации
    0

    По умолчанию HTML Нажатие на кнопку

    На html языке отобразить картинку и кнопку.При нажатии на кнопку должна отображатся другая картинка ,при повторном нажатии снова первая картинка ,так каждое нажатие.

  2. По умолчанию

     
    Хотите избавиться от рекламы? Зарегистрируйтесь
  3. #2
    Administrator Админ
    system architect
    AiK is on a distinguished road Аватар для AiK
    Регистрация
    13.02.2004
    Адрес
    СПб
    Сообщений
    2,296
    Вес репутации
    80

    По умолчанию Re: HTML Нажатие на кнопку

    При нажатии на кнопку менять стиль. В стилях задать картинку.
    Даже самый дурацкий замысел можно воплотить мастерски

  4. #3
    powerking is on a distinguished road
    Регистрация
    09.12.2017
    Сообщений
    2
    Вес репутации
    0

    По умолчанию Re: HTML Нажатие на кнопку

    Цитата Сообщение от AiK Посмотреть сообщение
    При нажатии на кнопку менять стиль. В стилях задать картинку.
    Можно сам код?
    пожалуйста!

  5. #4
    Administrator Админ
    system architect
    AiK is on a distinguished road Аватар для AiK
    Регистрация
    13.02.2004
    Адрес
    СПб
    Сообщений
    2,296
    Вес репутации
    80

    По умолчанию Re: HTML Нажатие на кнопку

    добавить класс document.getElementById("YourElementID").classList .add('ClassWithImage1');
    удалить класс
    document.getElementById("YourElementID").classList .remove('ClassWithImage1');

    привязать к кнопке обработчик события Onclick

    Код javascript:
    1.     function changeClass()    {
    2.         //здесь добавить код, устанавливающий новый класс и удаляющий старый (см. выше)
    3.     }
    4.  
    5.     window.onload = function()    {
    6.         document.getElementById("YourButton").addEventListener( 'click', changeClass);
    7.     }

    ну и html

    Код html:
    1. <button id="YourButton">Кликни меня</button>
    2. <div id="YourElementID"></div>

    стиль CSS, надеюсь, сам осилишь.
    Даже самый дурацкий замысел можно воплотить мастерски

+ Ответить в теме

Похожие темы

  1. Как скрыть кнопку?
    Подскажите, пожалуйста, как в Excel программно скрыть кнопку (CommandButton), находящуюся на рабочем листе и как ее обратно вставить на прежнее место?
    от aks_sv в разделе MS Office и VB(A).
  2. Нажатие клавиш
    Люди, кто-нибудь подскажите пожалуйста, как сделать обработку клавиш так, чтобы если нажата клавиша и выполняется какое-либо действие, то при нажатии...
    от Kol в разделе Delphi и Pascal
  3. Реакция на нажатие клавиш.
    Подскажите пожалуйста. Есть такая ситуация: в программе, написаной на Delphi, по нажатию кнопки запускается процесс и он может идти очень долго в...
    от Alexander в разделе Delphi и Pascal
  4. Как нажать кнопку!!!
    Ситуация следующая: Есть диалоговое окно (считаем внешнее) Есть приложение, с помощью которого находим это окно. Перебираем его элементы и находим...
    от arris в разделе C и C++
  5. Помогите разобраться со слоями в HTML (HTML + JavaScript + )
    Просьба ко всем участникам форума: помогите немного разобраться с порядком слоев в HTML. Ваши советы очень важны для меня. Есть HTML страничка на...
    от Lexus в разделе JScript, VBScript, DHTML...

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения