Eredmény: 1 - 2 (2) összesen

Téma: Vásárlási folyamat jquery-ben?

  1. #1
    Törzsvendég
    Csatlakozott
    12-01-31
    Hozzászólás
    104
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás Vásárlási folyamat jquery-ben?

    Sziasztok!

    Webáruházhoz szeretnék készíteni olyan folyamatjelzőt, ami mutatja, hogy a vásárlás melyik szakaszánál tartunk éppen.
    Ilyesmit szeretnék, mint ez: hxxp://www.porzsakbolt.hu/

    Hogy lehet ezt legegyszerűbben megoldani?
    Ha a példánál a képet külön megjelenítem, látszik, hogy egy képként kezeli az összes lehetőséget.
    Ezt hogyan?

    Csak iránymutatásra van szükségem, vagy egy kész scriptre, nem kérek senkitől ingyen programozást.

    Nagyon köszi előre is mindenkinek!



  2. #2
    Új tag
    Csatlakozott
    12-07-27
    Hely
    Budapest
    Hozzászólás
    1
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Vásárlási folyamat jquery-ben?

    Szia,

    a fenti példát én biztosan nem js segítségével csinálnám. De ha mindenképp ragaszkodsz hozzá, akkor egyszerűen készíts egy listát (ul), amit aztán úgy formázol, ahogy neked tetszik, és js segítségével azonosítsd, hogy mi épp az url

    Kód:
    if (window.location.href == 'elso-lepes'){
    	$('#folyamatjelzo .elso-elem').addClass('active');
    }
    if (window.location.href == 'masodik-lepes'){
    	$('#folyamatjelzo .elso-elem').addClass('complete');
    	$('#folyamatjelzo .masodik-elem').addClass('active');
    }
    de szvsz tényleg ne js-sel csináld ezt. Ha már mindenképp így akarod, de nincs affinitásod szerver oldali nyelvhez, akkor egyszerűen bontsd le tabokra a folyamatot.
    HTML kód:
    <ul>
    	<li><a href="#">Elso lepes</a></li>
    	<li><a href="#">Masodik lepes</a></li>
    	....
    	<li><a href="#">Utolso lepes</a></li>
    </ul>
    
    <div id="megrendeloLap">
    	<div class="elsolepes tab"></div>
    	<div class="masodiklepes tab"></div>
    	...
    	<div class="utolsolepes tab"></div>
    </div>
    Ha a tabos megoldast valasztod, akkor arra van egy kesz scriptem, amit meg korabban hasznaltam:

    htxp://pastebin.com/4FzafhAw

    Á.



Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •