AutoSave bevitt adatok mezők az űrlap

Mi a probléma megoldódik?

Képzeld el, mi a vihar az érzelmek fognak tapasztalni a felhasználó szeretne hozzáadni csak pár karaktert küld az űrlapot a nagy mennyiségű kézzel kitöltött mezők, és hirtelen minden adat elvész. Szörnyű. Kivéve persze, nincs mód visszaállítani az adatokat, hogy elkerülje a sorsát Sziszifusz.

Elérhető megoldások

Egy másik megoldás: Sisyphus.js

Ezek megvalósítása AutoSave Gmail típus nem teljesen világos. A megoldás legyen egyszerű és könnyen használható, amely maga után vonja a követelmény, hogy mondjon le a használatát manipuláció a szerver oldalon.

Az eredmény egy sajtos script, ami elmenti az űrlap adatok a helyi boltban a felhasználó böngészőjének, és visszaállítja őket, ha az oldal újra kinyitják, vagy egy új lapot. Az adatokat törölni kell a helyi boltban, amikor a felhasználó elküldi az űrlapot, vagy újraindul.

Hogyan kell használni

Használja Sisyphus.js nagyon egyszerű. Hogy válasszon egy formája, hogy fog működni a mentés:

Vagy védi minden formája az oldalon:

A lehetőségek:

Ez az, amit ezek a következők:

  • customKeyPrefix További fontos a helyi tároló, ami tárolására használatos formában mezőértékeket ..
  • timeout intervallum (másodperc) között az adatok tárolására. Ha 0, a megtakarítás végeznek frissítése után a mezőket.
  • onSave funkció, hogy hívják, ha az adatok tárolása a helyi boltban.
  • onRestore funkció kerül behívásra, amikor adatvisszanyerésre tárolására. Ellentétben onSaveCallback funkciót. ez vonatkozik a teljes forma helyett az egyéni mezőt.
  • onRelease funkció, hogy hívják, amikor a helyi boltba törlődik az adatok.

Még ha Sisyphus.js kialakításához használt, akkor lehet alkalmazni más formáira. Ebben az esetben a script nem fog létrehozni egy további példányát, és használja ugyanazt a lehetőségeket.:

Az opció értéke lehet változtatni működés közben:

Mi szükséges a plugin

Követelmények: Sisyphus.js igények jQuery 1.2-es vagy magasabb.

  • Chrome 4+,
  • Firefox 3.5+,
  • Opera 10.5+
  • Safari 4+,
  • IE 8+,
  • Is fut az Android 2.2. Más mobil platformok nem vizsgálták.

AutoSave bevitt adatok mezők az űrlap

Ma szeretnénk, hogy meséljek TypeIt könyvtár - ingyenes jQuery plugin. Ön tudja használni, hogy szimulálja a gépelést. Ha minden megfelelően van beállítva, nagyon realisztikus hatás érhető el.

  • jQuery plugin létre egy idővonal.

  • jQuery plugin létre egy Gantt diagram.

  • Egy példa arra, hogyan hajtsák végre a letöltött fájl segítségével PHP és jQuery ajax.

    lazyproger

    Számomra úgy tűnik, felesleges funkció általában

    Ha te mondod, akkor biztosan te is csak szerencsés és nem kap ebbe a helyzetbe.

    Ennyi. Sokszor sajnáltam, hogy nincs ilyen funkció, sok helyen.))

  • Zashib! Csak jobb. Köszönjük!

  • Mindig érdekes, de nekem úgy tűnik, hogy szükség van a ritka esetekben, vagy csak a blog, de nem hagyja, hogy a befejezetlen felvételt Productions. Ui Talán írjon néhány cikket a írás egy oldalon jól MVC + PFSZ semmiből, hogy úgy mondjam a legjobb hagyománya a modernitás. Valahol zabugornom fűrész helyben, ha találok egy link = Levél).

    Dima Nagulin
  • Ez egy nagyon remek bővítményt, ha figyelembe vesszük, hogy tudja kezelni a sok formája. By the way, is, Feliratkozom a fenti IKLO.

  • serg_29rus

    Köszönöm a cikket!

  • truehazard

    A szkript nem letöltött és tesztelt, így futott a szöveget, és nem értik, és ahol az adatok tárolása egy cookie-t. és így ha szeretném, ha lehet, és erre a célra: 5 másodpercenként. Sobieraj adatok formájában és elküldi őket, hogy az adatbázis, amely lehet például tárolt szöveg, ip, hash. Ezután a felhasználó jön, és ha vannak adatok levezetni ezt az űrlapot.

    itt van egy másik, az volt a feladat -, hogy mentse használata nélkül a szerver.

  • Minden jó, de a szkript határozza formájában URL, amely nem gud Ajax oldalak, akkor kell használni egy másik megközelítés kiszámításához MD5 összegét minden formáját nevét és azt, hogy mentse a helyi fájlokat, akkor fog működni, és így és így!

  • Az emberek, mint megszünteti a konfliktus a két plug-inek az oldalon? Tettem a helyszínen, hogy elhagyja a panel és a menü, de a konfliktus, hagyjuk a panel nem a megfelelő helyen!

    Mászni a css beállításait, ha működik, de okazyvaetsya nincs ott, akkor valószínűleg azt)

    köszönöm segített, de most egy másik widget készlet és újra a probléma, meg egy időzítőt, és elkezdett nehezen egyeztethető össze a menüt, mintegy 4 gombokat a menü nem szorul, mit kell tenni?

  • Buddte fajta Tedd mintakódunkkal .daleko js nem erős, de nagyon kell kötni ezt a dolgot, hogy a formámat. segítsen legdurvább .kuda, amelyek előírják,

  • as_arsenchik

    jellege és a Gmail gyenge megmagyarázni?

    AutoSave bevitt adatok mezők az űrlap

    Által nyújtott információk útján két csatorna (látás és hallás) a képzés hatékonyságának sokkal jobb tanulás könyvekből. A házi feladatok és online tesztek lehetővé teszi, hogy folyamatosan úgy gondolja, a célnyelven, és azonnal ellenőrizze tudását!

    AutoSave bevitt adatok mezők az űrlap

    AutoSave bevitt adatok mezők az űrlap

    Ha azt szeretnénk, hosszú ideig, hogy tanulmányozzák, hogyan lehet HTML-t, akkor engem, mert van jó hír!

    AutoSave bevitt adatok mezők az űrlap

    Ha már megtanulta a HTML és tovább szeretne lépni, a következő lépés az lesz, hogy tanulmányozza a CSS technológiával.

    AutoSave bevitt adatok mezők az űrlap

    Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!

    Kapcsolódó cikkek