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

Téma: Oldalon belül aktív horgony linkek átszínezése - hogyan?

  1. #1
    búgócsiga Akka logója
    Csatlakozott
    10-05-06
    Hozzászólás
    3.770
    Begyűjtött 1.329 köszönetet
    678 hozzászólásával

    Alapbeállítás Oldalon belül aktív horgony linkek átszínezése - hogyan?

    Van egy menüm, amivel egy aloldal tartalmában tudok navigálgatni:

    HTML kód:
    <div class="menu">
    	<a class="elso belsolink" href="#elsoresz">Első rész</a>
    	<a class="masodik belsolink" href="#masodikresz">Második rész</a>
    	<a class="harmadik belsolink" href="#harmadikresz">Harmadik rész</a>
    </div>
    Azt szeretném, hogy az éppen aktív menüpont kinézetét CSS-ben lehessen állítani, vagyis lehessen látni, hogy most éppen melyik oldalrésznél tart a látogató.

    Tudtok erre egyszerű megoldást?



  2. #2
    Seo-Titán hunprobalazs logója
    Csatlakozott
    10-05-30
    Hely
    Sin City
    Hozzászólás
    2.148
    Begyűjtött 382 köszönetet
    271 hozzászólásával

    Alapbeállítás re: Oldalon belül aktív horgony linkek átszínezése - hogyan?

    Egy tipp: Adj nekik id-t, meg végy fel hozzájuk onclick eseményt, majd hívj meg egy függvényt, ami az id értékét változtatja meg aktívra (így ahhoz más CSS stílus adható meg)... Persze váltásnál a többit semlegesítsd! :-) legalábbis én így csinálnám, mert gondolom itt ugye az :active, :hover nem működik...



  3. #3
    búgócsiga Akka logója
    Csatlakozott
    10-05-06
    Hozzászólás
    3.770
    Begyűjtött 1.329 köszönetet
    678 hozzászólásával

    Alapbeállítás re: Oldalon belül aktív horgony linkek átszínezése - hogyan?

    Köszi, ilyesmi logikáig eljutottam már... ezért is a java részbe tettem a topikot. A programozás nem erős oldalam, gondoltam hátha van valakinek erre egy példa kódja, amit át lehet mahinálni.



  4. #4
    búgócsiga Akka logója
    Csatlakozott
    10-05-06
    Hozzászólás
    3.770
    Begyűjtött 1.329 köszönetet
    678 hozzászólásával

    Alapbeállítás re: Oldalon belül aktív horgony linkek átszínezése - hogyan?

    Update:
    Sikerült megoldani ezzel:

    HTML kód:
    <script type="text/javascript">
    $(document).ready(function(){ 
    
    $('.belsolink').on("click", function() { 
    
    $('.active').removeClass('active')
    $(this).addClass('active');
    });
    
    })
    </script>




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
  •