по клику меню, происходят дейсвия

@sendxt · Регистрация: 25.04.2012

Author24 — интернет-сервис помощи студентам

Вобщем при переходе в другой раздел сайта, меняю background , и убераю 2 элемента один из них block class -> about-us , другой тоже блок id -> girl , about-us уберается всё ок background меняется , как убрать #girl ? И как сделать чтобы при F5 оставалось всё тоже если не произошёл переход на другую страницу?

HTML5

1 2	<div id="girl" class="hide-for-small-only"></div> // тут бэкграунд картинка с её настройками <div class="about-us">lorem</div>

Javascript

$(function(){
        $('ul.header-menu li').click(function()
    {
        var header = $('header');
        
        if($(this).hasClass('menu-item-6')) {  
              $('header').css('background', 'url(../img/vidiniai/apie_studija/header_bg.jpg) center top no-repeat');
              $('#girl').css('display', 'none');
              $('.about-us').css('display', 'none');
        }
        else {
              $('header').css('background', 'url(../img/header/bg-header.png) center top no-repeat');
        }
    });
    });

@and_y87 · 08.05.2014, 17:52

sendxt, Используй куку.

Сохрани в куку путь используемого изображения и бери его...

При клике на соответствующие ссылки меняй значение куки.

@sendxt · 08.05.2014, 18:53 **[ТС]**

and_y87, можно примерчик?

Добавлено через 31 минуту
с js куками не доводилось работать просто(

@and_y87 · 08.05.2014, 19:05

Я щас в метро поэтому опишу логику.

Javascript

var 
    mark = "bg",
    bg = 'default_bg';
 
 
$(document).ready(function()
{
If ( getCoockie( mark ) )
va img =  '/default/img/folder' + getCoockie( mark ) + '.jpg';
$('header').css('background', 'url(' + img + ')' );
 
$('ul.header-menu li').click(function() {
    var 
      href = $(this).attr('href'),
      img = bg;
    
    switch ( href )
    {
      case '/girls':
        img = 'girls';
        break;
      case '/about':
        img = 'about';
        break;
    }
    setBg( bg );
})
 
}
 
function setBg( name )
{
  setCoockie( mark, name );
}

@sendxt · 08.05.2014, 19:11 **[ТС]**

and_y87, Жёско)) не догоняю)

@and_y87 · 08.05.2014, 21:48

sendxt,
Определяем стандарты:
- название куки
- стандартная картинка фона

Javascript

1
2
3

var
  cookieName = 'bg_file', // Название куки с которой работаем
  img = 'default'; // Стандартное название файла используемого по умолчанию.

далее, проверяем наличие куки в браузере и если кука есть берём её значение.

Javascript

if ( getCoockie( cookieName ) )
{
  var img =  getCoockie( cookieName );
}

далее, собираем путь к картинке и устанавливаем фон и заносим его в куку

Javascript

1 2	var path = '/путь_где лежат_бэкграунды/' + img + '.jpg'; $('header').css('background', 'url(' + img + ')' );

далее, биндим по новой технологии.
Логика такая что для каждой ссылки в списке устанавливается свой фон.
При клике на ссылку до перехода на страницу, проверяется её атрибут href и если такой есть в списке (switch) то из этого кейса и берётся значение для картинки и заносится значение в куку.

Javascript

$('ul.header-menu li').click(function() {
    var href = $(this).find('A').attr('href');
    
    switch ( href )
    {
      case '/girls':
        img = 'girls';
        break;
      case '/about':
        img = 'about';
        break;
    }
    setCoockie( mark, img );
});

Цункции setCoockie & getCoockie ищи в Internet (они там есть).
Подробнее разжёвывать не очень хочется...

@sendxt · 09.05.2014, 00:50 **[ТС]**

вроде ясно изложили но все равно не догнал или поленился уже переваривать))
пришлось средствами пхп выходит из положения ))

что значит find('A') ?

@and_y87 · 09.05.2014, 11:39

sendxt, .find()

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 94
	08.05.2014, 17:52	2
	sendxt, Используй куку. Сохрани в куку путь используемого изображения и бери его... При клике на соответствующие ссылки меняй значение куки. 0

@sendxt 11 / 11 / 13 Регистрация: 25.04.2012 Сообщений: 1,157
	08.05.2014, 18:53 [ТС]	3
	and_y87, можно примерчик? Добавлено через 31 минуту с js куками не доводилось работать просто( 0

@sendxt 11 / 11 / 13 Регистрация: 25.04.2012 Сообщений: 1,157
	08.05.2014, 19:11 [ТС]	5
	and_y87, Жёско)) не догоняю) 0

@sendxt 11 / 11 / 13 Регистрация: 25.04.2012 Сообщений: 1,157
	09.05.2014, 00:50 [ТС]	7
	вроде ясно изложили но все равно не догнал или поленился уже переваривать)) пришлось средствами пхп выходит из положения )) что значит find('A') ? 0

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 94
	09.05.2014, 11:39	8
	sendxt, .find() 0