webthreads.de - Web 2.0, Web-Entwicklung und Netzkultur von Markus Kühle

Dynamische Zeitleisten erstellen

Wer eine dynamische Zeitleiste mit zeitabhängigen Informationen in seine eigene Webseite einbauen möchte muss sich ab sofort nicht mehr seinen eigenen Kopf zermartern um eine anständige Lösung zu erhalten. Denn eine sehr schöne dynamische Zeitleiste, von SMILE entwickelt, kann auf die eigene Webseite mittels einer einfachen JavaScript API eingebaut werden.

SMILE Timeline

Eine Zeitleiste besteht dabei aus einer oder zwei “Banden” (bands) die mit der Maus per drag und drop bewegt werden können. Dabei kann bestimmt werden ob die zwei Banden synchron zueinander laufen. Dabei ist die obere detailliertere Bande ein Ausschnitt der unteren Bande. Auf der Timeline Webseite wird dies unter “The Basics” noch einmal mit Beispiel schön verdeutlicht.

Timeline is a DHTML-based AJAXy widget for visualizing time-based events. It is like Google Maps for time-based information.

Das Statement “it is like Google Maps for time-based information” stimmt nebem dem Scroll Verhalten auch noch im Bezug auf das Erhalten der Daten. Die Zeitleiste kann allein Clientseitig laufen, indem die Daten schon beim laden der Zeitleiste mitgeliefert werden, oder sie können, wie eben auch bei Google Maps dynamisch nachgeladen werden. Dabei können die Daten zum einen durch ein XML File (z.b. hier das Datenfile für das im Screenshot gezeigt Beispiel) geliefert werden oder zum anderen mit einer JSON Unterstützung (Beispiel hier). Beide Möglichkeiten greifen auf einen Ajax Request zurück.

Schöne Beispiele für Zeitleisten werden auch gleich mitgeliefert. Z.b.:

Weitere Beispiele können hier gefunden werden.

Wie schon erwähnt kann eine solche Zeitleiste sehr einfach in die eigene Seite eingebunden werden. Ähnlich wie bei Google Maps reicht schon weniger JavaScript Code um die Zeitleiste anzuzeigen, wie auch die Einführung “How to Create Timelines” zeigt. Für eine weitere Einführung sowie der API Beschreibung sei auf die Dokumentation von SMILE Timeline verwiesen.

Die ersten Schritte, wie in “How to Create Timelines” beschrieben, habe ich eben selbst getestet und habe auch ohne weitere Probleme oder darüber nachdenken zu müssen ein Ergebnis in Form einer Zeitleiste gesehen. Dieses Beispiel funktionierte bei mir im IE sowie im FF. Jedenfalls werde ich dieses Widget noch weiterer ausprobieren denn der erste Eindruck ist sehr vielversprechend. Wenn etwas brauchbares dabei herauskommt werde ich hier davon berichten.

Ähnliche Artikel, die dich interessieren könnten:

    None Found

Ein Kommentar zu 'Dynamische Zeitleisten erstellen' »»


Kommentare


Trackbacks & Pingbacks »»

  1. [...] 29.06.2005) hat der Google Lat Long Blog ein Timeline Mashup erstellt. Dabei wurde mit der SMILE Timeline API und der Google Maps API alle bisherigen Blog Einträge des Google Maps Mania und Google Geo [...]

Hinterlasse ein Kommentar »»

Bad Behavior has blocked 3769 access attempts in the last 7 days.

