Hover popup

Status
Niet open voor verdere reacties.
Y

yoeri10

Gebruiker
Lid geworden
28 mrt 2014
Berichten
30
Hallo beste mensen,

Onderstaand heb ik een afbeelding geplaatst.
Weet iemand hoe je dit kunt maken? Als je over een tekst of link heen gaat er een popup verschijnt met informatie over de link, of tekst.

hover.jpg

Gr. Yoeri
 
Beste Quintoo,

Bedankt voor deze te gekke tool!

Echter werkt hij nog niet :( dit is wel precies wat ik zou willen op mijn site.

dit is mijn code:

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">

.tooltipsy
{
padding: 10px;
max-width: 200px;
color: #303030;
background-color: #F40080;
border: 1px solid #deca7e;
}


</style>
</head>
<body>

<script>
type="text/javascript"
src="www.test.com/newfunctions/tooltipsy.min.js">
</script>

<a class="hastip" href="#">CSS Tooltips
<span>Tooltip</span></a>


<script type="text/javascript">
$('.hastip').tooltipsy();
</script>




</body>
</html>

kun je mij een beetje op weg helpen?

Gr. Yoeri
 
Volgens mij verwijst het jquery bestand naar niks.
www.test.com/newfunctions/tooltipsy.min.js bestaat niet.
Zorg ervoor dat je jquery juist word ingeladen, anders gaat het zeker niet werken!
deze kan je hier trouwens vandaan halen : https://github.com/briancray/tooltipsy/blob/master/tooltipsy.min.js

De rest van je code ziet er namelijk prima uit en zou moeten werken als je javascript juist word ingeladen ;)

Aan je code te zien vergeet je trouwens jquery library in te laden.

HTML: 
<script src="http://code.jquery.com/jquery-latest.min.js"  type="text/javascript"></script>
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan