Avatar billede public2 Nybegynder
13. oktober 2008 - 21:00 Der er 3 kommentarer og
1 løsning

Automatisk ændring i baggrundsfarve på div / celle (som Facebook)

Hej Eksperten og alle derude,

jeg har lagt mærke til, at der på vores allesammens Facebook er en ret nifty funktion. Jeg vil prøve at forklare den så godt og præcis som muligt:

Når man trykker på et link, ignorere en applikation eller indtaster noget og "sender" beskeden videre, så kommer der en boks (nok en div), hvor der står en service besked om, at det man nu har foretaget sig, er gjort.
Det interessante for mig er baggrunden på den boks / div / celle. Den starter f.eks. med at være gul og bliver så i løbet af 2-5 sekunder hvid igen.

Det går hurtigt og er kun den ene gang, men det giver et ret godt fokus på den boks og giver et godt billede af, hvad der er aktuelt for brugeren lige her og nu, men så ændrer fokus lige efter når siden har givet besked.

Jeg ved ikke om jeg har forklaret det godt nok, hvis ikke så tøv endelig ikke med at skrive og spørger, så forsøger jeg at gøre det mere præcist.

Jeg har forsøgt at lede nettet tyndt for et script til at gøre det. Jeg har valgt kategorien "(D)HTML" her, men jeg er usikker på om det egentlig er JavaScript eller DHTML / CSS eller noget helt tredje.

Håber meget nogle af jer kan hjælpe

På forhånd tak for jeres hjælp

Mvh
Emil
Avatar billede roenving Novice
13. oktober 2008 - 23:16 #1
Kan du ikke 'bare' checke facebooks kode ?-)

-- på Facebook vil jeg gætte på, at det er implementeret som et eller andet javascript-library, der benyttes til forskellige funktioner, bla. baggrundsændringen !-)
Avatar billede olebole Juniormester
14. oktober 2008 - 00:04 #2
<ole>

- og det er jo under alle omstændigheder noget, der skal flettes sammen med din kode, så det er ikke til at sige, hvordan det skal skrives  =)

/mvh
</bole>
Avatar billede jokkejensen Novice
14. oktober 2008 - 07:50 #3
Personligt ville jeg bruge yuiblogs:

http://developer.yahoo.com/yui/examples/animation/colors.html

Men hvis det kun lige er et farve skift, kan JS tween, med color addon også klare det, og er nok lidt mere lightweightet:

http://jstween.blogspot.com/#ColorTween

/J
Avatar billede public2 Nybegynder
21. maj 2009 - 13:38 #4
Luk
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