» »

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.

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

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/

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

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/


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

Pomoč z jQuery (osnove)

Oddelek: Programiranje
8812 (684) alexa-lol
»

Slika z CSS pomoč

Oddelek: Izdelava spletišč
92136 (1967) Jerry000
»

Avtomatično polnjenje forme

Oddelek: Programiranje
5842 (684) win64
»

auto submit forum

Oddelek: Izdelava spletišč
51047 (994) Road Runner
»

[c#] garbage collector

Oddelek: Programiranje
141296 (1050) BCSman

Več podobnih tem