Kom ihåg mig?
Home Menu

Menu


"Någon bokade precis.."-skript

 
Ämnesverktyg Visningsalternativ
Oläst 2015-12-14, 10:34 #1
naak2803 naak2803 är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2011
Inlägg: 767
naak2803 naak2803 är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2011
Inlägg: 767
Standard "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
naak2803 är inte uppkopplad   Svara med citatSvara med citat
Oläst 2015-12-14, 10:40 #2
nosnaj nosnaj är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Mar 2005
Inlägg: 1 012
nosnaj nosnaj är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Mar 2005
Inlägg: 1 012
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?
nosnaj är inte uppkopplad   Svara med citatSvara med citat
Oläst 2015-12-14, 11:10 #3
naak2803 naak2803 är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2011
Inlägg: 767
naak2803 naak2803 är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2011
Inlägg: 767
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.

Kod:
<ul>
<li>
Någon köpte XXXX för 15 minuter sedan.
</li>
<li>
Någon köpte XXXX för 5 minuter sedan.
</li>
<li>
Någon köpte XXXX för 29 minuter sedan.
</li>
</ul>
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>
naak2803 är inte uppkopplad   Svara med citatSvara med citat
Oläst 2015-12-14, 11:25 #4
nosnaj nosnaj är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Mar 2005
Inlägg: 1 012
nosnaj nosnaj är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Mar 2005
Inlägg: 1 012
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.
nosnaj är inte uppkopplad   Svara med citatSvara med citat
Oläst 2015-12-14, 12:40 #5
naak2803 naak2803 är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2011
Inlägg: 767
naak2803 naak2803 är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2011
Inlägg: 767
Citat:
Ursprungligen postat av nosnaj Visa inlägg
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/
naak2803 är inte uppkopplad   Svara med citatSvara med citat
Oläst 2015-12-14, 12:43 #6
Jimmits avatar
Jimmit Jimmit är inte uppkopplad
Flitig postare
 
Reg.datum: Sep 2009
Inlägg: 453
Jimmit Jimmit är inte uppkopplad
Flitig postare
Jimmits avatar
 
Reg.datum: Sep 2009
Inlägg: 453
Du får nog använda något i stil med https://pusher.com/ för att broadcasta dina events till klientsidan.
Jimmit är inte uppkopplad   Svara med citatSvara med citat
Oläst 2015-12-14, 12:51 #7
nosnaj nosnaj är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Mar 2005
Inlägg: 1 012
nosnaj nosnaj är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Mar 2005
Inlägg: 1 012
Citat:
Ursprungligen postat av naak2803 Visa inlägg
så långt har jag gjort, har dock lite problem med att "svejsan" syns redan vid slide out...

http://jsfiddle.net/xuydjfet/
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
nosnaj är inte uppkopplad   Svara med citatSvara med citat
Oläst 2015-12-14, 12:59 #8
naak2803 naak2803 är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2011
Inlägg: 767
naak2803 naak2803 är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2011
Inlägg: 767
Citat:
Ursprungligen postat av nosnaj Visa inlägg
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.
naak2803 är inte uppkopplad   Svara med citatSvara med citat
Oläst 2015-12-14, 17:01 #9
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
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
allstars är inte uppkopplad   Svara med citatSvara med citat
Oläst 2015-12-14, 18:32 #10
yakuzaemmes avatar
yakuzaemme yakuzaemme är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2012
Inlägg: 773
yakuzaemme yakuzaemme är inte uppkopplad
Mycket flitig postare
yakuzaemmes avatar
 
Reg.datum: Jun 2012
Inlägg: 773
Edit: ta bort

Senast redigerad av yakuzaemme den 2015-12-14 klockan 18:38
yakuzaemme är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 19:50.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017