Avatar billede weiland Nybegynder
03. februar 2011 - 14:01 Der er 3 kommentarer

Hvordan er tooltip lavet?

http://www.webs.com/s/signup er der et tooltip ved alle form-inputs. Det er ret elegant lavet, men det er meget svært at se i kildekoden, hvordan det er lavet.
Kan du regne den ud? Er der brugt en tilgængelig Jquery-teknik?
Avatar billede BufferUnderrun Nybegynder
03. februar 2011 - 14:13 #1
Ja, det er i hvert fald noget man nemt kan lave med jQuery.

En hurtig beskrivelse af en løsning: lav nogle hidden div's som indeholder tool-tip-teksten (du kan style dem som du vil med CSS), som så bliver vist (med animation) når det tilhørende tekstfelt får fokus.

Eventen for focus kan laves nogenlunde i denne stil: $('#text1').focus(function{$('#tooltip1').show('slow')})

Dette viser div'en med en fading animation.
Avatar billede heinzdmx Nybegynder
03. februar 2011 - 14:16 #2
Avatar billede weiland Nybegynder
03. februar 2011 - 19:02 #3
Mange tak for respons, jeg vil kigge på det... :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester