VPF::таблица jquery next(); - Форум программистов

evya

Дата 26.9.2013, 08:58 (ссылка)

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

Загрузка ...

Опытный

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

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

столкнулся с проблемой листинга

есть таблица, необходимо переместить класс class="main" на следующий img отталкиваясь где он установлен.

Код


<table>
<tr>
<td> <img src="1.jpg"></td>
<td> <img src="2.jpg"> </td>
<td> <img class="main"src="3.jpg"> </td>
</tr>
<tr>
<td> <img src="4.jpg"></td>
<td> <img src="5.jpg"> </td>
<td> <img src="6.jpg"> </td>
</tr>
</table>

В рамках одного tr перемещается, а в рамках всей таблицы не хочет. как лучше написать условие

Код



<a href="javascript:void(0);" onclick="next();">Следующий</a>


<script>
function next() {


                        }


</script>

ksnk

Дата 26.9.2013, 09:52 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

Цитата(evya @ 26.9.2013, 08:58

)

В рамках одного tr перемещается, а в рамках всей таблицы не хочет. как лучше написать условие

И как он перемещается в рамках строки?

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

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

evya

Дата 26.9.2013, 10:06 (ссылка)

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

Загрузка ...

Опытный

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

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

ksnk,

$('.main').parent('td').next().children('img').addClass('main');
$('.main:last').parent('td').prev().children('img').removeClass('main');

но это в рамках td и как то смущает конструкция

ksnk

Дата 26.9.2013, 10:53 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

Код



function next(){
    var main=$('.main'),
        img_next=$('img',main.parents('td').eq(0).next());
    if(img_next.length==0) {
       img_next = $('img',main.parents('tr').eq(0).next()).eq(0);
    }
    
    if(img_next.length>0) {
       main.removeClass('main');
       img_next.addClass('main');
    }
}

Это сообщение отредактировал(а) ksnk - 26.9.2013, 10:53

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

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

evya

Дата 26.9.2013, 11:50 (ссылка)

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

Загрузка ...

Опытный

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

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

а если мне нужно с 6.jpeg на первый переключиться 1.jpeg

ksnk

Дата 26.9.2013, 11:56 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

Код


function next(){
    var main=$('.main'),
        img_next=$('img',main.parents('td').eq(0).next());
    if(img_next.length==0) {
       img_next = $('img',main.parents('tr').eq(0).next()).eq(0);
    }
    if(img_next.length==0) {
       img_next = $('img',main.parents('table').eq(0)).eq(0);
    }
    
    if(img_next.length>0) {
       main.removeClass('main');
       img_next.addClass('main');
    } 
}

Это сообщение отредактировал(а) ksnk - 26.9.2013, 11:57

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

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

evya

Дата 26.9.2013, 18:24 (ссылка)

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

Загрузка ...

Опытный

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

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

спасибо
выручил
ksnk,

evya

Дата 26.9.2013, 19:15 (ссылка)

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

Загрузка ...

Опытный

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

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

в обратную сторону, кому нужно

Код



function lastimg () {
    
var main=$('.img_border'),img_next=$('img',main.parents('td').eq(0).prev());

    if(img_next.length==0) {
                                img_next = $('img',main.parents('tr').eq(0).prev()).last();
                          }
    if(img_next.length==0) {
                                    img_next = $('img',main.parents('table').eq(0)).last();
                        }
    
    if(img_next.length>0) {
                            main.removeClass('img_border');
                          var index=img_next.addClass('img_border').attr('src');
                            openimg(index);
                         }

}

Это сообщение отредактировал(а) evya - 26.9.2013, 19:19

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