Как сделать чтобы при нажатии на кнопку появлялся текст

Событие onclick

Событие onclick возникает при щелчке левой кнопкой мыши на элементе, к которому добавлен атрибут onclick .

Синтаксис

onclick="скрипт"

Значения

Значение по умолчанию

Применяется к тегам

Пример

HTML5 IE Cr O Sa Fx

     function isEmail() < var str = document.getElementById("email").value; var status = document.getElementById("status"); var re = /^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]$/i; if (re.test(str)) status.innerHTML = "Адрес правильный"; else status.innerHTML = "Адрес неверный"; if(isEmpty(str)) status.innerHTML = "Поле пустое"; > function isEmpty(str)  
Введите адрес электронной почты и нажмите кнопку «Проверить»
 

В данном примере при щелчке по кнопке формы срабатывает событие onclick и идет вызов функции с именем isEmail() , которая проверяет, корректно ли введен адрес электронной почты. При этом справа от поля выводится сообщение об ошибке или наоборот, правильности ввода данных.

Статьи по теме

• Давайте порисуем
• Ссылки во фреймах

Как сделать что-бы по нажатию на кнопку появлялся текст, а при повторном нажатии исчезал?

Мне надо чтобы при нажатии на кнопку «read review» появлялся текст с классом «.hide-text», а при повторном нажатии исчезал, проблема в том что таких элементов у меня 30+ и как сделать по-человечески я не знаю.

Да, еще очень важный момент, можно на чистом js плз.

 
Rank 3
 
 
 
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiatnulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
 
 
 read review  

• Вопрос задан более трёх лет назад
• 2883 просмотра

2 комментария

Простой 2 комментария

Пошаговое руководство. Отображение текста в текстовом поле на листе с помощью кнопки

Область применения:Visual Studio Visual Studio для Mac Visual Studio Code

В этом пошаговом руководстве показано, как использовать кнопки и текстовые поля на листах Microsoft Office Excel и как создавать проекты Excel с помощью средств разработки Office в Visual Studio. Чтобы просмотреть результат в качестве готового примера, см. примеры элементов управления Excel в примерах разработки Office и пошаговых руководствах.

Область применения. Сведения в этом разделе относятся к проектам уровня документа для Excel. Дополнительные сведения см. в разделе «Функции», доступные по Приложение Office ликации и типу проекта.

В этом пошаговом руководстве описаны следующие процедуры.

• Добавление элементов управления на лист.
• Заполните текстовое поле при нажатии кнопки.
• Протестируйте проект.

Отображаемые на компьютере имена или расположения некоторых элементов пользовательского интерфейса Visual Studio могут отличаться от указанных в следующих инструкциях. Это зависит от имеющегося выпуска Visual Studio и используемых параметров. Дополнительные сведения см. в разделе Персонализация интегрированной среды разработки Visual Studio.

Необходимые компоненты

Для выполнения этого пошагового руководства требуются следующие компоненты:

• Выпуск Visual Studio, включающий инструменты разработчика Microsoft Office. Дополнительные сведения см. в статье «Настройка компьютера для разработки решений Office».
• Excel 2013 или Excel 2010.

Создание проекта

На этом шаге вы создадите проект книги Excel с помощью Visual Studio.

Создание проекта

1. Создайте проект книги Excel с именем «Моя кнопка Excel». Убедитесь, что выбран новый документ . Дополнительные сведения см. в статье «Практическое руководство. Создание проектов Office в Visual Studio». Visual Studio открывает новую книгу Excel в конструкторе и добавляет проект кнопки My Excel в Обозреватель решений.

Добавление элементов управления на лист

Для этого пошагового руководства вам потребуется кнопка и текстовое поле на первом листе.

Добавление кнопки и текстового поля

1. Убедитесь, что книга My Excel Button.xlsx открыта в конструкторе Visual Studio с Sheet1 отображением.
2. На вкладке «Общие элементы управления» панели элементов перетащите указатель TextBox Sheet1 мыши.
3. В меню «Вид» выберите окно свойств.
4. Убедитесь, что TextBox1 отображается в раскрывающемся списке «Свойства » и измените свойство Name текстового поля на displayText.
5. Перетащите элемент управления Sheet1 Button и измените следующие свойства:
   

   Свойство	Значение
   Имя	insertText
   Текст	Вставка текста

   Теперь напишите код для запуска при нажатии кнопки.

