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

И еще как сделать чтоб кнопка появлялась при вставки ссылок в поле input.

Заранее огромное спасибо за помощь!

29.11.2014, 12:10
Регистрация: 09.11.2014
Сообщений: 610

    push button=document.querySelector("button") textarea=document.querySelector("textarea") textarea.oninput=function()  

Последний раз редактировалось krutoy, 29.11.2014 в 13:09 .
29.11.2014, 12:13
Регистрация: 09.11.2014
Сообщений: 610
29.11.2014, 16:47
Кандидат Javascript-наук
Регистрация: 21.05.2013
Сообщений: 131

krutoy, Спасибо))))
На счет второго нет не нужно проверять. Просто есть обычное текстовое поле в котором можно вводить обычный текст но нужно сделать так чтоб при вставке в него ссылки появлялась кнопка.

Нужно искать регулярным выражением или как еще?

29.11.2014, 16:55
Кандидат Javascript-наук
Регистрация: 21.05.2013
Сообщений: 131

    push button=document.querySelector("button") textarea=document.querySelector("textarea") textarea.oninput=function()  

29.11.2014, 19:09
Регистрация: 09.11.2014
Сообщений: 610

    push button=document.querySelector("#button") textarea=document.querySelector("#textarea") textarea.oninput=function()  

29.11.2014, 19:50
Регистрация: 09.11.2014
Сообщений: 610

     push    

Кнопка будет появляться в случае появлния ссылки в тексте. Проверка не идеальная, но для сельской местности пойдет. Если же надо, чтобы не было ничго кроме ссылки, надо по другому:

     push    

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

В программировании новичок, в поиске не нашел. Мне нужно, чтобы при нажатии на кнопку на форме появлялся текст из файла. Пробовал выводить в label, но выводит только 1 строку, цикл не помогает. Выводит циклом в memo, но мне не нужно чтобы моргал курсор и выделялся текст. И еще вопрос редактирования: как вывести на форму, допустим, таблицу, или же поменять шрифт и цвет некоторых слов? html? Пробовал, не получается. Подскажите, плиз))

Пользователь
Регистрация: 19.05.2010
Сообщений: 40

Измени параметры мемо в object inspector`е.

font dialog гугл в помощь.

Windows обнаружила изменение координат положения курсора мыши, чтобы изменения вступили в силу требуется перезагрузка системы

Пользователь
Регистрация: 21.02.2013
Сообщений: 48
Сообщение от cyber_NINJA

Измени параметры мемо в object inspector`е.

font dialog гугл в помощь.

такого св-ва не нашел, ну это ладно, думаю должно быть.

насчет фонт диалог. это немного не то. мне необходимо, чтобы файл из ворда открылся в моей форме в неизменном виде, т.е. с разметкой, шрифтами и тд. Как такое организовать?

Форумчанин
Регистрация: 21.10.2010
Сообщений: 588
Насколько я помню компонент TMemo не поддерживает форматирование текста. Используйте TRichEdit

Пользователь не знает, чего он хочет, пока не увидит то, что он получил.
Для благодарностей WMR R145235935681

Регистрация: 17.11.2010
Сообщений: 19,042

RichEdit doc-и не ест. Только rtf без картинок. С картинками или RxRichEdit, или RichView. Doc-и — OleContainer

Если бы архитекторы строили здания так, как программисты пишут программы, то первый залетевший дятел разрушил бы цивилизацию

Последний раз редактировалось Аватар; 23.02.2013 в 16:31 .

Появление и исчезновение картинки при клике по кнопке на Javascript

От одного из моих подписчиков на YouTube канале поступил достаточно интересный вопрос. Он спросил, как сделать так, чтобы при нажатии на кнопку появлялась картинка в браузере. А при повторном нажатии на кнопку, чтобы эта картинка исчезала.

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

Алгоритм программы

Первое с чего нужно начинать создание любой программы – это продумать её алгоритм. То есть нужно расписать каждый шаг, который должна будет выполнить наша программа на пути к реализации поставленной задачи. А также, нужно составить алгоритм своих действий при написании программы.

Последовательность создания программы

1. Создать HTML документ и поместить на него 2 объекта: картинку и кнопку.
2. Создать функцию, которая будет скрывать картинку (или отображать её), если пользователь нажмёт на кнопку.
3. Создать событие для кнопки onClick, которое будет вызывать нашу функцию.

Алгоритм работы программы

1. Нажатие на кнопку.
2. Вызов функции.
3. Если картинка в браузере не отображается, то показать её.
4. Если картинка видна в браузере, то спрятать её.

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

Исчезновение картинки при клике по кнопке

Для начала, сделаем так, чтобы при нажатии на кнопку картинка исчезала.

HTML

 Показать/Скрыть картинку

JS

function myImg()

В данном примере, при загрузке страницы в браузере, мы выводим на экран картинку Clipboard01. Для этой картинки мы указываем атрибуты id и style. С помощью document.getElementById мы получаем ссылку на элемент по его идентификатору (по ID) и меняем атрибут style на display:none. То есть делаем картинку невидимой (скрываем её отображение в браузере).

Отображение картинки при нажатии на кнопку

Теперь давайте сделаем так, чтобы при нажатии на кнопку, картинка отображалась в браузере.

HTML

 Показать/Скрыть картинку

JS

function myImg()

В данном примере, мы просто поменяли местами стиль отображения картинки. То есть, изначально при открытии HTML документа картинка у нас не видна (style=»display:none;»), а когда мы нажимаем на кнопку, то происходит замена display:none на display:block и картинка становится видимой.

Появление и исчезновение картинки при нажатии кнопки

Теперь, поняв как всё работает, мы можем объединить первый и второй вариант кода и написать условие, используя операторы If Then Else:

HTML

 Показать/Скрыть картинку

JS

function myImg() < let elem = document.getElementById('img_1'); // получаем элемент по ID let style = getComputedStyle(elem); // получаем его стили if (style.display === 'none') < document.getElementById('img_1').style.display='block'; >else if (style.display !== 'none') < document.getElementById('img_1').style.display='none'; >>

В этом примере, мы изначально делаем картинку невидимой, указав style=»display:none;».

При нажатии на кнопку, мы получаем ссылку на нашу картинку по ID.

Затем, с помощью getComputedStyle получаем объект, содержащий значения всех CSS-свойств элемента (в данном случае нашей картинки).

После этого происходит проверка, если у картинки свойство display равно none (то есть, если картинка не отображается), то мы меняем его на block и тем самым выводим картинку на экран.

Если же свойство display не равно none (то есть картинка видна), то мы меняем его на none и тем самым скрываем изображение.

Обратите внимание на то, что втором условии мы выполнили проверку именно неравенства (указали НЕ равно none), хотя могли написать условие else if (style.display === ‘block’). Этот вариант тоже будет работать, но при условии что для отображения картинки мы всегда будем использовать display:block.