Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.04.2014, 23:04
Аватар для SlavaP
Новичок на форуме
Отправить личное сообщение для SlavaP Посмотреть профиль Найти все сообщения от SlavaP
 
Регистрация: 22.04.2014
Сообщений: 5

Помогите немого изменить JS и Форму
Всем привет!
Столкнулся с проблемой, не могу найти в инете простую форму "Пароль-Вход".
Т.е. Форма у меня такая есть, но, нужно мне за-место style="display:none;" поставить disabled!

Вот сам код:
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<script type="text/javascript">  
function start1(){
var pas="123";
if(document.getElementById("myPas1").value==pas){
document.getElementById("da1").style.display="block";}
else{document.getElementById("net1").style.display="block";};};
function hide(){
document.getElementById("myPas1").value="";
document.getElementById("da1").style.display="none";};
     </script>
<table border="0" cellpadding="0" cellspacing="0"  align="center">
<tr>
     <td>
<input type="text" size="10" value="" placeholder=" введи 123" name="myPas1" id="myPas1" onclick="hide();">
<input type="button" value="OK" onclick="start1();">
<input type="submit" value="Далее" disabled="disabled">
     </td>
</tr>
</table>
<center><div id="da1" style="display:none;">Можете продолжить!</div></center>
</body>
</html>


P.S. Нужно активировать кнопку "submin"!
Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 22.04.2014, 23:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

SlavaP,
<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
</head>

<body>
    <script type="text/javascript">
        function go() {
            var pas = "123";
            if (document.getElementById("myPas1").value == pas) {
                document.getElementById("next").removeAttribute('disabled')
            } else {
                document.getElementById("next").setAttribute('disabled', 'disabled')
            };
        };
    </script>
    <table border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
            <td>
                <input type="text" size="10" value="" placeholder=" введи 123" name="myPas1" id="myPas1" oninput="go();">
                <input type="submit" value="Далее" disabled="disabled" id="next">
            </td>
        </tr>
    </table>
    <center>
        <div id="da1" style="display:none;">Можете продолжить!</div>
    </center>
</body>

</html>
Ответить с цитированием
  #3 (permalink)  
Старый 24.04.2014, 00:26
Аватар для SlavaP
Новичок на форуме
Отправить личное сообщение для SlavaP Посмотреть профиль Найти все сообщения от SlavaP
 
Регистрация: 22.04.2014
Сообщений: 5

Простите, но есть маленький вопросик!
Мне надо такой скрипт с формой разместить на одной странице 4 штуки!
Экспериментирую, но пока безрезультатно.
Пробую нумеровать ID... и т.д.!
Помогите!
Ответить с цитированием
  #4 (permalink)  
Старый 24.04.2014, 00:31
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

SlavaP,
макет сделайте как выше с вашим кодом

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #5 (permalink)  
Старый 24.04.2014, 01:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

SlavaP, без id - только oninput="go(this);" data-pas="123" сделать и не менять положение кнопки далее
<!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">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript">
        function go(obj) {
            var pas = obj.getAttribute("data-pas"), next = obj.nextElementSibling ;
            if (obj.value == pas) {
                next.removeAttribute('disabled')
            } else {
                next.setAttribute('disabled', 'disabled')
            };
        };
    </script>
</HEAD>
<body>
<!-- **************************************** -->

    <table border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
            <td>
                <input type="text" size="10" value="" placeholder=" введи 123"  oninput="go(this);" data-pas="123">
                <input type="submit" value="Далее" disabled="disabled" >
            </td>
        </tr>
    </table>
<!-- **************************************** -->

    <table border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
            <td>
                <input type="text" size="10" value="" placeholder=" введи 123"  oninput="go(this);" data-pas="123">
                <input type="submit" value="Далее" disabled="disabled" >
            </td>
        </tr>
    </table>
<!-- **************************************** -->
</body>
</html>
Ответить с цитированием
  #6 (permalink)  
Старый 24.04.2014, 01:21
Аватар для SlavaP
Новичок на форуме
Отправить личное сообщение для SlavaP Посмотреть профиль Найти все сообщения от SlavaP
 
Регистрация: 22.04.2014
Сообщений: 5

А за независимые формы - Болшое спасибо! Пригодится!
Ответить с цитированием
  #7 (permalink)  
Старый 24.04.2014, 01:22
Аватар для SlavaP
Новичок на форуме
Отправить личное сообщение для SlavaP Посмотреть профиль Найти все сообщения от SlavaP
 
Регистрация: 22.04.2014
Сообщений: 5

P.S. Я вообще Вас запутал!
Мне нужно чтобы только кнопка "Просмотр ..." была в дисаблед, т.е. после нажатия Ok! становилась активной!

<table border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
            <td>
                <input type="text" size="10" value="" placeholder=" введи 123" name="myPas1" id="myPas1" oninput="go();">
                <input type="submit" value="Ok!">
                <input type="submit" value="Просмотр ..." disabled>
            </td>
        </tr>
    </table>

Последний раз редактировалось SlavaP, 24.04.2014 в 01:29.
Ответить с цитированием
  #8 (permalink)  
Старый 24.04.2014, 02:37
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

SlavaP, http://learn.javascript.ru/dom-cheatsheet
<!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">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript">
        function go(obj) {
            var pas = obj.getAttribute("data-pas"), next = obj.nextElementSibling, prev = obj.previousElementSibling;
            if (prev.value == pas) {
                next.removeAttribute('disabled')
            } else {
                next.setAttribute('disabled', 'disabled')
            };
        };
    </script>
</HEAD>
<body>
<!-- **************************************** -->

   <table border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
            <td>
                <input type="text" size="10" value="" placeholder=" введи 123" >
                <input type="submit" value="Ok!"  onclick="go(this);" data-pas="123">
                <input type="submit" value="Просмотр ..." disabled>
            </td>
        </tr>
    </table>

<!-- **************************************** -->

    <table border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
            <td>
                <input type="text" size="10" value="" placeholder=" введи 123" >
                <input type="submit" value="Ok!"  onclick="go(this);" data-pas="123">
                <input type="submit" value="Просмотр ..." disabled>
            </td>
        </tr>
    </table>
<!-- **************************************** -->
</body>
</html>
Ответить с цитированием
  #9 (permalink)  
Старый 24.04.2014, 02:45
Аватар для SlavaP
Новичок на форуме
Отправить личное сообщение для SlavaP Посмотреть профиль Найти все сообщения от SlavaP
 
Регистрация: 22.04.2014
Сообщений: 5

Всё, Спасибо!
Я доволен, вопрос решён!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите создать форму заказа (тому кто поможет подкину денег) kotunov jQuery 2 22.02.2013 12:37
выбрать и изменить стиль элемента. Помогите найти ошибку nabiullin11 Элементы интерфейса 16 02.09.2011 11:23
помогите js скрипты не окрываются:( новичок Общие вопросы Javascript 2 19.09.2009 16:21
помогите написать аналог строки include("index.php?open=1") на js bushstas Общие вопросы Javascript 1 19.07.2009 02:48
Помогите! Серверный JS swa Серверные языки и технологии 26 13.04.2009 13:23