JavaScript

JavaScripti >> Uporaba piškotkov >> Ozadje in tekst

Opis:
Ko pridete prvič na spletno stran se bo prikazalo ozadje in tekst, ki je bil že dolečen, a sedaj lahko to spremenite. Ko boste naslednjič prišli na to spletno stran, se vam bo prikazali z nastavitvami, ki ste jih določili (JavaScript ne bo deloval, če imate onemogočeno prejemanje piškotkov).

Primer:

Izvorna koda:

Korak 1 :
Ta del kode vstavite v <head> del strani:

Korak 2:
Ta del kode vstavite v <body> del strani:

<form name="frm"> <select name="doc" onchange="switchTb()"> <option value="back" >background <option value="text" >text </select> </form><BR> <input type="button" style="background-color: '#000000'" onclick="create('#000000')"> <input type="button" style="background-color: '#808080'" onclick="create('#808080')"> <input type="button" style="background-color: '#C0C0C0'" onclick="create('#C0C0C0')"> <input type="button" style="background-color: '#66FFFF'" onclick="create('#66FFFF')"> <input type="button" style="background-color: '#7BE2EF'" onclick="create('#7BE2EF')"> <input type="button" style="background-color: '#6BA7D6'" onclick="create('#6BA7D6')"> <input type="button" style="background-color: '#0066CC'" onclick="create('#0066CC')"> <input type="button" style="background-color: '#6363CE'" onclick="create('#6363CE')"> <input type="button" style="background-color: '#330099'" onclick="create('#330099')"> <input type="button" style="background-color: '#5D0063'" onclick="create('#5D0063')"> <input type="button" style="background-color: '#FF99CC'" onclick="create('#FF99CC')"> <input type="button" style="background-color: '#B85FA3'" onclick="create('#B85FA3')"> <input type="button" style="background-color: '#B188CF'" onclick="create('#B188CF')"> <input type="button" style="background-color: '#FFCC00'" onclick="create('#FFCC00')"><BR><BR> <input type="button" style="background-color: '#FFFF00'" onclick="create('#FFFF00')"> <input type="button" style="background-color: '#EAEF7B'" onclick="create('#EAEF7B')"> <input type="button" style="background-color: '#66FF00'" onclick="create('#66FF00')"> <input type="button" style="background-color: '#006633'" onclick="create('#006633')"> <input type="button" style="background-color: '#339999'" onclick="create('#339999')"> <input type="button" style="background-color: '#336600'" onclick="create('#336600')"> <input type="button" style="background-color: '#666600'" onclick="create('#666600')"> <input type="button" style="background-color: '#996633'" onclick="create('#996633')"> <input type="button" style="background-color: '#990000'" onclick="create('#990000')"> <input type="button" style="background-color: '#FF0000'" onclick="create('#FF0000')"> <input type="button" style="background-color: '#B8855F'" onclick="create('#B8855F')"> <input type="button" style="background-color: '#FF6600'" onclick="create('#FF6600')"> <input type="button" style="background-color: '#FFAB6B'" onclick="create('#FFAB6B')"> </CENTER><BR><BR>

Korak 3:
Vaša <body> vrstica naj bi izgledala nekako takole: