Validace formuláře v JS a nasledný scroll na stránce

24. 1. 2017 21:40:31

Ahoj,

jak resite problem, kdy potrebujete pomoci JS zvalidovat formular a pripadne chybove hlaseni umistite nad formular, jenze kdyz pak pomoci kotvy prejdete na jeho ID, tak je ta chybova zprava stale skryta pod menu, ktere fixne drzi v horni casti a neni videt.

Treba tato sablona: http://torchtemplates.net/auction/contact.html

Chce to po validaci dokreslit nejaky objekt, co se objevi a tim to cele posune dolu? Samozrejme to musi byt ale zase vylazeno responzivne. Kdyz to pak odskoci na mobilu, tak by tam byla velka dira a tam je tak velky odskok zbytecny, protoze tam se mobilni menu zobrazuje uplne jinak.

Ona ta kotva funguje dobre, stranka se posune presne tam kam se posunout ma. Jenze to prekryva to fixni menu. Nebo nejaky odskok kdyby sel dopsat.

Poradite prosim nekdo?

24. 1. 2017 21:40:31

https://webtrh.cz/diskuse/validace-formulare-v-js-a-nasledny-scroll-na-strance/#reply1254429

smrtka

(3 hodnocení)

24. 1. 2017 23:09:26

Bud musis dat vsem kotvam nejakou class a pak ji pres CSS posunout relativne nahoru o vysku menu nebo upravit skript na posuv, kde se musi odecist v parametru. CSS je asi lepsi pri znalosti vysky menu

24. 1. 2017 23:09:26

https://webtrh.cz/diskuse/validace-formulare-v-js-a-nasledny-scroll-na-strance/#reply1254428

chladek

(4 hodnocení)

25. 1. 2017 00:03:01

Když už to validuješ javascriptem, tak se to da rovnou posunout o pozici prvku s errorem + výšku menu, v jquery nějak takhle:

var top = $("#errorMsg").offset().top + $("#menu").height();

$('html,body').animate({

scrollTop: top

}, 1000);

25. 1. 2017 00:03:01

https://webtrh.cz/diskuse/validace-formulare-v-js-a-nasledny-scroll-na-strance/#reply1254427

David Musil

(68 hodnocení)

25. 1. 2017 00:15:27

Napsal eqeq;1356872
Když už to validuješ javascriptem, tak se to da rovnou posunout o pozici prvku s errorem + výšku menu, v jquery nějak takhle:
var top = $("#errorMsg").offset().top + $("#menu").height();
$('html,body').animate({
scrollTop: top
}, 1000);

Super, diky moc. To budu presne ono. Jeste, ze jsi dneska nesel jeste spat :)

25. 1. 2017 00:15:27

https://webtrh.cz/diskuse/validace-formulare-v-js-a-nasledny-scroll-na-strance/#reply1254426

Pro odpověď se přihlašte.

Přihlásit