VPF::Как заблокировать кнопку - Форум программистов

Guedda

Дата 29.3.2010, 16:30 (ссылка)

(нет голосов)

Загрузка ...

Подрывник

Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: нет
Всего: 78

Добрый день. Есть скрипт:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru" dir="ltr">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <script>
        var var_cnt=0;
        function addtxt() {
            el=document.getElementById("test");
            if (var_cnt==7) {
                el.innerHTML+="Больше создать нельзя";
            } else {
                el.innerHTML+="\r\n<li>Рапопырты</li>"; 
                var_cnt++;
            }
        }
    </script>
</head>
<body>
    <form action="">
        <ul id="test">
            <li>Рапопырты</li>
            <li>Рапопырты</li>
            <li>Рапопырты</li>            
        </ul>
        <input type="button" onclick="addtxt()" value="Добавить текст" />
    </form>
</body>
</html>

Мне необходимо, чтобы после 7 добавлений кнопка становилась disabled="disabled". Как мне это реализовать? Уже измучался полностью.

Заранее благодарен за ответы.

--------------------

Ll 2

comtat

Дата 29.3.2010, 16:35 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1310
Регистрация: 2.5.2006
Где: Россия, Казань

Репутация: 7
Всего: 71

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru" dir="ltr">
<head>
    <meta http-equiv="content-type" content="text/html; charset=cp1251" />
    <script>
        var var_cnt=0;
        function addtxt() {
            el=document.getElementById("test");
            if (var_cnt==7) {
                el.innerHTML+="Больше создать нельзя";
                document.getElementById("btn").disabled = true;
            } else {
                el.innerHTML+="\r\n<li>Рапопырты</li>"; 
                var_cnt++;
            }
        }
    </script>
</head>
<body>
    <form action="">
        <ul id="test">
            <li>Рапопырты</li>
            <li>Рапопырты</li>
            <li>Рапопырты</li>            
        </ul>
        <input id="btn" type="button" onclick="addtxt()" value="Добавить текст" />
    </form>
</body>
</html>

--------------------

Рожденный в СССР !!!
ExtJS - мой фреймворк

Guedda

Дата 29.3.2010, 16:42 (ссылка)

(нет голосов)

Загрузка ...

Подрывник

Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: нет
Всего: 78

comtat, ай спасибо дорогой. Держи плюсик.

--------------------

Ll 2

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »