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