Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungLetzte ÜberarbeitungBeide Seiten der Revision | ||
pub:ios-apps [2014/10/21 09:22] – Marco Krage | pub:ios-apps [2017/11/02 14:39] – Marco Krage | ||
---|---|---|---|
Zeile 2: | Zeile 2: | ||
< | < | ||
- | < | ||
- | .app { | ||
- | list-style: none; | ||
- | overflow: auto; | ||
- | margin-bottom: | ||
- | } | ||
- | .app .icon{ | ||
- | float:left; | ||
- | margin-right: | ||
- | } | ||
- | .app .icon img { | ||
- | | ||
- | | ||
- | } | ||
- | </ | ||
- | <div id=" | ||
- | Castro 723142770 fooo // | ||
- | Spotify 324684580 #Musik | ||
- | Google Maps 585027354 #Karten | ||
- | Tydling 721606556 http:// | ||
- | Dropbox 327630330 #Sync | ||
- | Reeder 697846300 #RSS | ||
- | Schritzähler 712286167 | ||
- | Wordpress 335703880 #Blog | ||
- | Pocket 309601447 #ReadLater | ||
- | Tweetbot 722294701 #Twitter | ||
- | finanzblick 401912744 #Kontostand | ||
- | Photosynt 430065256 #Pano | ||
- | Photosphere 904418768 #Pano | ||
- | Hyperlapse 740146917 #Timelapse | ||
- | Spritmonitor 616137163 | ||
- | Scanbot 834854351 | ||
- | HDE OTP 571240327 | ||
- | Barcode 522354642 | ||
- | PhotoPresenter 690440141 | ||
- | </ | ||
- | < | ||
- | String.prototype.trim=function(){return this.replace(/ | ||
- | jQuery(document).ready(function($){ | ||
- | var data = $('# | + | < |
- | var apps = parseData(data); | + | |
- | console.log(' | + | |
- | updateLayout('# | + | |
- | function parseData(data) { | + | < |
- | var lines = data.split("\n"); | + | |
- | var apps = []; | + | |
- | $.each(lines, | + | <div data-itunesid="697846300"> |
- | var app = {}; | + | |
- | + | ||
- | if(line.trim() == "" | + | |
- | + | ||
- | var preSplit = line.trim().split('#' | + | |
- | (preSplit[1]) ? app.desc = preSplit[1].trim() : ''; | + | |
- | + | ||
- | var parts = preSplit[0].split(' | + | |
- | + | ||
- | app.name = parts.shift(); | + | |
- | + | ||
- | $.each(parts, | + | |
- | if(typeof app.id == " | + | |
- | app.id = part; | + | |
- | return; | + | |
- | } | + | |
- | if(typeof app.url == "undefined" | + | |
- | app.url = part; | + | |
- | return; | + | |
- | } | + | |
- | }); | + | |
- | apps.push(app); | + | <div data-itunesid=" |
- | + | ||
- | }); | + | |
- | + | ||
- | return apps; | + | |
- | } | + | |
- | function updateLayout(selector, | + | <div data-itunesid=" |
- | var $container | + | |
- | var $list = $('<ul class="applist"/>' | + | <div data-itunesid="945320815"> |
- | + | ||
- | $.each(apps, | + | |
- | + | ||
- | var $entry = $($('# | + | |
- | + | ||
- | $entry.find(' | + | |
- | if(app.id) { | + | <div data-itunesid="1025729002">ViewExif</div> |
- | var $itunesLink = $('<a class="link itunes"/>' | + | |
- | $entry.find(' | + | |
- | $entry.find(' | + | |
- | getItunesData(app, | + | |
- | } | + | |
- | + | ||
- | if(app.url) { | + | |
- | var $webLink = $('<a class=" | + | |
- | $entry.find(' | + | |
- | } | + | |
- | + | ||
- | $entry.find(' | + | |
- | + | ||
- | }); | + | |
- | } | ||
- | function getItunesData(app, | ||
- | console.log(' | ||
- | $.getJSON(' | ||
- | if(data.resultCount == 0) { return false; } | ||
- | $image = $('< | ||
- | $entry.find(' | ||
- | }); | ||
- | } | ||
- | }); // END jQuery.ready | + | <div data-itunesid=" |
- | </script> | + | <div data-itunesid="309601447"> |
- | <script id=" | + | <div data-itunesid="722294701"> |
- | <li class="app"> | + | < |
- | < | + | < |
- | < | + | < |
- | <div> | + | <div data-itunesid="740146917">Hyperlapse</div> |
- | <span class="desc"></ | + | < |
- | <span class="homepage"></ | + | <div data-itunesid=" |
- | </div> | + | |
- | | + | |
- | </script> | + | |
+ | |||
+ | <link rel=" | ||
+ | <script src=" | ||
+ | < | ||
+ | .iTunesApp .iTunesApp-preview img { | ||
+ | max-height: 200px; | ||
+ | } | ||
+ | </ | ||
</ | </ |