Mere sjove med Google Dynamic RSS Feed Control

Dette stykke er en fortsættelse af to tidligere blogindlæg på RSS-feeds, herunder "Sådan arbejder du med RSS ved hjælp af Google Feed API og JavaScript" og "Aggreger flere RSS-feeds med tilpassede displayfunktioner." Dette segment dækker mere sjove indstillinger med Google Dynamic Feed Control - ændring af antallet af viste resultater, visningstid for det fremhævede resultat og fadeout-tid; deaktivering af rulning ved fadeout; ændring af linkingen på displayresultater; deaktivering af pause på hover; og andre optionsejendomme.

Antal resultater

Vil du gå med mere end standard for fire resultater? Intet problem, tilføj egenskaben numResults i den eksisterende JavaScript for hver dynamisk feedkontrol, du ønsker, og du kan ændre den til dine behov:

 var optioner = { 
 antalResultater: 8 
 } 
 ny GFdynamicFeedControl (feed, "feedControl", indstillinger); 
Figur B viser resultaterne (Chrome v 21.0).

Ændre visningstid

Standardvisningstiden på 5 sekunder kan også ændres ved hjælp af egenskaben displayTime som vist i kodestykket herunder, der indstiller visningstiden til 10000 millisekunder (10 sekunder) og tilføjes variablen JavaScript-indstillinger for hver dynamisk feedkontrol du ønsker at opdatere.

 displayTid: 10000 

Ovenstående kode blev føjet til variablen Dynamic Feed Control-variabler som vist i uddraget nedenfor:

 funktion loadFeedControl () { 
 var optioner = { 
 antalResultater: 8, 
 displayTid: 10000 
 } 

Ældre fadeout

Du kan ændre udtoningstiden, det tager at skifte mellem visningstider, da hvert resultat erstatter det andet under cyklussen ved hjælp af egenskaben fadeOutTime i indstillingsvariablen. Som standard er fadeout-tiden 1 sekund, og bemærk, at en fadeOutTime på 0 dæmper eventuelle overgange. Tilføjelsen til egenskaben med variabel option vises i kodestykket nedenfor:

 var optioner = { 
 antalResultater: 8, 
 displayTid: 10000, 
 fadeOutTime: 5000 
 } 

Deaktiver rulning ved fadeout

Efter at poster er blevet vist for egenskaben displayTime med variabel indstilling overføres den næste post til visningen; som en del af denne overgang rulles indgangen dog nedad og falmer ud. For at kontrollere denne opførsel kan du anvende egenskaben scrollOnFadeOut . Følgende kodestykke afslører egenskaben med variabel indstilling, der er tilføjet i bunden af ​​koden herunder:

 var optioner = { 
 antalResultater: 8, 
 displayTid: 10000, 
 fadeOutTime: 5000, 
 scrollOnFadeOut: falsk 
 } 

Ændre link på indtastningsresultater

Som standard er indgangsresultater knyttet til deres oprindelige kilde, men hvis du vil linke kilde-URL-adressen, der er leveret i feedet, til noget separat, kan du anvende egenskaben linkTarget- variabelindstillinger. Denne mulighed tager en streng, der vil blive brugt til at specificere linkmålet for indgangsresultatet. Et eksempelkodestykker vises nedenfor:

 var optioner = { 
 antalResultater: 8, 
 displayTid: 10000, 
 fadeOutTime: 5000, 
 scrollOnFadeOut: falsk, 
 linkTarget: google.feeds.LINK_TARGET_BLANK 
 } 

Deaktiver pause på musen

Som standard stopper indtastningsresultater, når musen svæver over dem, så brugeren kan se nærmere på titlen / linket og beskrivelsen; Når du holder musepekeren over listen i lodret tilstand, vælges posten. Du kan kontrollere denne opførsel ved hjælp af egenskaben pauseOnHover . Følgende uddrag viser dette.

 var optioner = { 
 antalResultater: 8, 
 displayTid: 10000, 
 fadeOutTime: 5000, 
 scrollOnFadeOut: falsk, 
 linkTarget: google.feeds.LINK_TARGET_BLANK, 
 pauseOnHover: falsk 
 } 
Andre egenskaber med variabel indstilling, der er tilgængelige til den dynamiske feedkontrol, inkluderer vandret tilstand, stablet lodret tilstand, statiske titler, indgangsovergang, feedovergang og feedbelastning tilbagekald. Mange af disse funktioner bruges i demonstrationseksemplet "Hello World", der viser Hollywood News med tre feeds fra TMZ, People og E-Online, som vist i figur C nedenfor:

© Copyright 2020 | mobilegn.com