VPF::Поменять блоки местами (jquery) - Форум программистов

andriy89

Дата 30.1.2014, 03:09 (ссылка)

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

Загрузка ...

Новичок

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

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

Здравствуйте!

Подскажите пожалуйста, можно ли (и как) поменять местами два блока после загрузки страницы, чтобы пользователь не видел мельканий ?

_zorn_

Дата 4.2.2014, 04:26 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1077
Регистрация: 21.8.2007

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

Для начала зачем ? Почему их сразу не выводить как нужно ?
Ну а код на вскидку примерно такой (естественно не проверял smile

)

Код


var first = document.getElementById('first');
var second = document.getElementById('second');
first.parentNode.insertBefore(second,first);
second.parentNode.insertBefore(first,second);
first.parentNode.removeChild(first);
second.parentNode.removeChild(second);

capitan

Дата 6.2.2014, 11:59 (ссылка)

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

Загрузка ...

Опытный

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

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

_zorn_, судя по названию темы, человек просил код на Jquery, а не нативный JS.

Я бы сделал следующим образом:
1. Через CSS назначил ширину и высоту блоков и навесил бы display:none;
2. Через JS, во время загрузки страницы менял их местами и выводил. Как то так.

Код


$(document).ready(function() {        
    content1 = $('#block1').html();
    content2 = $('#block2').html();
    
    $('#block1').html(content2).show();
    $('#block2').html(content1).show();
});

Это сообщение отредактировал(а) capitan - 6.2.2014, 12:01

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