PHP は Cookie を通じて Web ページのスタイルのスキンを切り替えます-PHPチュートリアル-php.cn

PHP は Cookie を通じて Web ページのスタイルのスキンを切り替えます

*文

リリース： 2023-03-18 15:14:01

オリジナル

1269 人が閲覧しました

PHPでCookieを使用してWebページのスタイルを切り替えるにはどうすればよいですか?この記事では主に、PHP を使用して Cookie を使用してスキンを変更する方法を紹介し、Cookie を使用してユーザーの選択情報を保存し、スキンの変更効果を実現します。

詳細は次のとおりです:

saveStyleSheet.php ページは次のとおりです:

<?php 
function styleSheet($currentCookie){ 
  // Get Current Style Sheet 
  $currentCookie = $_COOKIE["StyleSheet"]; 
  // Get New cookie file name 
  switch($_GET[&#39;style&#39;]){ 
    case 1: 
      $value = &#39;style1.css&#39;; 
    break; 
    case 2: 
      $value = &#39;style2.css&#39;; 
    break; 
    case 3: 
      $value = &#39;style3.css&#39;; 
    break; 
    default: 
      $value = &#39;style.css&#39;; 
    break; 
  } 
  // If the user views this page, without using 
  // style=... then set cookie to the default 
  if(!isset($_GET[&#39;style&#39;])){ 
    $value = &#39;style.css&#39;; 
  } 
  // If the new value doesn&#39;t equal the old value allow cookie change 
  if(isset($value)||$currentCookie!=$value||isset($currentCookie)){ 
    setcookie("StyleSheet", $value, time()+600000); /* expires in 10,000 hours*/ 
    return $_COOKIE["StyleSheet"]; 
  }else{ 
    return $_COOKIE["StyleSheet"]; 
  } 
  if(isset($_GET[&#39;style&#39;])){ 
    header("Location: ".$_SERVER[&#39;HTTP_REFERER&#39;]); 
    exit; 
  } 
} 
?>

ログイン後にコピー

index.php ページは次のとおりです:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>My Test Page</title>
<?php 
include("saveStyleSheet.php"); 
if(isset($_COOKIE["StyleSheet"])){ 
?> 
<link rel="stylesheet" type="text/css" href="stylesheets/ <?php echo styleSheet($_COOKIE["StyleSheet"]); ?> " />
<?php 
}else{ 
?> 
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
<?php 
} 
?> 
</head>
<body>
<a href="saveStyleSheet.php?style=1">Style Sheet 1</a><br />
<a href="saveStyleSheet.php?style=2">Style Sheet 2</a><br />
<a href="saveStyleSheet.php?style=3">Style Sheet 3</a><br />
<a href="saveStyleSheet.php">Default Style Sheet</a>
</body>
</html>

ログイン後にコピー