• Inloggen
  • Registreer
  • Zoeken
Dit topic
  • Overal
  • Dit topic
  • Dit forum
  • Artikelen
  • Pagina's
  • Forum
  • Downloads
  • Meer opties

ICTscripters

Dé plek voor IT

Dé plek voor IT

Aanmelden

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. (X)HTML + XML + CSS

Forum

  • Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

    Syntax 14 oktober 2026 om 16:04
  • Maffia Hotel: een browsergame waarin je van lobbygast naar spil van het hotel groeit

    Luc 13 oktober 2026 om 21:31
  • Crime Club volledig herschreven vanaf nul

    frio 13 oktober 2026 om 16:52
  • Herkent deze Notion-structuurscan echte problemen?

    FreelanceAP 6 oktober 2026 om 16:48
  • 🚀 WE ZOEKEN TESTERS! 🚀

    Servertjee 3 oktober 2026 om 10:56
  • Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

    saggy2829 30 september 2026 om 19:31
  • Hoe gebruiken jullie WhatsApp voor marketing en klantopvolging?

    aiqanobzfsej5 29 september 2026 om 12:55
  • [PROJECT] Gamekeuring.nl - Hét onafhankelijke keuringsplatform voor maffiagames & RPG's!

    frio 22 september 2026 om 16:40

Marktplaats

  • [TE KOOP] Likeboost24.nl: complete SMM-webshop met eigen merk, volautomatische levering en betalen op de eigen pagina

    frio 14 oktober 2026 om 15:06
  • Te koop: TuinKlussen.be, een kant-en-klaar platform voor tuinklussen in Vlaanderen en Brussel

    frio 13 oktober 2026 om 21:08
  • Te koop: Port Father, afgewerkt online maffiaspel in PHP/MySQL, klaar voor de Play Store

    frio 11 oktober 2026 om 14:02

jquery, div maken en daarna verwijderen

  • Luc
  • 29 augustus 2012 om 21:16
  • Online
    Luc
    Software Engineer
    Berichten
    1.988
    • 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();
                 
    		});
    Meer tonen

    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

  • Gast, wil je besparen op je domeinnamen? (ad)
  • zwpgangster
    Professional
    Berichten
    1.041
    • 29 augustus 2012 om 21:33
    • #2

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

    MD-IT Solutions

  • iCold
    Professional
    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
    Berichten
    1.041
    • 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(); 
                  
            });
    Meer tonen

    MD-IT Solutions

  • Stefan.J
    Meester
    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();
  • Online
    Luc
    Software Engineer
    Berichten
    1.988
    • 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
    Berichten
    1.041
    • 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

Registratie

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

Nu registreren Aanmelden

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
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacyverklaring
  10. Contact
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design