Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 25.01.2014, 13:16   #11
DpolenST
Форумчанин
 
Регистрация: 28.09.2013
Сообщений: 115
По умолчанию

Цитата:
Сообщение от three_cats Посмотреть сообщение
Только проблема в том, что каждый раз при нажатии на кнопку создаются новые элементы input. Поэтому интерпретатор дальше не работает.
Код:
  <div id=d1>
    <input type='text' rel='1' /><br />
    <input type='text' rel='2' /><br />
    <input type='text' rel='3' /><br />
  </div>
  <input type="button" id=b1 value="Add" />
  <script>
    function rl(r)
      {
       alert(r);       
      }  

    $("#d1").on("focus", "input", function(){
      rl($(this).attr("rel"));
    });

//если вместо on() использовать delegate() то
//   $("#d1").delegate("input", "focus", function(){
//      rl($(this).attr("rel"));
//    });


    $("#b1").click(function(){
     $("div#d1").append("<input type='text' rel='"+($("[rel]").length+1)+"' /><br />");
    });
  </script>
Что бы еще такого сделать, чтобы ничего не делать?
DpolenST вне форума Ответить с цитированием
Старый 25.01.2014, 19:38   #12
three_cats
Форумчанин
 
Аватар для three_cats
 
Регистрация: 27.09.2012
Сообщений: 175
Злость

Ничего не могу понять! НЕ РАБОТАЕТ!

Вот весь код:

Код:
<html>
<head>
<script type="text/javascript" src="jquery-1.10.2.js"></script>
<script>
var ch = -1;

$(document).ready(function() {
newf();
});

$("#wr").on("focus", "input", function() {
	alert($(this).attr("rel"))
});

function onbl() {
$('.btn_edit'+ch).empty();
var tmpvl = $('.inp'+ch).val();
$('.field'+ch).empty();
$('.field'+ch).text(tmpvl);
$('.btn_edit'+ch).append('<button onclick="edit()">edit</button>');
}

function edit() {
var tmpvl = $('.field'+ch).text();
$('.field'+ch).empty();
$('.field'+ch).append('<input type="text" class="inp'+ch+'" value="'+tmpvl+'" onblur="onbl()" />\r\n');
$('.btn_edit').empty();
}

function newf() {
ch++;
$('#wr').append('<div class="wr'+ch+'"></div>\r\n');
$('.wr'+ch).append('<span class="field'+ch+'"></span>\r\n');
$('.wr'+ch).append('<span class="btn_edit'+ch+'"></span>\r\n');
$('.field'+ch).append('<input type="text" class="inp'+ch+'" rel ='+ch+' onblur="onbl()" />\r\n');
$('.wr'+ch).append('<span class="btnn'+ch+'"></span>\r\n');	
$('.btnn'+ch).append('<button onclick="newf()">new</button>\r\n');				
}

</script>
</head>
<body>
<div id="wr">

</div>
</div>
</body>
</html>
Никто

мой блог
three_cats вне форума Ответить с цитированием
Старый 25.01.2014, 20:05   #13
Fenex
Форумчанин
 
Аватар для Fenex
 
Регистрация: 15.02.2012
Сообщений: 823
По умолчанию

Цитата:
Ничего не могу понять! НЕ РАБОТАЕТ!
Тоже не могу понять. Что не работает и как должно работать.

P.S. И да, вы лишний раз div закрываете.
^-.-^ My GitHub
Fenex вне форума Ответить с цитированием
Старый 31.01.2014, 18:56   #14
three_cats
Форумчанин
 
Аватар для three_cats
 
Регистрация: 27.09.2012
Сообщений: 175
Злость

Кто-нибудь даст ответ, почему не работает? Бред какой-то. Тот код DpolenST работает, а практически его копия здесь - НЕТ! В ЧЕМ ДЕЛО?

Код:
<!DOCTYPE html>
<html>

<head>
    <script type="text/javascript" src="jquery-1.10.2.js"></script>
    <script>
        var ch = -1;

        $(document).ready(function () {
            f0();
        });

        $("#main").on("focus", "input", function () {
            alert($(this).attr("rel"));
        });

        function f0() {
            ch++;
            $("div#main").append("<div class='w_" + ch + "'></div>");
            $("div.w_" + ch).append("<input rel='" + ch + "' type='text' class='i_" + ch + "' />");
            $("div.w_" + ch).append("<button class='b_" + ch + "'>+</button>");
        }
    </script>
</head>

<body>
    <div id="main"></div>
</body>

</html>
Никто

мой блог
three_cats вне форума Ответить с цитированием
Старый 01.02.2014, 07:35   #15
three_cats
Форумчанин
 
Аватар для three_cats
 
Регистрация: 27.09.2012
Сообщений: 175
Подмигивание

Решилось так:

Код:
<!DOCTYPE html>
<html>

<head>
    <script type="text/javascript" src="jquery-1.10.2.js"></script>
    <script>
        var ch = -1;

        $(document).ready(function () {
                f0();

                $("div#main").on("focus", "input", function () {
                    alert($(this).attr("rel"));
                });

                function f0() {
                    ch++;
                    $("div#main").append("<div class='w_" + ch + "'></div>");
                    $("div.w_" + ch).append("<input rel='" + ch + "' type='text' class='i_" + ch + "' />");
                    $("div.w_" + ch).append("<button class='b1'>+</button>");
                }
    </script>
</head>

<body>
    <div id="main"></div>
</body>

</html>
Никто

мой блог
three_cats вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как выдернуть текст из тега ? bakanaev Работа с сетью в Delphi 3 03.04.2012 07:47
Как в xml документе отредактировать имя тега? Ecosasha Общие вопросы Delphi 6 28.08.2011 10:52
как взять значение тега <li>? Basiclan HTML и CSS 2 16.06.2011 15:29
Как изменить свойство href тега <A> Ga-sergey JavaScript, Ajax 2 23.04.2010 17:49
Как достать админа? =Bgik= Свободное общение 32 17.01.2009 20:30