Script či HTML příkaz pro posun na stránce

MaK.
Autor
OFFLINE
Zkušený uživatel

Více

08. bře 2013 23:12 #105100 od MaK.

Script či HTML příkaz pro posun na stránce od MaK.

Čau Joomlisté,

obracím se k vám s prosbou o radu:

Dotaz se týká komponenty VirtueMart, ale to asi není podstatné, příklad:

Mám popis kategorie ve VM. Popis je malinko delší, tudíž nejsou vidět ve VM pak konkrétní produkty. Někde jsem na webu viděl, že po kliknutí na tlačítko se stránka sroluje níže.

Co tuto funkčnost řeší? Nějaký script? Anebo jen HTML příkaz?

Cílem je, aby po kliknutí na tlačítko " Nabídka vína pod textem " byl návštěvník webu (VM) přesunut níže k produktům. Jak toho docílím?

Předem díkes za radu, fajn víkend!

MaK.

--- -- -

karel
OFFLINE
Zkušený uživatel

Více

09. bře 2013 08:51 #105104 od karel

Odpověď od karel v tématu Re: Script či HTML příkaz pro posun na stránce

Hoj M.

posuv zajišťuje JS (JQuery, MooTools) - samotné užití např.: www.saaraan.com/2011/01/jquery-anchor-scroll-scripts-plugins

rozšíření pro J: extensions.joomla.org/extensions/structu...tion/site-navigation

keywords: anchor scroll script

Znáte-li řešení, sdělte ho - pomůžete ostatním při řešení stejného problému, i případný "rádce" bude vědět, poradil-li správně nebo špatně.

Poděkovali: MaK.

MaK.
Autor
OFFLINE
Zkušený uživatel

Více

09. bře 2013 22:47 #105152 od MaK.

Odpověď od MaK. v tématu Re: Script či HTML příkaz pro posun na stránce

Super Karle,

testoval jsi to i ve VirtueMart?

MaK.

--- -- -

Cony
Pryč
Moderátor

Více

09. bře 2013 23:02 #105155 od Cony

Odpověď od Cony v tématu Re: Script či HTML příkaz pro posun na stránce

Pro samotné poskočení nepotřebujete JS, ten vám jen udělá posuv plynulý. Musíte použít html anchor:

Code:

<a name="produkty"></a>

a odkaz na něj

Code:

<a href="#produkty">Nabídka níže</a>

Pokud chcete hezký efekt, v Joomle by Vám mělo stačit přidat do některého JS souboru (ideálně, pokud má nějaký šablona tak do něj)

Code:

new Fx.SmoothScroll({
    duration: 200
  },window);

Poděkovali: MaK.

MaK.
Autor
OFFLINE
Zkušený uživatel

Více

09. bře 2013 23:21 #105156 od MaK.

Odpověď od MaK. v tématu Re: Script či HTML příkaz pro posun na stránce

Cony, to vypadá dobře, ale stále nějak nechápu, jaký link mám přihodit tomu obrázku "Nabídka vína...", který je tady: www.cestavina.cz/index.php/vinarska-obla...miko-horni-vestonice

Zkoušel jsem mu hodit "#produkty", ale nějak to nechodí, asi špatně chápu.. Jakou url mohu prosím obrázku určit jako odkaz?

Díky, MaK.

--- -- -

karel
OFFLINE
Zkušený uživatel

Více

09. bře 2013 23:31 - 09. bře 2013 23:48 #105157 od karel

Odpověď od karel v tématu Re: Script či HTML příkaz pro posun na stránce

Upřesňuji:
pokud samotný JS, tak je třeba přidat:

Code:

<script type="text/javascript">
window.addEvent('domready',function() {
			new Fx.SmoothScroll({
				duration: 200
			},window);
		});
    
</script>

Mariáne, někde v HTML musí existovat definována "kotva" = "anchor", např:

Code:

<a name="produkty">....</a>

nebo lze stejně odkázat na prvek, který má nastaveno id="..."
třeba:
www.cestavina.cz/index.php/vinarska-obla...onice#productPrice17

Znáte-li řešení, sdělte ho - pomůžete ostatním při řešení stejného problému, i případný "rádce" bude vědět, poradil-li správně nebo špatně.

Poděkovali: MaK.

Cony
Pryč
Moderátor

Více

10. bře 2013 23:43 #105200 od Cony

Odpověď od Cony v tématu Re: Script či HTML příkaz pro posun na stránce

Karel má pravdu, mělo by to být v události domready. Co se týče směřování odkazu, tam to bude chtít lehce upravit šablonu pro VM a přeed výpis produktů přidat tu kotvu produkty těsně před výpis produktů.

Vygenerováno za 0.066 sekund