Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > Подсказки на jquery

Автор: Ytkonos 15.10.2010, 11:47

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

Автор: bars80080 15.10.2010, 15:09

в строчку при генерации таблицы на сервере вставляем идентификатор строки в БД. к примеру так:
<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

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

Код


<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

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

Код


$('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");

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