Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг: Рейтинг темы: голосов - 17, средняя оценка - 4.88
tiksi
1 / 1 / 1
Регистрация: 15.05.2013
Сообщений: 46
#1

Добавление строк в таблицу (JQuery) - jQuery

16.05.2013, 03:37. Просмотров 2364. Ответов 1
Метки нет (Все метки)

Доброго времени суток.
Прошу помощи у профессионалов.
Вот код:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
 
    <meta charset="UTF-8">
    <title> </title>
    <script type="text/javascript" src="http://yandex.st/jquery/1.4.2/jquery.js"></script>
 
<script>
$(document).ready(function(){
    var comments = "_"; $('.addComment').click(function() {
        $('#comments').append('<tr id="'+comments+'"><td><input type="text"/></td><td><input type="button" class="star" value="*"/></td><td><div class="removeComment" comment_id="'+comments+'">x</div></td></tr>');
    }); 
    
    $('#comments').delegate('.removeComment', 'click', function(e) {
        var id = $(this).attr('comment_id');
            $('#'+id).remove(); e.preventDefault(); 
    });
    
    $(".star").click(function () {
        alert('star');
    });
    
    $(".removeComment_first").click(function(){
        $('.b-login5__adress').fadeOut(300);
    });
    $("#some_adress2").click(function () {
        $('.b-login5__adress').fadeOut(300);
    });
});
</script>
 
<script>//popap
$(document).ready(function(){
            $('#toggleadress3').dopPopup($('#adress3'));
        });
 
(function($, window) {
    $.fn.dopPopup = function($adress3) {
        var $self = this,
            $window = $(window);
 
        return this.click(
            function() {
                $adress3.fadeIn(300).bind('click.bLogin5', function(event){
                    event.stopPropagation();
                });
                return false;
            },
            function(){
                $adress3.fadeOut(300).unbind('.bLogin5');
                $window.unbind('.bLogin5');
                return false;
            }
        );
    };
})(jQuery, window);
</script>
<style>
.some_adress_wrap{height: 20px; width: 189px; position: relative; margin: 7px 0 0px 0;}
#some_adress {border-bottom: 1px dashed black; cursor: pointer; position: relative; float: right; margin: -4px 5px 0px 0;color: #575656}
#some_adress2 {border-bottom: 1px dashed black; cursor: pointer; position: relative; float: right; margin: -26px 15px 0px 0;color: #575656}
#some_adress:hover, #some_adress_return:hover{border: 0;}
#some_adress_return {border-bottom: 1px dashed black; cursor: pointer; position: relative; z-index:2; float: right; display: none;margin: -4px 5px 0 0;color: #575656;}
.b-login5__adress { background: #bebebe;display: none; left: -5px; top: 22px; position: absolute; z-index:4;}
</style>
 
<body>
    <div class="some_adress_wrap">
        <div id="toggleadress3">
            <a id="some_adress">Добавить адрес</a>
        </div>
        <div class="b-login5__adress" id="adress3">
            <a id="some_adress2">Добавить адрес</a>
                <table id="comments">
                    <tr>
                        <td><input type="text" /></td>
                        <td><input type="button" class="star" value="*"/></td>
                        <td><div class="removeComment_first">x</div></td>
                    </tr>
                </table>
                <table class="table_add_buttons">
                    <tr>
                        <td>
                            <div class="addComment"><a href="#" class="main_bold_font">+ Добавить адрес</a></div>
                        </td>
                    </tr>
                </table>
        </div>
    </div>
</body>
 
</html>
1) При добавлении строк в таблицу не работает кнопка со звездочкой.
2) Как сделать чтобы если первая строка одна, то первый крестик закрывал весь попап(как в данный момент). Но когда мы кликаем на ссылку +Добавить адрес (соответственно добавляется 2 строки и более) первый крестик не закрывал попап, а удалял текущую строку.
Пытаюсь, но за неимением опыта не могу реализовать.
Очень надеюсь на Вашу помощь.
Заранее благодарю.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
16.05.2013, 03:37
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Добавление строк в таблицу (JQuery) (jQuery):

jQuery динамическое добавление строк в таблицу
Форумчане, need help) возникла проблема. нужно по клику на кнопку добавить...

Добавление строк в таблицу
Подскажите, пожалуйста, как ограничить количество добавленных строк в таблице,...

jquery: Добавление обьекта
Всем привет. Столкнулся со следующей проблемой. Мне нужно динамически...

Добавление строк в таблицу
Добрый вечер. подскажите пожалуйста, как правильно добавить строку в таблицу,...

Добавление строк в таблицу с различными данными
Доброго времени суток, форумчане! Как сделать таблицу из 5 колонок, в первой...

Не простое добавление удаление класса Jquery
Привет друзья, я только начинаю изучать джиквери, стал такой вопрос, есть...

1
Donald28
странник
809 / 480 / 108
Регистрация: 28.05.2012
Сообщений: 1,516
Записей в блоге: 2
16.05.2013, 22:17 #2
попробую на пальцах описать как работает jQuery.
Обычно все команды пишутся когда все страница загрузилась:
Javascript
1
$(document).ready(function(){
Для чего это делается? когда привязывают к селектору событие (клик, наведение и т.д.) или добавляют/удаляют для этого селектора стили и атрибуты, то все это фактически привязывается не к селектору, а к конкретному DOM-объекту (не знаю как точно это делается в библиотеке jQuery, но думаю каждому объекту присваивается свой индекс и все события привязываются к этим индексам).

Таким образом, на добавленные объекты после загрузки страницы действие скриптов не распространяется.

Но выхода есть 2.
1. (не рекомендую) Снова объявлять событие для объекта, который был создан, после его создания.
2. Использую clone
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
16.05.2013, 22:17
Привет! Вот еще темы с решениями:

Динамическое добавление изображения с использованием jQuery
Помогите студенту, плиз) Есть четыре элемента (цветных прямоугольника) со...

Добавление фонового рисунка через jQuery
Всем привет, есть реализация многоуровневого списка с jQuery. Хочу добавить...

Необходимо на jquery сделать добавление/удаление блока с контентом
Приветствую, в общем суть следующая, необходимо сделать функцию по ...

Есть ли в jQuery способ поставить charset на одну таблицу
С чужого сайта беру таблицу к себе через php и вставляю в div, у них другая...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru