Все выпуски  

Web-программирование - это просто!


Новое на сайте Программирование - это просто! (www.easyprog.ru):

В платном разделе

В бесплатном разделе

Web-программирование: "Java Script(JS): Взаимодействие с пользователем. Элементы управления формы. Текстовые элементы"

 

 

Для использования полей ввода в HTML предназначен тег input с параметрами "text", "password" и "hidden". Первый служит для задания поля ввода, второй для задания поля ввода пароля, где буковки заменяются звездочками. Тэг input с параметром hidden" служит для задания невидимы текстовых элементов. Для задания многоспрочного текста служит тэг <texarea>.

Рассмотрим пример:

<html>

    <head>

        <title>Урок 113. Java Script (JS): объекты текстовых элементов</title>

    </head>

    <body>

        <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

            function ins_tag(tag) {

                var el=document.myform.MyText;

                var text=el.value;

                var beg=el.selectionStart;

                var end=el.selectionEnd;

                if(beg>=0) {

                    el.value=text.slice(0,beg)+"<"+tag+">"+text.slice(beg,end)+"</"+tag+">"+text.slice(end);

                    el.focus();

                    el.selectionStart=beg;

                    el.selectionEnd=end+5+2*tag.length;

                }

            }

        </SCRIPT>

        <form name="myform">

            <textarea name="MyText" cols=30 rows=5></textarea>

            <input type="button" value="Жирно" name="ButtonBold" onClick="ins_tag('B')">

            <input type="button" value="Курсив" name="ButtonEm" onClick="ins_tag('I')">

        </form>

    </body>

</html>

 

В данном примере программа, которая позволяет обернуть выделенный фрагмент текста в тэг:

 

Web-программирование: "Java Script(JS): Взаимодействие с пользователем. Элементы управления формы. Текстовые элементы"

Жмем, например, на кнопочку "Жирно" и выделенный текст  оборачивается в тэги <B></B>:

 

Web-программирование: "Java Script(JS): Взаимодействие с пользователем. Элементы управления формы. Текстовые элементы"

 

С уважением, Шуравин Александр, e-mail: megabax@rambler.ru, автор оставляет за собой право публиковать в рассылках ваши письма, если в письме прямо неоговорено нежелание его публиковать.


В избранное