2015-03-06 2 views
-2

im пытается одновременно переключить раздел stylesheet.css и раздел содержимого, если пользователь нажимает на раздел в верхней панели меню.Раздел разделов стилей и содержимого одним щелчком мыши

Если я делаю один из них один, он работает нормально, но оба вместе в настоящий момент не будут работать.

В моей index.php У меня есть функция, которая установки: таблицы стилей

<link id="pagestyle" rel="stylesheet" type="text/css" href="Style.css"> 
    <script type="text/javascript"> 
     function swapStyleSheet (sheet) { 
      document.getElementById('pagestyle').setAttribute('href', sheet); 
      return; 
     } 
    </script> 

В menu.php код для изменения раздела, и это также вызывает функцию выше. Категории находятся в списке.

<li><a href="index.php?section=section_games" onclick="swapStyleSheet('Games.css'); return false;">Games</a></li> 

С возвратом ложной инструкции переключатель стиля правильный, но не выбор содержимого. И если я удаляю ложное утверждение return, содержимое будет правильным, но стиль переключается только на мгновение.

Может кто-нибудь мне помочь, пожалуйста!

+0

_ «если я удаляю ложное утверждение return, содержимое верное, но стиль переключается только на мгновение» _ - конечно, потому что тогда ссылка запускает загрузку новой страницы и в том, что ваша таблица стилей не была переключена ... Вам нужно либо использовать AJAX для загрузки содержимого ссылки с помощью сценария в фоновом режиме, либо разместить его в текущем документе, либо просто прекратить отмену клиентской части таблицы стилей и сделать ваш сервер на новой странице. (Или не переключайте таблицу стилей вообще, но имеете один для всех страниц, что в большинстве случаев будет иметь наибольший смысл.) – CBroe

+0

Не задавал бы 'href'' '' work? – Scott

ответ

0

Спасибо, ребята! Он работает сейчас ...

Загрузите таблицу стилей теперь в файле php для каждого раздела в теге с onload. Похоже, это:

<body onload="swapStyleSheet('Game.css')"> 
+0

Похоже на вздор ... почему бы не иметь «нормальный» элемент 'link', который в первую очередь ссылается на таблицу стилей внутри каждого документа? – CBroe

+0

Да, вы правы! Это простой способ. Я думал слишком сложно ... Спасибо! – ShizoDizzo

Смежные вопросы