A HTML dokumentum fejében a szokásos elemek mellet megtalálható egy JavaScript változó is értéket kap, ha létezik a hozzátartozó süti, akkor annak az értékét. Ha nincs süti akkor x=1;
Az ezt követő JavaScript függvény a sütit kezeli.
1. példa:
Forráskód
<!-- HTML 5 dokumentum -->
<!DOCTYPE html>
<html lang="hu">
<head>
<?php
// Ha a menu süti létezik, akkor étrékét beállítjuk az x javascript váltizóba
// Ha nem létezik, akkor létrehozzuk
// Ha x=1, akkor a menü látsszik. Ha x=0, akkor a menü nem látsszik.
if (isset($_COOKIE["menu"])) {
if (htmlspecialchars($_COOKIE["menu"])==1) {
$MenuStat = 'checked'; echo "<script>var x=1;</script>";
} else {$MenuStat = ''; echo "<script>var x=0;</script>"; }
} else {
$MenuStat = ''; $cookieInit = "onLoad=".'"'."document.cookie='menu=0';".'"';
echo "<script>var x=0; </script>";
}
?>
<!-- A menu sütet kezelő javascript kód megjelenítése-->
<script>
function SetMenuX()
{ if(x==0){x=1;}else{x=0;} document.cookie='menu='+x; }
</script>
<!-- Karakterkódolás megadása. Ikon, stíluslapok és fontkészlet illesztése-->
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link type="text/css" rel="stylesheet" media="all" href="css/w3_alap.css" />
<link type="text/css" rel="stylesheet" media="all" href="css/w3_webshop.css" />
<link rel="icon" type="image/png" href="kepek/kosari_2.png">
<link href='https://fonts.googleapis.com/css?family=Alegreya+Sans:700italic,400&subset=latin,latin-ext'
rel='stylesheet' type='text/css'>
<!-- A fejléc oldalfüggő elemeinek megjelenítése-->
<?php echo $FejlecStr; ?>
</head>
A webáruház megtekinthető és letölthető itt: Ingyen webáruház - W3 Free Shop