Заполнение текстового поля при нажатии кнопки

Каждый раз, когда пользователь нажимает кнопку, Hello World! добавляется в текстовое поле.

Запись в текстовое поле при нажатии кнопки

1. В Обозреватель решений щелкните лист1 правой кнопкой мыши и выберите пункт «Просмотреть код» в контекстном меню.
2. Добавьте следующий код в Click обработчик событий кнопки:

private void insertText_Click(object sender, EventArgs e)

Private Sub insertText_Click(ByVal sender As Object, ByVal e As System.EventArgs) _ Handles insertText.Click Me.displayText.Text += "Hello World! " End Sub 

this.insertText.Click += new EventHandler(insertText_Click); 

Тестирование приложения

Теперь вы можете протестировать книгу, чтобы убедиться, что сообщение Hello World! отображается в текстовом поле при нажатии кнопки.

Проверка книги

1. Нажмите клавишу F5 для запуска проекта.
2. Нажмите кнопку .
3. Убедитесь, что Hello World! отображается в текстовом поле.

Следующие шаги

В этом пошаговом руководстве показаны основы использования кнопок и текстовых полей на листах Excel. Ниже приводятся некоторые из возможных последующих задач.

• Развертывание проекта. Дополнительные сведения см. в статье «Развертывание решения Office».
• Использование полей проверка для изменения форматирования.

См. также

• Практическое руководство. Добавление элементов управления Windows Forms в документы Office
• Пошаговое руководство по Excel
• Ограничения элементов управления Windows Forms в документах Office

при нажатии на кнопку

Вы используете устаревший браузер. Этот и другие сайты могут отображаться в нём некорректно.
Вам необходимо обновить браузер или попробовать использовать другой.

Citrys

Участник

Автор темы

Версия MoonLoader Другое

как сделать так, что при нажатии на кнопку ( imui.Button() ) появлялся текст​

barjik

Известный

local imgui = require 'imgui' local main_window_state = imgui.ImBool(false) function main() if not isSampLoaded() or not isSampfuncsLoaded() then return end while not isSampAvailable() do wait(100) end sampRegisterChatCommand('aye', cmd_aye) while true do wait(0) if main_window_state.v == false then imgui.Process = false end end end function cmd_aye(arg) main_window_state.v = not main_window_state.v imgui.Process = main_window_state.v end function imgui.OnDrawFrame() local ex, ey = getScreenResolution() imgui.SetNextWindowSize(imgui.ImVec2(767, 200), imgui.Cond.FirstUseEver) imgui.SetNextWindowPos(imgui.ImVec2(ex / 2, ey / 2), imgui.Cond.FirstUseEver, imgui.ImVec2(0.5, 0.5)) imgui.Begin('Imgui window', main_window_state) -- начало окна if imgui.Button('click') then -- кнопка sampAddChatMessage('click!', -1) -- функция кнопки end imgui.End() -- конец end

Citrys

Участник

Автор темы

local imgui = require 'imgui' local main_window_state = imgui.ImBool(false) function main() if not isSampLoaded() or not isSampfuncsLoaded() then return end while not isSampAvailable() do wait(100) end sampRegisterChatCommand('aye', cmd_aye) while true do wait(0) if main_window_state.v == false then imgui.Process = false end end end function cmd_aye(arg) main_window_state.v = not main_window_state.v imgui.Process = main_window_state.v end function imgui.OnDrawFrame() local ex, ey = getScreenResolution() imgui.SetNextWindowSize(imgui.ImVec2(767, 200), imgui.Cond.FirstUseEver) imgui.SetNextWindowPos(imgui.ImVec2(ex / 2, ey / 2), imgui.Cond.FirstUseEver, imgui.ImVec2(0.5, 0.5)) imgui.Begin('Imgui window', main_window_state) -- начало окна if imgui.Button('click') then -- кнопка sampAddChatMessage('click!', -1) -- функция кнопки end imgui.End() -- конец end

не в чат, а в сомой Imgui

barjik

Известный

не в чат, а в сомой Imgui