Spoznali bomo
- Kako z JavaScritom kreiramo, spreminjamo in sprejemamo vrednosti piškotkov. V piškotek lahko shranimo ime uporabnika, geslo, kdaj je uporabnik nazadnje obiskal naš portal, katere podatke je vnašal v obrazce, katere informacije ga zanimajo, kaj si je naročil v spletni trgovini...
Sestavi spletno stran, ki jo prikazujeta spodnja slika in video. Stran poimenuj 28vaja-JS-priimek-ime.html. Stran naj bo izdelana v HTML5 in s CSS.
Stran vsebuje tri piškotke, ki jih ustvari, briše in uporablja program JavaScript.
Koda JavaScript
- 1. piškotek shrani ime uporabnika. Ob ponovnem obisku strani, se izpiše pozdravno sporočilo z imenom uporabnika
- 2. piškotek preveri ali je bila stran od zadnjega obiska spremenjena ali ne in to izpiše v obvestilu
- 3. piškotek 3-krat odpre novo stran v novem oknu, zatem pa povezava ne deluje več. Novo okno ima določene naslednje lastnosti:
- novo okno odpre stran na spletnem naslovu http://nsa-splet.si/js/js.php
- stran nima orodjarne
- stran nima statusne vrstice
- stran nima menija
- stran ima drsnik in je raztegljiva
- širina strani je 640 px, višina strani je 480 px
- stran se odpre 100 px od levega in zgornjega roba
Navodila za izdelavo spletne strani:
- ob zagonu strani se pojavi pojavno okno, ki uporabnika zaprosi, da vpiše svoje ime: Pozdravljen - to je tvoj prvi obisk strani - prosim vpiši svoje ime.
- po osvežitvi strani ali kliku na povezavo Ponovno naloži stran, se sedaj pojavi pojavno okno z napisom Pozdravljen Ime - Dobrodošel ponovno na strani!
- klik na povezavoIzbriši piškotek - uporabnik izbriše ustvarjen piškotek uporabnika
- prvi klik na povezavo Zadnji obisk strani prikaže obvestilno okno z napisom Pozdravljen - to je tvoj prvi obisk strani.
- nadaljni kliki na povezavo Zadnji obisk strani prikaže obvestilno okno z napisom Ta stran ni bila spremenjena od tvojega zadnjega obiska dne datum, če stran ni bila spremenjena, ali pa Ta stran je bila spremenjena od tvojega zadnjega obiska dne datum
- klik na povezavo Izbriši piškotek - zadnji obisk strani. izbriše piškotek zadnjega obiska strani
- klik na povezavo Samodenjo odpiranje nove strani. odpre novo okno, kot je opisano zgoraj. Povezava deluje za 3 klike, zatem pa ne deluje več
- klik na povezavo Izbriši piškotek - odpiranje strani. izbriše piškotek odpiranja strani
Slika spletne strani, ko se stran naloži v brskalniku:
Video spletne strani: