"Någon bokade precis.."-skript
 

Hej,
är ute efter en simple javascript som man brukar se på olika resesajter, hotellsidor och/produktsidor...

längst ner brukar det poppa upp en ruta likt:
"Någon bokade precis Novo Hotell, endast 5 lediga rum kvar!"

Är det någon som vet vart man kan få tag på detta? är för lat att sitta å utveckla detta... :P

Om du berättar hur du får tag i informationen på din sida så kanske vi kan posta en färdig kod åt dig.

Ska du hämta den informationen via något API eller ska du lura dina besökare och det ska slumpas fram någon data?

har inte tänkt att lura någon, utan tänkte mer att jag hämtar hur antalet köp senaste timmen, och sen slumpar ut dessa en efter en.

har redan en codebehind som genererar denna kod.

jag behöver bara en javascript som visar detta en efter en på ett snyggt sätt... längst ner till vänster av skärmen.
om det är lättare med divvar, kan jag utan problem byta ut till dem istället. Det behöver inte vara <ul>

Börja med att skapa en div eller liknande som du stylar så den kan användas som "inforuta".

Sedan kodar du med javascript så först hämtar du texten i första li-taggen som du postade och placerar den i "inforutan". Vänta x sekunder och hämta sedan texten från nästa li-tagg osv.

Svårt att veta vart dina nivåer på html, css och javascript ligger.
Kanske enklast att söka fram något javascriptbibliotek om du är osäker hur man kodar så förenklas det lite.

så långt har jag gjort, har dock lite problem med att "svejsan" syns redan vid slide out...

http://jsfiddle.net/xuydjfet/

Du får nog använda något i stil med https://pusher.com/ för att broadcasta dina events till klientsidan.

Sätt "svejsan" när i == 3 så fungerar det bättre.

Variabeln i ökas ju med 1 dels när du visar rutan, men den ökas även med 1 när du slidar ner rutan.
Så du vill visa ny text då i = 1, 3, 5, 7 osv :)

jo så långt har jag fattat, men problemet är ju att texten ändras under tiden den håller på att slida ner.

Du måste gömma divven, sedan ändra och visa den igen.
Du kan inte använda toggle här, utan får använda show resp hide

Edit: ta bort