Kom ihåg mig?
Home Menu

Menu


Ladda saker i taget istället för paging

 
Ämnesverktyg Visningsalternativ
Oläst 2013-02-19, 21:18 #1
secag secag är inte uppkopplad
Medlem
 
Reg.datum: Nov 2012
Inlägg: 211
secag secag är inte uppkopplad
Medlem
 
Reg.datum: Nov 2012
Inlägg: 211
Standard Ladda saker i taget istället för paging

Hej,

Söker den här metoden som jag sett att många har, facebook t.ex. när man skrollar neråt och får då upp mer content(för att slippa att göra små sidsnuttar.)

Tror det är en speciell modul som använder ajax? Vad heter den isåfall?
secag är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-02-19, 23:04 #2
lunarmyss avatar
lunarmys lunarmys är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Apr 2006
Inlägg: 633
lunarmys lunarmys är inte uppkopplad
Mycket flitig postare
lunarmyss avatar
 
Reg.datum: Apr 2006
Inlägg: 633
Gissningsvis så beror det på vilket system du ska använda grejen till.

En Wordpress-modul lär inte fungera till Drupal, t ex.
lunarmys är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-02-19, 23:04 #3
lunarmyss avatar
lunarmys lunarmys är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Apr 2006
Inlägg: 633
lunarmys lunarmys är inte uppkopplad
Mycket flitig postare
lunarmyss avatar
 
Reg.datum: Apr 2006
Inlägg: 633
Infinitive scrolling brukar det kallas btw
lunarmys är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-02-20, 00:23 #4
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
Det är mycket, mycket enklare än vad du tror.

http://jsfiddle.net/GhGVb/2/


Använder inte AJAX då det inte fungerar på JSFiddle, men det är också superenkelt som du säkert vet. Det jag skulle rekommendera är att ladda 5-10 objekt åt gången, dessa räknas som en "omgång". Denna parameter sparar du, och skickar med den när du gör ditt AJAX-kall. På din SQL-query kör du då LIMIT (x * omgång), (x * omgång) + x

Sen vill du väl ha någon snygg fading på det, vilket också är relativt enkelt. Om jag kommer ihåg rätt så är tillvägagång sättet

Hide>Append>fadeIn>scrollBottom - då får du en snygg fadingeffekt när ny data läggs in.

Hoppas det hjälpte!

Edit: Märks det att jag och Jonssondesign pratar mycket Skype?
yakuzaemme är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-02-20, 00:26 #5
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 709
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 709
Tog bort mitt inlägg - då Yakuzaemme var bättre förklarat!
jonssondesign är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-02-20, 15:41 #6
danjel danjel är inte uppkopplad
Medlem
 
Reg.datum: Nov 2003
Inlägg: 214
danjel danjel är inte uppkopplad
Medlem
 
Reg.datum: Nov 2003
Inlägg: 214
denna verkar bra https://github.com/paulirish/infinite-scroll
mest lämpligt om man vill ha avancerad funktionalitet
danjel är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-02-20, 16:25 #7
coredevs avatar
coredev coredev är inte uppkopplad
Bara ett inlägg till!
 
Reg.datum: Sep 2007
Inlägg: 1 554
coredev coredev är inte uppkopplad
Bara ett inlägg till!
coredevs avatar
 
Reg.datum: Sep 2007
Inlägg: 1 554
Tänk på att detta kan vara rätt SEO-ovänligt om det implementeras fel & publikt.
coredev är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-02-20, 17:42 #8
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
Citat:
Ursprungligen postat av coredev Visa inlägg
Tänk på att detta kan vara rätt SEO-ovänligt om det implementeras fel & publikt.
För att vara 100% seo-vänligt när det kommer till sådana saker är väl att göra en HTML-snapshot som crawlers indexerar.
yakuzaemme är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-02-20, 20:48 #9
secag secag är inte uppkopplad
Medlem
 
Reg.datum: Nov 2012
Inlägg: 211
secag secag är inte uppkopplad
Medlem
 
Reg.datum: Nov 2012
Inlägg: 211
Hmm, då skippar jag detta helt eftersom syftet med webbsidan är att den skall vara 100% seo vänlig. Trodde att det skulle bli bättre optimerat men ack så fel jag hade =)
secag är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-02-20, 21:58 #10
coredevs avatar
coredev coredev är inte uppkopplad
Bara ett inlägg till!
 
Reg.datum: Sep 2007
Inlägg: 1 554
coredev coredev är inte uppkopplad
Bara ett inlägg till!
coredevs avatar
 
Reg.datum: Sep 2007
Inlägg: 1 554
Citat:
Ursprungligen postat av yakuzaemme Visa inlägg
För att vara 100% seo-vänligt när det kommer till sådana saker är väl att göra en HTML-snapshot som crawlers indexerar.
Det kan vara värt att ta det lite försiktigt med liknande tekniker eftersom dessa kan ses som cloaking enligt Googles webmaster guidelines. Jag har aldrig hört någon som åkt dit på det och det bör inte bli någon skillnad i innehåll om det görs rätt men samtidigt kan det vara en gråzoon.

Edit: jag läste på lite mer om detta och om man vill så kan man enligt Google placera länkar till content inom <noscript>-taggen, det räknar de inte som Cloaking. Kolla på t.e.x http://mashable.com/ hur de gör. Elegant? Njaaa...

Senast redigerad av coredev den 2013-02-20 klockan 22:05
coredev ä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 16:36.

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