• Login
  • Register
  • Zoek
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Articles
  • Pages
  • Forum
  • Filebase Entry
  • More Options

ICTscripters

Dé plek voor IT

Dé plek voor IT

Login

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. (X)HTML + XML + CSS

Forum

  • Crimora.nl

    Dennii 11 juli 2026 om 13:13
  • RPG game gebouwd met AI

    zwpgangster 9 juli 2026 om 11:25
  • (Verkoop) Criminals

    Syntax 5 juli 2026 om 13:22
  • Het Grote Vibe Code Topic

    Syntax 30 juni 2026 om 11:54
  • Ictscripters Chat

    Jeffrey.Hoekman 26 juni 2026 om 16:21
  • Het oorspronkelijke Criminals Script

    Jeroen.G 24 juni 2026 om 09:21
  • StraatBaas is back, maar hoe?!

    Syntax 17 juni 2026 om 10:28
  • PWYL source gezocht

    Syntax 29 mei 2026 om 14:03

Marktplaats

  • 306 Nieuwe Domeinnamen Juni 2026

    shiga 1 juli 2026 om 13:39
  • 4-letter domein: Togi.nl

    evesi 17 juni 2026 om 17:08
  • 359 Nieuwe Domeinnamen Mei 2026

    shiga 1 juni 2026 om 12:45

jquery, div maken en daarna verwijderen

  • Luc
  • 29 augustus 2012 om 21:16
  • Luc
    Software Engineer
    Ontvangen Reacties
    44
    Berichten
    1.986
    • 29 augustus 2012 om 21:16
    • #1

    Beste,

    Ik heb een link en als je daar overheen gaat komt er een extra div met de langere link, dus nu wil ik dat wanneer ik over

    a.link ga, er met jquery een klein divje wordt aangemaakt boven a.link

    Wanneer ik dan over de nieuwe div ga (a.sublink) en ik verlaat hem met mijn muis dat dan pas die div verwijderd wordt..

    Ik heb momenteel deze code:

    PHP
    $("a.link").mouseover(function() {
    				
                
                $(this).append('<div class="tooltip">http://www.google.me</div>'); 
    				
                    $("a > div.tooltip").fadeIn(0); 
    				
    		});
    		
    		$(".tooltip").mouseover(function() {
    			 $(".tooltip").remove();
                 
    		});
    Toon Meer

    Maar helaas verwijderd hij hem niet..

    Ook wil ik straks dat er dynamische links in komen, maar dat deze niet steeds worden opgevraagd via de database maar onthouden worden.. Hoe kan ik dat het beste doen met jquery?

    Hopelijk kunnen jullie mij helpen.

    Website: https://devimo.nl
    Skype: https://join.skype.com/invite/dJyYILTt7Eqh

  • zwpgangster
    Professional
    Ontvangen Reacties
    13
    Berichten
    1.039
    • 29 augustus 2012 om 21:33
    • #2

    http://docs.jquery.com/Plugins/Tooltip

    MD-IT Solutions

  • iCold
    Professional
    Ontvangen Reacties
    7
    Berichten
    1.630
    • 29 augustus 2012 om 21:39
    • #3

    Tis maar een gok, het is tog id="tooltip" i.p.v class?

  • zwpgangster
    Professional
    Ontvangen Reacties
    13
    Berichten
    1.039
    • 29 augustus 2012 om 21:46
    • #4

    idd H.Rayn,

    Probeer dit eens:

    PHP
    $("a.link").mouseover(function() { 
                     
                 
                $(this).append('<div id="tooltip">http://www.google.me</div>');  
                     
                    $("a > div.tooltip").fadeIn(0);  
                     
            }); 
             
            $("#tooltip").mouseover(function() { 
                 $("#tooltip").remove(); 
                  
            });
    Toon Meer

    MD-IT Solutions

  • Stefan.J
    Master
    Ontvangen Reacties
    9
    Berichten
    2.358
    • 29 augustus 2012 om 21:49
    • #5

    In een jQuery event callback refereert this naar het element waarop de event is gebeurd. Dus het volgende is beter, en sneller:

    r. 11:

    PHP
    $(this).remove();
  • Luc
    Software Engineer
    Ontvangen Reacties
    44
    Berichten
    1.986
    • 29 augustus 2012 om 22:02
    • #6

    Waarom zou het een id moeten zijn? een class zou net zo goed moeten werken..

    @killingdevil, ik weet dat $(this) beter is, maar ook daarmee verijderd hij de aangemaakte div niet.

    het princiepe:
    ik ga over link a.link

    dan verschijnt er boven de a.link een div genaamd tooltip, wanneer ik op de tooltip ben geweest en hem verlaat, of na 2 sec niet naar tooltip gegaan te zijn moet hij hem weer verwijderen..

    Hoe zou ik zoiets kunnen maken?

    met .tooltip heb ik het niet voor elkaar gekregen om dit zo te maken zoals ik het wil..

    Website: https://devimo.nl
    Skype: https://join.skype.com/invite/dJyYILTt7Eqh

  • zwpgangster
    Professional
    Ontvangen Reacties
    13
    Berichten
    1.039
    • 29 augustus 2012 om 22:06
    • #7

    http://jquery.bassistance.de/tooltip/demo/
    http://livedemo.exadel.com/richfaces-demo…ces/toolTip.jsf
    http://sandbox.scriptiny.com/tooltip/
    http://craigsworks.com/projects/qtip/demos/
    http://jquerytools.org/demos/tooltip/index.html
    http://demos111.mootools.net/Tips

    MD-IT Solutions

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!

Maak een account aan Login

ICT Nieuws

  • Quanscient ontvangt €10M om AI- en kwantum-native hardware engineering te bevorderen - Tech.eu

    ICTscripters 27 mei 2026 om 12:03
  • Datalek bij leverancier Canvas - Universiteit van Amsterdam

    ICTscripters 10 mei 2026 om 12:03
  • Data privacy in 2026: Hoe de naleving van GDPR verandert

    ICTscripters 8 mei 2026 om 12:16

Blogs

  • Functioneel ontwerp

    Dees 28 december 2014 om 12:38
  • Access Control List implementatie in PHP/MySQL - deel 1/2

    FangorN 28 december 2018 om 12:35
  • Access Control List implementatie in PHP/MySQL - deel 2/2

    FangorN 29 december 2018 om 12:37

Gebruikers die dit topic bekijken

  • 1 Gasten
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacy Policy
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen | Beste Zetes eid kaartlezer webshop
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design