Aslında başlık biraz uzun ve karmaşık oldu : ) ama aslında anladığınızı düşünüyorum. bazı sitelerde görürüz seçim menüsü olur örnek mavi kırmızı yeşil gibi renkler olur buna göre renk seçilir ve arka plan rengi buna göre düzenlenir. ve sabit kalır. bizde bugün sizlerle bunu yapıcağız.
Öncelikle neler yapıcaz hemen bir düşünelim.
Arka plan rengi için Renk seçimi.
Belirli bir süre sabit kalması için çerezleri kullanmalıyız.
Seçim için basit bir form ve seçim kutusu.
Şimdi düşünme kısmı bitti uygulamaya geçelim 
Öncelikle HTML halini yapıyoruz.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Değişen Arka Plan Rengi - www.bilinenblog.blogspot.com</title>
</head>
<body bgcolor="<?php echo $secim;?>">
<form action="" method="post">
<select name="renk" style="height:50px;width:150px;">
<option value="1">kırmızı</option>
<option value="2">mavi</option>
<option value="3">yeşil</option>
</select>
<input type="submit" name="submit" value="Rengi Değiştir "/>
</form>
</body>
</html>
3 Seçenek yaptık. hepsine value ile bir değer atadık. ( bunu başka türlü daha kısa şekilde’de yaparız ama ben mantık için uzun yol yapıyorum ) bunlar kırmızı mavi yeşil Renkleri yani ana renkler. ve bir de buton koyduk’ki form’umuzu döndürelim.
Şimdi php kısmına geçelim
<?php
$secim=$_COOKIE["secim"];
@$submit=$_POST['submit'];
if (isset($submit)) {
$renk=$_POST['renk'];
if($renk == 1){$secilen ="red"; }
if($renk == 2){$secilen ="blue"; }
if($renk == 3){$secilen ="green"; }
setcookie("secim",$secilen, time() + 60*60);
echo '<meta http-equiv="refresh" content="0">';
}
// www.bilinenblog.blogspot.com
?>
cookies ( çerez ) imizdekini değişkene atadık daha düzenli olsun diye ardından sorgu yaptık. birinci ifdurumumuz submit dolu ise yani bunu biz form’dan tuşa basmış ise şu kodları yap diye kullandık.
ARdından $renk değişkenine post ederek seçileni aldık. ( value’si ) if koşulları yapıp 1 se red ( kırmızı ) 2 ise blue ( mavi ) 3 ise green ( yeşil ) dedik ve cookies’lerimizi doldurduk. ardından sayfamızı yenilettik.
ve böylece seçtiğimize göre renk bütün sayfalarda kalır yani F5 yaptığımızda renk eski haline dönmez.
0 yorum:
Yorum Gönder