Auteur Topic: [jQuery] Replace tekst bij hover  (gelezen 3292 keer)

0 leden en 1 gast bekijken dit topic.

xvilo

  • Global Moderator
  • Verslaafd DigitalPlace Lid
  • *****
  • Berichten: 2675
  • Karma: -44
    • Bekijk profiel
    • http://www.xvilo.com
[jQuery] Replace tekst bij hover
« Gepost op: november 29, 2015, 01:53:28 pm »
  • [+1]0
  • [-1]0
  • Hallo,


    Ik krijg het niet helemaal goed voor elkaar, maar ik wil graag dat als je ul.tracker.security li a hovert hij de tekst van ul.tracker.security li a span.hoverrep replaced.
    Ik heb het nu wel zover dat als je .hoverrep hovert hij de tekst vervangt, maar ik kom er zo niet helemaal uit om dat te laten gebeuren bij de parent....




    Alvast bedankt,


    //xvilo


    EDIT:
    Ik heb dit keer even Font Awesome (iconen) en jQuery alvast er bij gedaan.
    « Laatst bewerkt op: december 02, 2015, 08:12:25 pm door xvilo »


    Robin

    • Administrator
    • DigitalPlace Guru
    • *****
    • Berichten: 3158
    • Karma: 145
      • Bekijk profiel
      • http://www.robinj.be/
    Re: [jQuery] Replace tekst bij hover
    « Reactie #1 Gepost op: november 29, 2015, 02:00:53 pm »
  • [+1]0
  • [-1]0
  • Zelfs geen Javascript of jQuery voor nodig;

    <p>Herpe<span id="replaceme">derp</span><span id="replacement">herp</span></p>
    p:hover #replaceme
    {
        display: none;
    }

    p #replacement
    {
        display: none;
    }

    p:hover #replacement
    {
        display: inline;
    }
    >><<

    xvilo

    • Global Moderator
    • Verslaafd DigitalPlace Lid
    • *****
    • Berichten: 2675
    • Karma: -44
      • Bekijk profiel
      • http://www.xvilo.com
    Re: [jQuery] Replace tekst bij hover
    « Reactie #2 Gepost op: november 29, 2015, 02:45:29 pm »
  • [+1]0
  • [-1]0
  • Jeetje... Ik zit weer te moeilijk te denken


    RaMp6

    • DigitalPlace Lid
    • *
    • Berichten: 187
    • Karma: 8
      • Bekijk profiel
    Re: [jQuery] Replace tekst bij hover
    « Reactie #3 Gepost op: december 08, 2015, 10:44:42 pm »
  • [+1]0
  • [-1]0
  • Idd.. maar als je dus die IDs van robin gebruikt moet je voor elke url n andere id maken. Kan je beter n class van maken :)

    Maar als je t met jquery doet is ook niet zo moelijk hoor, gwn de juiste selector gebruiken ipv $(this)

    AKA whiteRabbit

    xvilo

    • Global Moderator
    • Verslaafd DigitalPlace Lid
    • *****
    • Berichten: 2675
    • Karma: -44
      • Bekijk profiel
      • http://www.xvilo.com
    Re: [jQuery] Replace tekst bij hover
    « Reactie #4 Gepost op: december 08, 2015, 10:59:03 pm »
  • [+1]0
  • [-1]0
  • Nope


    Ik ben een swagboy 6s plus met Tapatalk


    RaMp6

    • DigitalPlace Lid
    • *
    • Berichten: 187
    • Karma: 8
      • Bekijk profiel
    Re: [jQuery] Replace tekst bij hover
    « Reactie #5 Gepost op: december 08, 2015, 11:04:24 pm »
  • [+1]0
  • [-1]0
  • K

    AKA whiteRabbit