Mouse over Question mark
Er is in javascript een code, die een bolletje plaats achter een formulier met een vraagteken erin. Wanneer je je muis erop houd zonder te klikken, komt er een kleine pop up met text ballen...
Heeft iemand deze voor mij?
Groeten Donny
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
$(function(){
$("#vraagteken").mouseover(function(){
$('.info').toggle();
}).mouseout(function(){
$('.info').toggle();
});
});
$("#vraagteken").mouseover(function(){
$('.info').toggle();
}).mouseout(function(){
$('.info').toggle();
});
});
Geen idee of toggle() werkt met een mouseoverfunction. Maar het valt te proberen.
Zorg ervoor dat je de jQuery lib inlaadt, en dat je twee id's hebt met iets van een vraagteken, en een id voor de uitleg.
Gewijzigd op 20/01/2012 14:04:25 door - Ariën -
Als je je muis op het element plaats wordt de mouseover getriggered die dan iets "aan" zet (of laat zien). Als je als gebruiker vervolgens de pagina herlaadt (met F5) zal de pagina alles weer herstellen naar oorspronkelijke staat. Wat je net dus "aan" hebt gezet met die toggle, gaat dan weer naar "uit". Je muis staat echter nog steeds op het element. Als je nu je muis ervanaf haalt trigger je de mouseout die met behulp van de toggle het iets weer "aan" zet, terwijl je eigenlijk dan "uit" wilt zetten.
Ergo: geen toggle gebruiken maar beter show() en hide(). Scheelt je zelfs nog 4 letters code :-)
http://craigsworks.com/projects/qtip2/download/
Moet je ook jQuery-UI hebben geloof ik..
Die gaat met de muis van het bolletje af om de tekst te lezen,
Waarom? Ach we zijn net mensen....
Resultaat bij een toggle functie dat venster verdwijnd weer.
ik zou:
Onmouseover="javascript.... SHOW"
en in het venster een linkje "Sluit" maken...
Óf een fade uit erbij naar 5 sec. ofzo...
Groeten, Antony
edit:
Die van mijn voorganger hierboven is ook een mooie oplossing !
Gewijzigd op 26/03/2012 19:49:25 door Antony Riksen