WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Index.php 2.



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='http://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