abclinuxu.cz AbcLinuxu.cz itbiz.cz ITBiz.cz HDmag.cz HDmag.cz abcprace.cz AbcPráce.cz
AbcLinuxu hledá autory!
Inzerujte na AbcPráce.cz od 950 Kč
Rozšířené hledání
×
    dnes 12:33 | Nová verze

    Byl vydán Debian Installer Trixie RC 2, tj. druhá RC verze instalátoru Debianu 13 s kódovým názvem Trixie.

    Ladislav Hagara | Komentářů: 0
    dnes 03:33 | Komunita

    Na čem pracují vývojáři webového prohlížeče Ladybird (GitHub)? Byl publikován přehled vývoje za červen (YouTube).

    Ladislav Hagara | Komentářů: 0
    dnes 02:33 | Nová verze

    Libreboot (Wikipedie) – svobodný firmware nahrazující proprietární BIOSy, distribuce Corebootu s pravidly pro proprietární bloby – byl vydán ve verzi 25.06 "Luminous Lemon". Přidána byla podpora desek Acer Q45T-AM a Dell Precision T1700 SFF a MT. Současně byl ve verzi 25.06 "Onerous Olive" vydán také Canoeboot, tj. fork Librebootu s ještě přísnějšími pravidly.

    Ladislav Hagara | Komentářů: 0
    dnes 01:33 | Komunita

    Licence GNU GPLv3 o víkendu oslavila 18 let. Oficiálně vyšla 29. června 2007. Při té příležitosti Richard E. Fontana a Bradley M. Kuhn restartovali, oživili a znovu spustili projekt Copyleft-Next s cílem prodiskutovat a navrhnout novou licenci.

    Ladislav Hagara | Komentářů: 0
    včera 16:55 | Nová verze

    Svobodný nemocniční informační systém GNU Health Hospital Information System (HIS) (Wikipedie) byl vydán ve verzi 5.0 (Mastodon).

    Ladislav Hagara | Komentářů: 0
    včera 16:22 | Komunita

    Open source mapová a navigační aplikace OsmAnd (OpenStreetMap Automated Navigation Directions, Wikipedie, GitHub) oslavila 15 let.

    Ladislav Hagara | Komentářů: 0
    včera 11:55 | Zajímavý software

    Vývojář Spytihněv, autor počítačové hry Hrot (Wikipedie, ProtonDB), pracuje na nové hře Brno Transit. Jedná se o příběhový psychologický horor o strojvedoucím v zácviku, uvězněném v nejzatuchlejším metru východně od všeho, na čem záleží. Vydání je plánováno na čtvrté čtvrtletí letošního roku.

    Ladislav Hagara | Komentářů: 38
    1.7. 18:22 | IT novinky

    V uplynulých dnech byla v depu Českých drah v Brně-Maloměřicích úspěšně dokončena zástavba speciální antény satelitního internetu Starlink od společnosti SpaceX do jednotky InterPanter 660 004 Českých drah. Zástavbu provedla Škoda Group. Cestující se s InterPanterem, vybaveným vysokorychlostním satelitním internetem, setkají například na linkách Svitava Brno – Česká Třebová – Praha nebo Moravan Brno – Břeclav – Přerov – Olomouc.

    Ladislav Hagara | Komentářů: 21
    1.7. 13:11 | Nová verze

    Byla vydána nová verze 8.7.0 správce sbírky fotografií digiKam (Wikipedie). Přehled novinek i s náhledy v oficiálním oznámení (NEWS). Nejnovější digiKam je ke stažení také jako balíček ve formátu AppImage. Stačí jej stáhnout, nastavit právo ke spuštění a spustit.

    Ladislav Hagara | Komentářů: 0
    1.7. 12:22 | IT novinky

    Před 30 lety, k 1. 7. 1995, byl v ČR liberalizován Internet - tehdejší Eurotel přišel o svou exkluzivitu a mohli začít vznikat první komerční poskytovatelé přístupu k Internetu [𝕏].

    Ladislav Hagara | Komentářů: 4
    Jaký je váš oblíbený skriptovací jazyk?
     (59%)
     (28%)
     (7%)
     (2%)
     (0%)
     (1%)
     (3%)
    Celkem 342 hlasů
     Komentářů: 16, poslední 8.6. 21:05
    Rozcestník

    Jak uložit a načíst obsah formuláře na straně klienta?

    8.12.2010 11:00 | Přečteno: 1240× | Programování | poslední úprava: 8.12.2010 15:41

    Dnes jsem řešil zdánlivě nezajímavou věc. Uchování obsahu formuláře, který je na webu stále vidět a jeho obsah by se neměl měnit, dokud nedojde ze strany uživatele ke změně a znovuodeslání. Zároveň je nemožné provést uložení například do SESSION, či jinak, a naplnění formuláře ze strany serveru - např. PHP - při vykreslování.

    Výše uvedená fakta mne vedla k jednoznačné volbě - COOKIES. Pravda, pokud je bude mít klient zakázané, řešení je k ničemu. Bude tedy využito JS, jQuery a několik rozšíření. První rozšířením bude skript pro čtení a nastavování hodnot ve formuláři (v ukázce uloženo do samostatného souboru - jquery.formvalues.js), dále budeme potřebovat jquery.json.js a jquery.cookie.js.

    A nyní je již vše jednoduché.

    <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
    <script src="jquery.cookie.js"></script>
    <script src="jquery.json-2.2.min.js"></script>
    <script src="jquery.formvalues.js"></script>
    <title>Form</title>
    <script>
    /* <![CDATA[ */
    function storeForm() {
    	var date = new Date();
    	date.setTime(date.getTime() + (24 * 60 * 60 * 1000)); // 24 hours
    	$.cookie('cookie-form', $.compactJSON($('#form').values()), { path: '/', expires: date });
    }
    
    
    $(document).ready(function() {
    	if($.cookie('cookie-form') != null) {
    		$('#form').values($.secureEvalJSON($.cookie('cookie-form')));
    	}
    	
    });
    /* ]]> */
    </script>
    ...
    <form id="form" method="post" action="...">
    	<input type="text" name="firstname" value="" /><br />
    	<input type="text" name="lastname" value="" /><br />	
    	<input type="submit" value="Odeslat" onclick="storeForm()" />
    </form>
    

    Není to nic extra, ale třeba to někomu pomůže.

    Inspirováno komentáři - v případě využití local storage je řešení následující. Navíc bude potřeba jquery.jstorage.js a úprava:

    <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
    <script src="jquery.cookie.js"></script>
    <script src="jquery.json-2.2.min.js"></script>
    <script src="jquery.formvalues.js"></script>
    <script src="jquery.jstorage.js"></script>
    <title>Form</title>
    <script>
    /* <![CDATA[ */
    function storeForm() {
    	if($.jStorage.storageAvailable()) {
    		$.jStorage.set('cookie-form', $('#form').values());
    	} else {
    		var date = new Date();
    		date.setTime(date.getTime() + (24 * 60 * 60 * 1000)); // 24 hours
    		$.cookie('cookie-form', $.compactJSON($('#form').values()), { path: '/', expires: date });
    	}
    }
    
    
    $(document).ready(function() {
    	if($.jStorage.storageAvailable()) {
    		if($.jStorage.get('cookie-form', null) != null) {
    			$('#form').values($.jStorage.get('cookie-form'));
    		}
    	} else {
    		if($.cookie('cookie-form') != null) {
    			$('#form').values($.secureEvalJSON($.cookie('cookie-form')));
    		}
    	}	
    });
    /* ]]> */
    </script>
    ...
    <form id="form" method="post" action="...">
    	<input type="text" name="firstname" value="" /><br />
    	<input type="text" name="lastname" value="" /><br />	
    	<input type="submit" value="Odeslat" onclick="storeForm()" />
    </form>
    

    Díky za nápad na zlepšení. O local storage jsem věděl, ale omezení COOKIES mne nenapadlo. Ještě jednou díky.

           

    Hodnocení: 67 %

            špatnédobré        

    Tiskni Sdílej: Linkuj Jaggni to Vybrali.sme.sk Google Del.icio.us Facebook

    Komentáře

    Vložit další komentář

    8.12.2010 11:59 Filip Jirsák | skóre: 68 | blog: Fa & Bi
    Rozbalit Rozbalit vše Re: Jak uložit a načíst obsah formuláře na straně klienta?
    Pozor na to, že množství cookies a jejich celková velikost je omezené, větší formulář by se tam nemusel vejít. Moderní prohlížeče mají různá rozšíření umožňující ukládat uživatelská data (některá i pro offline prohlížení), která mají větší kapacitu.
    8.12.2010 14:13 chrono
    Rozbalit Rozbalit vše Re: Jak uložit a načíst obsah formuláře na straně klienta?
    Presne tak. Na toto je lepšie použiť localStorage a cookies použiť len keď prehliadač localStorage nepodporuje, alebo je to zakázané. Navyše sa tie údaje nebudú, pri localStorage, zbytočne posielať serveru.
    Toman avatar 8.12.2010 15:44 Toman | skóre: 29 | blog: Tomanův blog | Kostelec nad Orlicí
    Rozbalit Rozbalit vše Re: Jak uložit a načíst obsah formuláře na straně klienta?
    Zápisek jsem doplnil o možnost local storage. Děkuji za věcné připomínky.
    8.12.2010 12:54 Senior Database Programmer
    Rozbalit Rozbalit vše Re: Jak uložit a načíst obsah formuláře na straně klienta?
    To som nepochopil. Píšeš, že cookies nemôžeš použiť pretože ich user môže mať vypnuté ale v tom JavaScripte to predsa ukladáš do cookies ?! Alebo tie cookies z tej JS knižnice JQuery sú iné ako normálne cookies browsera? Nevzťahuje sa na ne zákaz ak ich má user v browsery vypnuté? Sorry, za blbé otázky, niesom web developer.
    pavlix avatar 8.12.2010 13:24 pavlix | skóre: 54 | blog: pavlix
    Rozbalit Rozbalit vše Re: Jak uložit a načíst obsah formuláře na straně klienta?
    Psal, že nemůže použít SESSIONS, ne COOKIES.
    Já už tu vlastně ani nejsem. Abclinuxu umřelo.
    9.12.2010 20:16 zulu
    Rozbalit Rozbalit vše Re: Jak uložit a načíst obsah formuláře na straně klienta?

    Takže formulář, který je stále vidět.
    A jaký smysl teda má držení hodnot jinde než v něm?

    A nemůžeš ho naplnit na straně serveru.
    Pokud ho nemůžeš plnit, tak ho nemůžeš ani zpracovávat, tak k čemu tam je?

    Bedňa avatar 11.12.2010 14:06 Bedňa | skóre: 34 | blog: Žumpa | Horňany
    Rozbalit Rozbalit vše Re: Jak uložit a načíst obsah formuláře na straně klienta?
    Nechápem zmysel, prečo tie dáta nemôžeš poslať cez POST?
    KERNEL ULTRAS video channel >>>

    Založit nové vláknoNahoru

    ISSN 1214-1267   www.czech-server.cz
    © 1999-2015 Nitemedia s. r. o. Všechna práva vyhrazena.