Forum » Izdelava spletišč » Osvežitev strani po prejetju podatkov preko obrazca
Osvežitev strani po prejetju podatkov preko obrazca
marjan_h ::
Zanima me kako se naredi, da se po osvežitvi strani, ko prejmemo podatek preko obrazca, avtomatsko premakne do tistega div-a, kjer se izpiše sporočilo?
Tukaj je koda: https://jsfiddle.net/enjygt4y/1/
Načeloma, se to tako naredi, da se da div elementu id="myForm". Nato pa se doda form elementu action="#myForm".
Problem te kode, katere sem delil povezavo je, da se premakne natanko, do spodnjega roba sporočila. Kar pomeni, da moram s miško se premakniti malo navzgor, da vidim sporočilo v tem div elementu.
Tukaj je koda: https://jsfiddle.net/enjygt4y/1/
Načeloma, se to tako naredi, da se da div elementu id="myForm". Nato pa se doda form elementu action="#myForm".
Problem te kode, katere sem delil povezavo je, da se premakne natanko, do spodnjega roba sporočila. Kar pomeni, da moram s miško se premakniti malo navzgor, da vidim sporočilo v tem div elementu.
Netrunner ::
Bolj elegantno bi bilo to rešit z odajo forme preko ajaxa in prikaz sporočila z javascriptom. Drugače pa kot si napisal v action daš anchor in potem kamor želiš da skoči moraš dati enemu elementu id "my form" (html5) ali a name="myform" če nimaš html5
Če ti ne skoči na pravo mesto daj id myform nekemu span oz. podobnemu elementu in ga postavi malo bolj gor oz. dol da bo skočilo na pravo mesto
Če ti ne skoči na pravo mesto daj id myform nekemu span oz. podobnemu elementu in ga postavi malo bolj gor oz. dol da bo skočilo na pravo mesto
marjan_h ::
Hmm... Kako pa narediš, da se ta div/span pokaže samo po refreshu?
Trenutno sem naredil tako, da sem dodal zunanji div element in mu dodal margin-top. Ampak je to vidno vsakič ko se obišče stran.
Koda: https://jsfiddle.net/enjygt4y/4/
V bistvu sem pozabil prestaviti id. Tukaj je koda: https://jsfiddle.net/enjygt4y/5/
Trenutno sem naredil tako, da sem dodal zunanji div element in mu dodal margin-top. Ampak je to vidno vsakič ko se obišče stran.
Koda: https://jsfiddle.net/enjygt4y/4/
V bistvu sem pozabil prestaviti id. Tukaj je koda: https://jsfiddle.net/enjygt4y/5/
Zgodovina sprememb…
- spremenil: marjan_h ()
Netrunner ::
Je precej odvisno kako imaš to zloženo skupaj in predvsem od tvojega znaja, katero pa sklepam da je na začetnem nivoju.
V PHP narediš en enostaven if kjer preverjaš $_POST spremenljivko in na osnovi tega lahko prikažeš nekaj kar ni ob submitu. KAj to ima v klasičnem clean php-ju narejeno, imaš kak cms, framework... ? Če narediš z javascriptom je spet drugačna pot... je več variacij
V PHP narediš en enostaven if kjer preverjaš $_POST spremenljivko in na osnovi tega lahko prikažeš nekaj kar ni ob submitu. KAj to ima v klasičnem clean php-ju narejeno, imaš kak cms, framework... ? Če narediš z javascriptom je spet drugačna pot... je več variacij
Malenz ::
Lahko uporabiš webStorage, skupaj z jQuery
localStorage ostane, dokler ga ne zbrišeš, medtem ko sessionStorage deluje samo dokler ne zapreš brskalnika.
https://jsfiddle.net/2majemoa/
localStorage ostane, dokler ga ne zbrišeš, medtem ko sessionStorage deluje samo dokler ne zapreš brskalnika.
https://jsfiddle.net/2majemoa/
Vredno ogleda ...
Tema | Ogledi | Zadnje sporočilo | |
---|---|---|---|
Tema | Ogledi | Zadnje sporočilo | |
» | Pomoč z jQuery (osnove)Oddelek: Programiranje | 812 (684) | alexa-lol |
» | Slika z CSS pomočOddelek: Izdelava spletišč | 2136 (1967) | Jerry000 |
» | Avtomatično polnjenje formeOddelek: Programiranje | 842 (684) | win64 |
» | auto submit forumOddelek: Izdelava spletišč | 1047 (994) | Road Runner |
» | [c#] garbage collectorOddelek: Programiranje | 1296 (1050) | BCSman |