Забыли пароль?
Запросите новый здесь.

Голосование
Что вас интересует на нашем сайте больше всего?

База аддонов
База аддонов
14% [1 Голос]

Форум, поиск ответов
Форум, поиск ответов
14% [1 Голос]

Общение
Общение
43% [3 Голосов]

Новости
Новости
0% [0 Голосов]

Другое
Другое
29% [2 Голосов]

Голосов: 7
Вы должны авторизироваться, чтобы голосовать.
Начат: 16.05.2017 07:06

Архив опросов
Случайная тема
Друзья проекта
Unlogic W0rst Lab
All Fusion :: Плагины, моды, темы оформления для 6 и 7 версий PHP-Fusion
Система Smart для PHP-Fusion
Миничат
Только пользователи могут отправлять сообщения.

Pisatel
Offline
· 13.06.2017 12:07
Vova, не люблю сторонние сервисы)) Тем более, у меня нет больших рассылок, статистика особо не нужна

Vova
Offline
· 13.06.2017 11:33
Pisatel: у меня везде smtp и все работает, чтобы видеть статусы писем есть постмастеры и fbl. Попробуй mailgun.com.

Vova
Offline
· 13.06.2017 11:31
Есть Атомы n2800, 4gb ram ddr3, 2 tb sata по 600руб в месяц без платы за установку. ДЦ Гравлин и Рубе.

Pisatel
Offline
· 13.06.2017 08:20
Надеюсь, понятно объяснил)) Я себе фикс небольшой сделал, теперь норм все. Как варик еще - в настройках мыло не майл

Pisatel
Offline
· 13.06.2017 08:18
Суть в том, что если в настройках сайта мыло майла, то получается, что на майл письмо пришло с майла, а это не так, поэтому и блок

Архив миничата
Сейчас на сайте
» Гостей: 11

Гости:
» [Ваш IP] 07:01:05
/Статьи
» 46.229.168.77 07:00:57
/Поиск
» 217.182.132.23 07:00:45
/Поиск
» 164.132.161.59 07:00:07
/Поиск
» 51.255.71.115 07:00:02
/Поиск
» 51.255.65.224 06:59:57
/Поиск
» 46.229.168.72 06:59:32
/Поиск
» 69.162.124.235 06:59:27
» Yahoo [Bot] 06:59:22
/Поиск
» 46.229.168.70 06:58:56
/Поиск
1 - не показано

» Всего пользователей: 1,295
» Новый пользователь: ket
В базе имеется
аддонов: 951
тем: 137
Иерархия статей
Динамическое изменение ширины страницы
Многие спорят о том, какой должна быть ширина страницы — фиксированной или растягивающейся (резиновой). Одним нравится фиксированный размер, другим наоборот. Попробуем угодить обоим типам, ведь любой пользователь коммерческого сайта есть потенциальный клиент, который может остаться на данной странице или уйти (вопрос юзабилити сайта). Я постарался решить разом эту проблему, предоставив выбор ширины страницы самому пользователю.

Решений данной задачи две. Первый — создать 2 шаблона сайта и добавить переключатель между ними на страницах сайта (на мой взгляд, не совсем удобно). Второй способ — реализовать анимированное изменение ширины страницы без её перезагрузки, а при переходе на следующую страницу сайта ширина страницы остается неизменной, так как данные о ширине сохраняются в cookie. Данный способ описан ниже.

Скрипт полностью проходит валидацию (еще бы, если учесть что тут 7 блоков div и только).

Необходима сама библиотека jquery и плагин jquery.cookie.

В файле css содержатся хаки для ie6, 7, я не стал отдельно выносить их в файл для краткости кода.

Не учтена проверка на отключенныe cookie, так как на практике лучше реализовывать сохранение параметров экрана в совокупности с сессиями, на стороне сервера. Весь код подробно прокомментирован.

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

-----------------------------------------------------------------------------------
$(document).ready(function(){

/* проверяем в cookie данные о разрешении страницы для её просмотра */
if ($.cookie("screen")== 'full') { /* Если предыдуший просмотр был на широком экране то */
/* Добавляем класс стилей широкого сайта для основных блоков */
$('#conteiner, #conteiner_2,#conteiner_3, #footer').addClass('tip_full');
window.sreen_1 = 'fix'; /* записываем первоначальное значение для кнопки изменяющей ширину страницы*/
window.sreen_2 = 'full'; /* вторичное значение*/
} else { /* во всех остальных случаях (включая по умолчанию) будет отображение узкого просмотра страницы */
/* Добавляем класс стилей узкого отображение страницы сайта для основных блоков */
$('#conteiner, #conteiner_2,#conteiner_3, #footer').addClass('tip_fix');
window.sreen_1 = 'full'; /* первичное значение */
window.sreen_2 = 'fix'; /* вторичное значение */
}

/* Функция изменения ширины экрана в зависимости от переданных ей параметров */
function size_screen (size_type_1,size_type_2) {

$('#start').css('display', 'none'); /* Защита от "дурака", многократного нажатия кнопки // убираем кнопку */

/* Присваиваем значения переменных в зависимости от переданного параметра (ширины экрана) */
if (size_type_1 == 'full') {
window.size_width = '100%'; /* значение ширины страницы */
} else {
window.size_width = '800px';
}

/* Функция jquery анимации. В данном случае плавного изменения ширины изображения страницы сайта */
$('#conteiner, #conteiner_2,#conteiner_3,#footer').animate({
'width': window.size_width /* Плавно изменяем ширину в соответствии с параметром отображения страницы */
},
500, /* Время анимации */
function() { /*Функция вызывающаяся после завершения анимации */
/* Удаляем предыдущие стили отображения страницы из блоков */
$(this).removeClass('tip_'+size_type_2);
/* Добавляяем новый класс стиля для нового ширины экрана */
$(this).addClass('tip_'+size_type_1);
/* Для очистки кода html от мусора удалим атрибут style ( созданный jquery) */
/* Данное действие не обязательно, оно несет эстетическую функцию */
$(this).removeAttr('style');

/* Защита от "дурака": многократного нажатия кнопки // показываем кнопку*/
$('#start').css('display', 'block');
});
/* Записываем в cookie параметр отображения сайта после перезагрузки или смены страницы */
$.cookie("screen", size_type_1, { path: '/'});

}

$('#start').toggle( /* Функция troggle выполняет последовательное многократное нажатие элемента (кнопки) */
function() { size_screen (window.sreen_1,window.sreen_2); }, /* первое нажатие */
function() { size_screen (window.sreen_2,window.sreen_1); } /* второе нажатие */
);
})

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

Скачать данное творение можно по следующей ссылке: jquery size, а посмотреть тут (красная фигня в правом верхнем углу и есть кнопка).

P.S. Автором данной статьи является Александр (balancev на gmail.com).

Поделиться этой статьей
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Нет комментариев.
Добавить комментарий
Пожалуйста, залогиньтесь для добавления комментария.
Рейтинги
5 (Отлично!) - 1 Голос

Рейтинг доступен только для пользователей.

Пожалуйста, авторизуйтесьили зарегистрируйтесь для голосования.