Как активировать свойство CSS в соответствии с вариацией кода PHP или направления URL? - PullRequest
Новая
       10

Как активировать свойство CSS в соответствии с вариацией кода PHP или направления URL?

2 голосов
/ 21 февраля 2010

Я меняю язык на своем сайте, используя массивы PHP и lang?=. Когда пользователь щелкает ссылку, чтобы изменить язык сайта, я хочу, чтобы эта ссылка оставалась «нажатой» или менял цвет, чтобы пользователь знал, в какой версии сайта он / она находится. Как я могу активировать свойство CSS в этой ситуации?

common.php: 

    <?php
    session_start();
    header('Cache-control: private'); // IE 6 FIX

    if(isSet($_GET['lang']))
    {
    $lang = $_GET['lang'];

    // register the session and set the cookie
    $_SESSION['lang'] = $lang;

    setcookie("lang", $lang, time() + (3600 * 24 * 30));
    }
    else if(isSet($_SESSION['lang']))
    {
    $lang = $_SESSION['lang'];
    }
    else if(isSet($_COOKIE['lang']))
    {
    $lang = $_COOKIE['lang'];
    }
    else
    {
    $lang = 'en';
    }

    switch ($lang) {
      case 'en':
      $lang_file = 'lang.en.php';
      break;

      case 'es':
      $lang_file = 'lang.es.php';
      break;

      case 'tw':
      $lang_file = 'lang.tw.php';
      break;

      case 'cn':
      $lang_file = 'lang.cn.php';
      break;

      default:
      $lang_file = 'lang.en.php';

    }

include_once 'languages/'.$lang_file;
?>

lang.en.php: 

<?php
$lang = array(
    'h1' => 'Hello World',
);
?>

index.php: 

<ul id="lang">
    <li><a href="index.php?lang=en">English</a></li>
    <li><a href="index.php?lang=es">Español</a></li>
    <li><a href="index.php?lang=tw">中文(繁體)</a></li>
    <li><a href="index.php?lang=cn">中文(简体)</a></li>
</ul>

Ответы [ 3 ]

3 голосов
/ 21 февраля 2010

Вы можете проверить значение $lang в части кода, которая генерирует вывод HTML, и добавить CSS-класс в ссылку, соответствующую этому языку: 

<ul id="lang">
    <li><a href="index.php?lang=en" <?php if($lang=='en') {echo 'class="current_language"';} ?>>English</a></li>
    <li><a href="index.php?lang=es" <?php if($lang=='es') {echo 'class="current_language"';} ?>>Español</a></li>
    <li><a href="index.php?lang=tw" <?php if($lang=='tw') {echo 'class="current_language"';} ?>>中文(繁體)</a></li>
    <li><a href="index.php?lang=cn" <?php if($lang=='cn') {echo 'class="current_language"';} ?>>中文(简体)</a></li>
</ul>

В зависимости от значения $lang одна из четырех ссылок будет иметь класс CSS current_language. До вас, чтобы установить его в вашем файле CSS, чтобы он выделил ссылку, которая имеет его.


Сгенерированный HTML будет выглядеть так (когда $lang равно 'en') : 

<ul id="lang">
    <li><a href="index.php?lang=en" class="current_language">English</a></li>
    <li><a href="index.php?lang=es" >Español</a></li>
    <li><a href="index.php?lang=tw" >中文(繁體)</a></li>
    <li><a href="index.php?lang=cn" >中文(简体)</a></li>
</ul>


(Конечно, вам нужно убедиться, что переменная $lang видна из части кода, которая генерирует вывод HTML)

0 голосов
/ 21 февраля 2010

CSS: 

#current
{
  backgroiund-color:#00ff00;
}

HTML и PHP 

<?php
 $lang = $_GET['lang'];
?>

<ul id="lang">
    <li><a href="index.php?lang=en" <?php if($lang == 'en') {echo 'id="current"';} ?>>English</a></li>
    <li><a href="index.php?lang=es" <?php if($lang == 'es') {echo 'id="current"';} ?>>Español</a></li>

and so on.........
0 голосов
/ 21 февраля 2010

Просто установите «активный» класс для ссылки на язык, который используется в настоящее время. 

 <li><a href="index.php?lang=en" <?php if ($_GET['lang'] == 'english') echo 'class="active"' ?>>English</a></li>

Тогда в вашем CSS есть 

  #lang .active {
     font-weight: bold;
 }

Или как вы хотите, чтобы его стиль.

...