IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Zaražení scrollování na místě před reloadem

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
joshiko
Člen
Avatar
joshiko:5.3.2018 8:30

Ahoj, mám eshop, zboží v mnoha variantách, tedy dlouhé tabulky. U cen je nákupní košík jako input submit. Pokud vložím do košíku např. poslední položku tabulky, reload mě hodí na začátek stránky. Jak se dostat (automaticky scrollovat) na stejné místo před reload? Děkuji
PS: jsem amatér. php "umím" čerstvě měsíc, s JS se teprve seznamuji.

 
Odpovědět
5.3.2018 8:30
Avatar
DHPICO
Tvůrce
Avatar
Odpovídá na joshiko
DHPICO:5.3.2018 10:28

ideální řešení je samozřejmě nedělat reload, ale použít AJAX (javascript), který to udělá na pozadí, tady je to celkem i hezky ukázané v jQuery (javascript knihovna) pro někoho, kdo neví o co jde ve spojením s PHP :)

https://stackoverflow.com/…ple-with-php

Editováno 5.3.2018 10:30
Nahoru Odpovědět
5.3.2018 10:28
Požehnáni budíš oráj
Avatar
joshiko
Člen
Avatar
Odpovídá na DHPICO
joshiko:5.3.2018 10:54

dík za reakci. na php řešení se mi líbí, že akce klienta se po reloadu promítne na web, např. ihned vidí obsah nákupního košíku, vše si uložím do mysql, ..... (viz for-el.cz)

Děkuji za odkaz, ale studovat JS a natahat si do kódu knihovny jenom kvůli vyřešení 1. problému se scrollováním mi nepřijde moc efektivní. Není nějaká jednodušší cesta? Děkuji.

 
Nahoru Odpovědět
5.3.2018 10:54
Avatar
DHPICO
Tvůrce
Avatar
Odpovídá na joshiko
DHPICO:5.3.2018 11:12

můžeš to řešit bez dané knihovny, akorát to zabere více řádků, pomocí AJAXu můžeš udělat i to, že se mu promítne obsah do nákupního košíku a i to uložení do databáze takto můžeš udělat, pro někoho kdo nemá příliš zkušeností, tak je samozřejmě lehčí jít cestou knihovny, jak to udělat bez ní můžeš najít například zde:

https://blog.garstasio.com/…jquery/ajax/

Nahoru Odpovědět
5.3.2018 11:12
Požehnáni budíš oráj
Avatar
NouF
Člen
Avatar
Odpovídá na joshiko
NouF:5.3.2018 11:48

Pokud nechecš používatž AJAX, tak můžeš každému řádku přidat ID v html to bude takto

<tr ID="1" class="vybrane"><td title="skladem 0">DI 0,14-6 HN</td>.....</tr>

ID="1" bude id toho produktu (musí bejt unikátní, tak jako třeba v DB)

A jak máš odkaz přidat do košíku, tak tam předáš to ID. Pak ta adresa bude taková: https://www.for-el.cz/1002/#1

Ono tě to hodí na řádek co chceš, ale spíš bych to řešil AJAXem.

 
Nahoru Odpovědět
5.3.2018 11:48
Avatar
joshiko
Člen
Avatar
joshiko:5.3.2018 12:03

děkuji moc všem za rady....

 
Nahoru Odpovědět
5.3.2018 12:03
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.