VPF::Подсказки на jquery - Форум программистов

Ytkonos

Дата 15.10.2010, 11:47 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 117
Регистрация: 15.10.2004
Где: MO

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

Помогите пожалуйста с подсказками на jquery. Просмотрел примеры подсказок.Вроде не так сложно сделать, но не пойму как реализовать следующее.
Есть таблица,в которой выводятся данные из БД. Нужно чтобы при наведении на строку появлялась подсказка с 2-мя иконками-ссылками в области этой строки. Одна ссылка ведет на редактирование данных ячеек этой строки, вторая ссылка удаляет эту строку. Не совсем понятно, как связать эту строку с записью в бд, чтобы именно та строка, на которой вылезла подсказка была удалена.Подскажите, пожалуйста, как можно реализовать или поделитесь ссылками на примеры такого плана...

bars80080

Дата 15.10.2010, 15:09 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 3
Всего: 315

в строчку при генерации таблицы на сервере вставляем идентификатор строки в БД. к примеру так:
<tr alt="45"><td>...
на ячейку вешается вызов подсказки вида:

Код


$('#table tr').hover(hint);

function hint(evt) {
    var el = evt.target;
    var uid = $(el).attr('alt');
    // ...
}

вот у нас уже есть id и мы можем его прописать к обработчику первой и второй ссылки

DeamonShan

Дата 20.10.2010, 23:12 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 503
Регистрация: 26.11.2005

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

у меня такая задача реализована так:

Код


<tr id="2">.....</tr> //id=2 идентификатор в базе

затем клик по нужной иконке, на которуюа вешается событие click();

Код


$("#selector tr").click(function(){
.....
var id=$(this).attr("id");

do_somsing_with_id(id);
});

далее отпраляется запрос на сервер аяксом, $.post(), $.get(), $.ajax()....

так же и на редактирование....

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

Извеняюсь за свой русский)))

Ytkonos

Дата 10.11.2010, 00:46 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 117
Регистрация: 15.10.2004
Где: MO

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

Сделал подсказку:

Код


$('tr').mouseover(function(ev) {
        $("#aud_help", ev.currentTarget).show();
            });
$('tr').mouseout(function(ev) {
        $("#aud_help", ev.currentTarget).hide();
            });

И удаление записи по клику по иконке в этой подсказке:

Код


    $("#delete_aud").click(
        function (){
            var id_aud =$('tr').attr("id");
            $("#dialog_delete_aud").dialog({
                position: ["left","middle"],
                height: 150,
                width: 250,
                modal: true,
                resizable: false,
                buttons:{
                
                            "ОК": function()
                                {
                                    $.post
                                        (
                                        "<xsl:value-of select="$href-to-dummy"/>delete",
                                        {id:id_aud},
                                        function(data){ }
                                        );
                            
                                    $("#dialog_delete_aud").dialog("destroy");
                                },
                            "Отмена": function()
                                {
                                    $("#dialog_delete_aud").dialog("destroy");
                                }
                        },
            });
        }
    );

в tr-ке прописал,например:

Код


<tr id="2"></tr>

Никак не могу подхватить значение айди той строки, которую нужно удалить:
var id_aud =$('tr').attr("id");

Подскажите, пожалуйста, как правильно нужно прописать.

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