}else //

якщо ні

$('#createGroup').submit(); //

передаємо форму на сервер.

});

function dismissUser(){ //

за допомогою Аякс запиту відправляємо дані на сервер про користувача якого адміністратор хоче видалити з групи. Потім без перезавантаження сторінки оновлюємо дані про користувачів и показуємо повідомлення по центру екрана, що користувач був видалений з групи.

$('.dismiss').click(function(){ //

коли натискаємо на елемент у якого даний клас, запускається функція.

$.get('includes/ajax_admin.php',{ //

створюємо Аякс запит та передаємо змінні на сервер.

group : '<?=$_GET['groupname'] ?>',

view_id : $(this).prev().val()

},

function (data){ //

коллбек функція отримує оброблені дані, та розміщає їх у елемент з ідентифікатором content_users.

$('#content_users').html(data);

$('#alert_confirmation_text').html('User was deleted from your group.'); //

виводимо інформацію, що видалення користувача з групи відбулося. Далі іде розрахунок центра екрану користувача, щоб повідомлення зявилося рівно по центру екрана.

from_top = $(document).scrollTop();

window_height = $(window).height();

element_height = window_height/2 - 50;

element_height += from_top;

$('#alert_confirmation').css('top',element_height+'px');

element_width = $(window).width()/2 - 165;

$('#alert_confirmation').css('left',element_width+'px');

$('#alert_confirmation').show();

dismissUser();

}

);

});

}

// Підрозділ, де користувач може переглядати картинки групи.

Це так звана step carousel, що в перекладі означає пошагова карусіль.

Користувач бачить перед собою 1 картинку по середені відведеного місця.

Кляцаючи на стрілочку вліво чи вправо, відповідно змінюється картинка і коментарі під нею, без перезавантаження сторінки. Все зроблено через Аякс запити.

var cur_image = <?=$oGroups->getIDAllMedia( @$_REQUEST['imgId'] )?>;

var speed = 500;

var active_slider = false;

var queue = 0;

// Обявили змінні і присвоїли їм значення.

function lc_callback(){

sinum = parseInt ($('.subclip').css('left')) / 400; //

Визначаємо значення left у елемента, ділимо його на 400, і преобразовуємо у число.

if( sinum < 0 ) //

Якщо змінна менше 0, то робимо відповідні математичні перетворення.

sinum = (sinum - sinum*2);

sinum +=1;

$('#ajax_content').load('includes/get_comments_by_ajax.php',{ //

Робимо Аякс запит і відсилаємо змінні на сервер.

image_id : $( '#slider_images_' + sinum ).attr('alt'),

group_id : '<?=$_GET['groupname']?>'

}

);

}

$('#right_arrow').click(function (){ //

Коли користувач натискає на праву стрілочку, запускається функція.

$('#right_arrow').attr('src','images/groups/rightArrowUnactive.gif'); //

Малюнок активної стрілочки змінюється на неактивний.

if( !active_slider ){ //

якщо змінна не активна, то робимо її активною.

active_slider = true;

if ( parseInt( $('.subclip').css('width') ) ==

-parseInt($('.subclip').css('left') ) + 400 ) //

якщо ширина елемента класу сабклип прирівнюється до мінусового значення left+400 сабкліпу, то картинка здвигається на 200пікселів вліво, і швидко біглою строкою картинка змінюється на найпершу.

$('.subclip').animate({left: '-=200px'}, speed).animate(

{left: '+='+( parseInt( $('.subclip').width() )-200)+'px'}, speed, function (){ count_img_right();rc_callback(); active_slider = false; $('#right_arrow').attr('src','images/groups/rightArrowActive.gif'); });

еlse //

В іншому випадку на екран віїзжає картинка, яка була попередньою з лівої сторони.

$('.subclip').animate({left: '-=400px'}, speed, function (){ count_img_right();rc_callback(); active_slider = false; $('#right_arrow').attr('src','images/groups/rightArrowActive.gif'); });

}

});

Висновки

В рамках даної роботи було розроблено соціальну мережу під назвою "Social network Artput".

При розробці даної роботи були виконані всі вимоги технічного завдання. Було зпроектовано структуру бази даних та реалізовано скрипти на мові програмування РНР для роботи з нею; було розроблено модуль для збереження, редагування та перегляду сторінок сайту, реалізовано форум тощо.

Було реалізовано систему адміністрування веб-сайтом, яка дозволяє додавати та редагувати контент веб-сайту за допомогою веб-браузера.

Модульна організація розробленої системи дозволяє у будь-який момент часу доповнювати систему новими модулями.

При розробці даного порталу було використано мову програмування РНР, JavaScript та сервер баз даних MySQL. Для розробки дизайну сайту та обробки графічних зображень використовувалися такі графічні редактори як Adobe Photoshop CS4 і Gimp.

Размещено на Allbest.ru