Text als Grafiken darstellen

[InvisibleQuantum]

Meinst du in der JSON?

 

[Tronjer]

Frage: Verstehst du, was loadAPI() eigentlich macht?

 

[InvisibleQuantum]

Meinst du in der JSON?

https://www.googleapis.com/youtube/...BXMBY&forUsername=SemperVideo&part=statistics

 

[InvisibleQuantum]

Ich beschäftige mich erst seit 2 Tagen mit JSON, Javascript

 

[InvisibleQuantum]

wäre nett wenn du es mir erklären würdest ;)

 

[Tronjer]

Die Funktion sendet einen AJAX Request an eine URL, liefert im Nichterfolgsfall eine Fehlermeldung zurück und anderenfalls die Anzahl der Subscriber, welche per Regex offensichtlich nach 3 Stellen durch Kommata getrennt wird. Gib unter der Zeile function(data) ein console.debug(data) ein und Klick in den developer Tools von Chrome oder Firebug im Network Tab auf den Request.

 

[InvisibleQuantum]

und jetzt?

 

[Tronjer]

Was ist das Ergebnis?

 

[InvisibleQuantum]

Ich denke mal du meinst, das hier: http://prntscr.com/86ywq4

 

[Tronjer]

Wo ist der Request an https://www.googleapis.com/youtube/v3/channels aus deinem Beispiel?

 

[InvisibleQuantum]

die vierte Zeile..

 

[Tronjer]

Und was steht da nun drin? Auf den ScreenShot zu klicken, bringt nicht viel. Warum stellst du die Seite nicht online?

 

[InvisibleQuantum]

Hier meine Seite: http://iquantum.cwsurf.de/

Hier die YouTube API: https://www.googleapis.com/youtube/...BXMBY&forUsername=SemperVideo&part=statistics

Ich hab als Beispiel den YouTube SemperVideo genommen...

 

[Tronjer]

Fein, und wenn du da jetzt noch drauf klicken würdest, sähest du das selbe wie ich: ein JSON-Object:

{
"kind": "youtube#channelListResponse",
"etag": "\"sGDdEsjSJ_SnACpEvVQ6MtTzkrI/Dz1KmRl3_G_MhX5KBsvW3068ALM\"",
"pageInfo": {
  "totalResults": 1,
  "resultsPerPage": 5
},
"items": [
  {
   "kind": "youtube#channel",
   "etag": "\"sGDdEsjSJ_SnACpEvVQ6MtTzkrI/f97FYHo4-g6F9yOjfqzE4xWQf7w\"",
   "id": "UCCI6C8hD-hTZi2JEmS7zvQw",
   "statistics": {
    "viewCount": "57624818",
    "commentCount": "13162",
    "subscriberCount": "216704",
    "hiddenSubscriberCount": false,
    "videoCount": "3130"
   }
  }
]
}

Die Variable Abos in der Zeile

$abos = data.items[0].statistics.subscriberCount ;

enthält demzufolge den String: "216704". War einfach, oder?

Dieser String lässt sich in einzelne Zeichen splitten:
http://www.w3schools.com/jsref/jsref_split.asp

die man in HTML-Elemente kapseln und stylen kann.