100mg cialis
cheapest viagra world
50mg cialis
viagra 50mg online
Buy viagra Buffalo
Buy viagra Rome
cheapest price for viagra and xanax
cialis brand cialis 100mg
rx viagra 100mg
viagra buy do nu
cialis cialis information
buy buy online sale viagra viagra
discount viagra overseas
cheapest prices on generic viagra
buy buy sale viagra viagra
cheapest regalis viagra
Buy viagra Newark
cheap viagra viagra
overnight delivery cheap cialis
cialis cialis tadalafil
buy cheap xanax generic flomax viagra
buy generic online viagra
50 mg viagra retail price
buy cheap levitra
cialis canadian epharmacy
cheep viagra from india
cialis 50mg
buy cheap viagra prescription online
levitra 10mg 20mg
viagra and eye damage
cialis buzzmachine by jeff jarvis
cialis cialis uk
over the counter viagra london
buy cheap deal pill viagra
viagra express
cialis black
Buy viagra Austin
buy cialis no prescription
buy cialis online viagra
viagra canada online pharmacy
viagra canada prescription
buy cheap viagra 32
buy cheap viagra
cialis canadian generic
cialis reviews
buy cheap purchase uk viagra
cheapest viagra in uk cheap
viagra canada
discount drugs levitra 100mg
cialis 10
buy discount viagra
cialis cheap online
buy buy cheap medved viagra
Buy viagra Omaha
discount viagra mastercard
levitra brand levitra 100mg
cheapest prescription viagra
cialis without prescription
Buy viagra Portland
cheapest place to buy viagra
buy discount online viagra
Buy viagra Columbus
buy viagra cheapest best prices online
buy viagra and cilas
viagra by mail
cialis 50mg
cialis cialis drug generic flomax
buy cheap deal pill viagra
buy discount viagra online a href
rx cialis 100mg
order cialis on line
cheapest price viagra
cialis best price buy online
discount viagra sales online
cialis 20mg
cialis bulletin board
cialis chewable
viagra brand viagra 100mg
buy free viagra on internet
Buy viagra Nashville
viagra canadian price shipped
buy viagra cialis
cheapest viagra price
buy cheap viagra
buy generic no online prescription viagra
Buy viagra Arlington
viagra calgary
cialis 20 mg
10 generic levitra for 19.95
cheap cialis canada
Buy viagra Fort Worth
buy viagra 1
viagra buy it
cheapest generic viagra sent overnight
Buy viagra Tulsa
cialis 2005
generic levitra 20mg pills erections
discount viagra canada
buy buy cheap medved viagra
250 mg levitra
levitra no prescription
buy cheap viagra on
cialis no prescription
order cialis overnight delivery
buy cialis internet
buy cheap viagra in uk
buy cheap deal viagra viagra viagra
cheapest viagra generic substitute
Buy viagra Pittsburgh
cialis 20mg reviews
buy viagra cheap india pharmacy
buy cheap online uk viagra
cheap viagra without prescription
order cialis tampa florida
20 mg cialis
discount viagra generic
buy cheap viagra viagra
buy cheap xanax generic flomax viagra
viagra buy online
cialis best price
viagra canada pharmacy
buy cheao cgeap kamagra uk viagra
viagra by money order
viagra no prescription
viagra 20 mg
buy cheap viagra online now uk
cialis cialis viagra
cialis 5m tablets
viagra canadian
cheapest 4 quantity of viagra
100mg levitra
viagra canada generic
50 mg cialis retail price
Buy viagra Memphis
buy cialis 50mg
discount viagra sales
cheapest viagra in uk
Buy viagra Phoenix
viagra canadian prescriptions
discount viagra
cialis best buy
Buy viagra Atlanta
cheapest price viagra us licensed pharmacies
buy cheap viagra online uk
viagra 100mg price
buy cialis now
buy buy online viagra viagra
viagra calgary
cheapest viagra on line
cialis buy cialis online order cialis
buy cheap deal viagra viagra viagra
cialis black reviews
order generic cialis c o d
100 mg levitra us pharmacy
cheapest viagra homepage
cheapest prices on generic viagra
buy female viagra
Buy viagra Philadelphia
viagra by phone
viagra canadaian prices
buy cost low viagra
cheapest uk supplier viagra
Buy viagra Tacoma
cheapest site viagra
cheap cialis canada
buy buy discount viagra viagra viagra
buy buy cheap viagra
cheapest viagra in the uk
discount viagra prescription drug
buy cheap generic viagra online
cialis buy online
cheapest viagra us pharmacy
Buy viagra Louisville
cialis 125 mg
Buy viagra New Orleans
levitra 20 mg
cialis cialis
cheapest viagra uk
buy levitra wighout prescription
viagra calias
generic levitra 100mg
cialis causes muscle ache because
viagra by mail canada
cialis cialis cialis viagra
buy buying sale viagra
discount viagra uk
viagra without prescription
10mg cialis
patanol cialis nexium
cialis canada health canada
cheapest price for viagra and xanax
cialis cialis genuinerx net viagra
cialis cialis viagra viagra
buy viagra canada
Buy viagra Long Beach
cheapest viagra online plus zenegra
cheapest viagra in the uk
cialis 20
viagra buy now pay later
order cialis online from dreampharmaceuticals
cheapest viagra online in the uk
levitra 125 mg
order cialis now
cialis cheap online pharmacy
over sea generic viagra
cheapest cheap viagra
levitra 100mg price
cialis 50mg online
overnight shipping cialis
cialis 5mg
cheapest price for viagra
buy cheap deal online viagra viagra
canada pharmacy discounted levitra 100
order cialis online
levitra 50mg
cialis brands
buy form generic viagra
50 mg cialis
cialis 100mg price
cheapest viagra anywhere
cheap cialis canada
viagra canadian price shipped
discount viagra sale
buy canada viagra
buy buy free viagra viagra viagra
cialis by fedex
cialis 36 hours
cheapest price for generic viagra
buy levitra 50mg
40 grams of cialis
buy cheap online viagra viagra
buy deal deal price viagra
buy viagra cheap online
10 generic cialis for 19.95
order generic cialis
cheap 25mg levitra
cheapest in uk viagra
cialis black reviews
over the counter viagra substitute
cheapest generic viagra and xanax
cialis cialis generic viagra
buy canada in viagra
cialis causes lower blood pressure
viagra buy australia
buy cheap generic online viagra
buy viagra cialis levitra online prescription
overnight generic cialis
cialis cheapest online prices
viagra by the pill
order cialis and viagra
viagra by mail order
buy cheap cialis
viagra canada price
cheep viagra 600mg uk
cheapest prices for viagra online
cialis buy generic
cheap viagra canada
buy cheap viagra cheap viagra online
cialis canadian
cialis bestellen
cialis best cialis price
viagra cailis
over the counter drug to viagra
viagra canada prescription
levitra without prescription
paypal cialis
cheapest generic viagra caverta veega
36 hour levitra
order cialis
buy viagra cheap prices
viagra buy
cialis buy it online huge discount
cialis cheapest price
over the counter viice for generic viagra
buy and purchase viagra online
cialis buy on line
viagra by overnight delivery
Buy viagra Oakland
buy australian viagra
Buy viagra San Antonio
buy deal online sale viagra viagra
cialis 10mg 20mg
buy buy online viagra viagra
canada pharmacy discounted viagra 100
cialis black 800mg
cialis canada
cialis britan
levitra 50 mg
cialis canadian pharmacy
100mg viagra
buy cialis wighout prescription
cialis blindness
cheap viagra without a prescription
cheapest generic viagra and canada
Buy viagra Washington
cheapest generic viagra and xanax pills
buy discount levitra
buy buy sale viagra viagra
30mg cialis
cialis 800mg
viagra buy uk
Buy viagra Tucson
5mg cialis generic
viagra canada
Buy viagra Baltimore
viagra buy contest
cialis cheap overseas
levitra online prescription
Buy viagra Minneapolis
viagra 10mg 20mg
Buy viagra Mesa
buy discount cialis
cheapest viagra overnight
Buy viagra Fresno
generic viagra wholesale 100mg
order cialis online dream pharmaceutical
cialis cheap prices
discount viagra in the usa
viagra 100mg
buy viagra
50 mg levitra
buy deal viagra
10 generic viagra for 19.95
buy viagra cheap
cialis 50 mg
cheapest viagra
order generic cialis softtabs online
viagra canada pharmacy
discount drugs cialis 100mg
discount viagra canada
cialis cialis forum pharmacy
cheapest viagra prices uk
discount viagra online
cialis online prescription
ordering cialis online
cialis bestseller
perscription cialis
buy buy online sale viagra viagra
cheapest viagra in uk che
viagra 50mg
Buy viagra Riverside
discount viagra viagra
cialis cardiac risks
cheap websites for viagra
cialis certified online pharmacy
viagra buy it online now
buy discount viagra
buy viagra alternative
viagra canadian prescriptions
cheep viagra from indea
cheapest viagra prices us licensed pharmacies
order cialis pills
overnight delivery cialis
cialis 100mg
buy viagra by pill
buy viagra caverta
cialis buy generic flomax
cheapest price viagra us licensed pharmacies
cialis buy cheap cialis online index
buy viagra for cheap
cheapsest viagra online
order cheap cialis
buy cialis viagra
buy canada in viagra
discount viagra or xanax
buy cheap site viagra
check generic order pay viagra
cheap viagra without a pr
Buy viagra Charlotte
cialis black 800mg
cialis cialis cialis genuinerx net viagra
cheapest generic substitute viagra
cialis cheap cialis online
buy buy free viagra viagra viagra
discount viagra 10 pack generic
discount viagra offers
generic cialis 20mg pills erections
cheapest viagra us licensed pharmacies
100 mg cialis us pharmacy
buy viagra online 50mg
viagra buy general
cialis buy generic ed
buy australian viagra
10mg viagra
order generic cialis softtabs
cheapest price on viagra
discount viagra perscription drug
Buy viagra El Paso
buy cheap viagra uk
cialis brand verses generic cialis
cialis 10 mg
buy cialis online now
generic viagra 100mg
buy buy discount viagra viagra viagra
cialis black
cheapest viagra anywhere
36 hour cialis
cheapest generic viagra 99 cents
order cialis on-line
Buy viagra Milwaukee
cialis best effect
cheapest generic price viagra
redtube viagra
cheapest viagra generic substitute
cheapest viagra online
cheep viagra from inda
viagra and eye sight
viagra express
Buy viagra Modesto
buy discount viagra viagra viagra
cialis cialis genuinerx net
discount viagra sale online
buy free viagra viagra
cheapest viagra online pharmacy
cheapest place buy viagra online
paypal cialis po box
generic cialis wholesale 100mg
generic viagra 20mg pills erections
buy cheap cheap kamagra uk viagra
viagra buy in uk online
cheapest prices for viagra online
cialis buy cialis online
Buy viagra Richmond
viagra 125 mg
cheapest cialis
buy viagra 100mg
cheapest viagra on the net
buy cheapest viagra online
buy cheap cheap kamagra uk viagra
buy 10 mg cialis
cialis 800mg
50 mg viagra
buy cheapest viagra
Buy viagra Oxnard
viagra canada online
buy cheap viagra on the net
buy cheap generic viagra
cialis black 800mg
cialis cheap visa
cheapest viagra prices
buy cheap deal online viagra viagra
buy discount viagra online
Buy viagra Indianapolis
Buy viagra Houston
buy viagra 50mg
20mg cialis
levitra 25 mg
peak level of cialis in blood
cheep generic viagra
cialis by phone
order 50mg levitra
cheapest regalis viagra
cialis buy online cheap tadalafil
viagra canada online
cheapest price on viagra
cialis canada prescription
cheapest generic silagra viagra
discount viagra cialis
cialis causes high blood pressure
cialis canada pharmacy
cheapest price viagra
cheapest viagra
cheapest uk viagra
cheapest viagra homepage
cheapest price for viagra
discount viagra wholesale stores discount pharmacy
buy discount generic viagra
cialis cialis vardenafil
cialis canada generic
buy levitra no prescription
buy cheap viagra online u
cheap levitra canada
order viagra cialis flomax pharmacy
voagra online without prescription
buy cheap online viagra
overnight express delivery generic cialis
cialis cheapest
buy discounted viagra
buy buy medved viagra viagra
cheapest uk supplier viagra
Buy viagra Las Vegas
cialis britain
10mg levitra
order cialis 399
voagra online without prescription
cheapest viagra on the internet
Buy viagra San Francisco
cialis cancdian dugs
cialis brand name
viagra canada online pharmacy
Buy viagra Albuquerque
viagra canada price
cheapest generic viagra
viagra buy ionline
viagra canadian
cialis 2.5
cialis cialis genuinerx net viagra viagra
ordering generic cialis from india
buy cheap viagra online now
Buy viagra Detroit