как отображать скрытый текст одним нажатием кнопки

Question

Я спокойно отношусь к веб-технологиям и нуждаюсь в помощи с моим последним заданием. В основном я хочу >> Текстовое поле, которое отображает только 500 символов, независимо от того, сколько времени занимает контент и нажатие на кнопку отображает остальную часть символов/текста. Итак, чтобы дать основную идею. Давайте возьмем пример текстовой области/поля, в котором мы даем ответы, комментируем или задаем вопрос. После того, как мы набрали то, что хотим, и мы подтверждаем или отправляем или что-то еще, оно должно отображать 500 символов, а при нажатии на кнопку он должен отображать остальную часть содержимого. Надеюсь, я сделал достаточно ясный вопрос. Спасибо заранее!

Answer 1

Я хотел бы использовать логику, как это:

• Я хотел бы создать DIV на странице, которая не видна.

• И как только вы нажмете кнопку подтверждения, я получаю содержимое текстового поля, напишу его значение внутри div, используя функцию innerText JavaScript.

• Чем я получу первые 500 символов текстового поля и назначаю его как новое значение текстового поля. (который удалит все остальное из текстового поля, но основной текст останется в невидимом div)

• Когда вы нажимаете кнопку, чтобы использовать для отображения всего текста, я бы нашел div, который содержит Значение; получить его значение и присвоить его текстовому полю в качестве значения. Чтобы он отображал весь текст.

Возможно, вместо div вы также используете скрытое поле.

Answer 2

Это довольно всеобъемлющий вопрос, учитывая ваш фон. Кроме того, вы не совсем понятны, так как вы отмечаете свой вопрос как jquery и drupal-6, но не упоминайте об этом в своем вопросе.

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

Предполагая, что вы хотите закодировать это самостоятельно ради обучения и лучшего понимания, я могу только дать вам несколько общих идей о том, как это сделать.

PHP только:

• имеет форму с текстовым и кнопкой
• отправить на отправить, сохранить текст в качестве источника данных по вашему выбору
• имеет страницу показать первые буквы х этого текста, выполнив что-то вроде substr ($ string, 0, 500). «...»
• когда «читать далее» нажатия на ссылку, есть сценарий показать всю строку и скрыть «читать далее» ссылка

с Javascript:

заменить содержимое с Javascript, например функции jQuery empty() и append()