DHTML - Изменить текст на странице, используя поле ввода - PullRequest
Новая
       22

DHTML - Изменить текст на странице, используя поле ввода

0 голосов
/ 03 февраля 2012

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

Этого необходимо достичь без использования HTML5 или Flash, так как пользователи будут использовать IE8, не у всех будут установлены плагины Flash.

Поэтому я начал с изучения DHTML, чтобы достичь желаемого эффекта. В настоящее время я могу изменить пример текста, когда пользователь вводит в поле ввода, но только предварительно определенное значение («Пример» в приведенном ниже коде), как мне отредактировать этот код для отображения определенного пользователем значения?

JS 

    function changetext(id)
{
id.innerHTML="Example";
}

HTML 

<form>
Content:<input type="text" id="input" onkeyup="changetext(preview)" />  
</form>

<p id="preview">No content found</p>

1 Ответ

0 голосов
/ 03 февраля 2012

Вам нужно иметь что-то подобное в функции: 

function changetext(id){
   var info = document.getElementById('input').value();
   id.innerHTML = info;
}

Это JS не совсем правильно. Я настоятельно рекомендую вам начать использовать библиотеку javascript, например jQuery . Это делает это черствым заданием.

Отредактировано:

jQuery будет отлично работать в IE8. в jQuery вам не нужно будет прикреплять js к вашему входу. Код будет выглядеть так. 

$('#input').click(function(){
    $('#preview).html(this.val());
});

Это намного чище и не содержит js в html.

...