PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
PHP, Javascript, jQuery, Ajax, nodeJS, MySQL...
Thumbnails aus RSS lesen und in einer Liste vor den Titel setzen!?
Beitrag
<blockquote data-quote="masterluke77" data-source="post: 1651178" data-attributes="member: 367425"><p>Hi, </p><p></p><p>ich habe hier eine kleines Problem bzw. dickes. Ich lese mit diesem Script ( füge es am ende ein) </p><p>einen RSS Feed aus und gebe ihn über HTML mit document.write wieder aus. Läuft auch alles Super. Hier mal ein Screenshot:</p><p></p><p><strong>Listview ohne Thumbs</strong></p><p></p><p></p><p></p><p>Jetzt will ich aber, das er mit aus dem Item,-media.thumbnail.url vom Feed das Thumbnail bzw die img src Url ausliest und es vor den Titel ausgibt so wie hier:</p><p></p><p><strong>Listview mit Thumbnails</strong></p><p></p><p></p><p></p><p>Nur stehe ich total auf dem Schlauch wie ich das anfangen soll</p><p></p><p>vielleicht sowas wie </p><p>[html] $("<img/>").attr("src", item.media.thumbnails.url).appendTo("#images");</p><p>[/html]nur funktioniert das garnicht, entweder ich pack es falsch mit rein oder ich liege komplett falsch. Ich bin echt bald am verzweifeln. Wäre super wenn mir einer von Euch helfen könnte wo ich das letzte Stückchen Code reinpacken muss...</p><p></p><p><strong>Soo hier der Code wie versprochen:</strong></p><p>frieda.js</p><p>[html]$(function(){</p><p> getOnlineFeed('http://feeds.feedburner.com/aktuelle_ausgabe');</p><p></p><p>});</p><p>/* functions */</p><p></p><p>var listEntries = function(json) {</p><p> if (!json.responseData.feed.entries) return false;</p><p> $('#widgetTitle').text(json.responseData.feed.title);</p><p> </p><p> var articleLength =json.responseData.feed.entries.length;</p><p> articleLength = (articleLength > maxLength) ? maxLength : articleLength;</p><p> for (var i = 1; i <= articleLength ; i++) {</p><p> var entry = json.responseData.feed.entries[i-1];</p><p> $('#link' + i).text(entry.title);</p><p> $('#articleHeader' + i).text(entry.title);</p><p> $('#openButton' + i).attr('href', entry.link);</p><p> $('#articleContent' + i).append(entry.content);</p><p> </p><p> }</p><p> $('#article1 .prevButton').remove();</p><p> $('#article' + articleLength + ' .nextButton').remove();</p><p> if (articleLength < maxLength) {</p><p> for (i = articleLength + 1; i <= maxLength; i++) {</p><p> $('#list' + i).remove();</p><p> $('#article' + i).remove();</p><p> }</p><p> }</p><p>};</p><p>var getOnlineFeed = function(url) {</p><p> var script = document.createElement('script');</p><p> script.setAttribute('src', 'http://ajax.googleapis.com/ajax/services/feed/load?callback=listEntries&hl=ja&output=json-in-script&q='</p><p> + encodeURIComponent(url)</p><p> + '&v=1.0&num=' + maxLength);</p><p> script.setAttribute('type', 'text/javascript');</p><p> document.documentElement.firstChild.appendChild(script);</p><p>};</p><p>var getOfflineFeed = function(url) {</p><p> var script = document.createElement('script');</p><p> script.setAttribute('src', url);</p><p> script.setAttribute('type', 'text/javascript');</p><p> document.documentElement.firstChild.appendChild(script);</p><p>};[/html]<strong>und hier die Ausgabe etwas gekürzt:</strong></p><p></p><p>[html]<ul data-role="listview" id="articleList">'</p><p>);</p><p>for(var i=1; i<=maxLength; i++){</p><p> document.write(</p><p> '<li id="list' + i + '"><a href="#article' + i + '" id="link' + i + '"></a></li>'</p><p> );</p><p>}</p><p>document.write(</p><p> ' </ul>' +[/html]habe auch schon ein wenig Probiert, aber ohne Erfolg.. Hier mal ein Beispiel von meinem Versuch:</p><p></p><p>[code]var listEntries = function(json) {</p><p> if (!json.responseData.feed.entries) return false;</p><p> $('#widgetTitle').text(json.responseData.feed.title);</p><p> var articleLength =json.responseData.feed.entries.length;</p><p> articleLength = (articleLength > maxLength) ? maxLength : articleLength;</p><p> for (var i = 1; i <= articleLength ; i++) {</p><p> var entry = json.responseData.feed.entries[i-1];</p><p> $('#link' + i).text(entry.title);</p><p> $('#articleHeader' + i).text(entry.title);</p><p> $('#openButton' + i).attr('href', entry.link);</p><p> $('#articleContent' + i).append(entry.content);</p><p> [COLOR=Red] $('#articleImages').append('<img src="'+entry.thumbnail.url+'" />');[/COLOR]</p><p> }</p><p>[/code]roten Code habe ich lediglich hinzugefügt</p><p></p><p>und die Ausgabe habe ich so modifiziert:</p><p></p><p>[code]<li id="list' + i + '"><img src="#articleImage" width = "48" height = "48"/><a href="#article' + i + '" id="link' + i + '">&nbsp;</a></li>'[/code]<strong><span style="font-size: 12px">Hoffe es kann mir jemand helfen oder mich auf den richtigen Weg bringen....</span></strong></p><p><strong><span style="font-size: 12px">Vielleicht ist es ja auch garnicht möglich mit diesem Script, aber das denke ich nicht. Code ist nicht von mir... Quelle ist json.it Rotsuya.. Wenn alles so läuft wie es soll, schreibe ich noch ein kleinen Tut über JqueryMobile.. Das fertige Script stelle ich dann auch natürlich kostenlos für die Community zure Verfügung.</span></strong></p><p><strong><span style="font-size: 12px">+ .Masterluke. +</span></strong></p></blockquote><p></p>
[QUOTE="masterluke77, post: 1651178, member: 367425"] Hi, ich habe hier eine kleines Problem bzw. dickes. Ich lese mit diesem Script ( füge es am ende ein) einen RSS Feed aus und gebe ihn über HTML mit document.write wieder aus. Läuft auch alles Super. Hier mal ein Screenshot: [B]Listview ohne Thumbs[/B] Jetzt will ich aber, das er mit aus dem Item,-media.thumbnail.url vom Feed das Thumbnail bzw die img src Url ausliest und es vor den Titel ausgibt so wie hier: [B]Listview mit Thumbnails[/B] Nur stehe ich total auf dem Schlauch wie ich das anfangen soll vielleicht sowas wie [html] $("<img/>").attr("src", item.media.thumbnails.url).appendTo("#images"); [/html]nur funktioniert das garnicht, entweder ich pack es falsch mit rein oder ich liege komplett falsch. Ich bin echt bald am verzweifeln. Wäre super wenn mir einer von Euch helfen könnte wo ich das letzte Stückchen Code reinpacken muss... [B]Soo hier der Code wie versprochen:[/B] frieda.js [html]$(function(){ getOnlineFeed('http://feeds.feedburner.com/aktuelle_ausgabe'); }); /* functions */ var listEntries = function(json) { if (!json.responseData.feed.entries) return false; $('#widgetTitle').text(json.responseData.feed.title); var articleLength =json.responseData.feed.entries.length; articleLength = (articleLength > maxLength) ? maxLength : articleLength; for (var i = 1; i <= articleLength ; i++) { var entry = json.responseData.feed.entries[i-1]; $('#link' + i).text(entry.title); $('#articleHeader' + i).text(entry.title); $('#openButton' + i).attr('href', entry.link); $('#articleContent' + i).append(entry.content); } $('#article1 .prevButton').remove(); $('#article' + articleLength + ' .nextButton').remove(); if (articleLength < maxLength) { for (i = articleLength + 1; i <= maxLength; i++) { $('#list' + i).remove(); $('#article' + i).remove(); } } }; var getOnlineFeed = function(url) { var script = document.createElement('script'); script.setAttribute('src', 'http://ajax.googleapis.com/ajax/services/feed/load?callback=listEntries&hl=ja&output=json-in-script&q=' + encodeURIComponent(url) + '&v=1.0&num=' + maxLength); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script); }; var getOfflineFeed = function(url) { var script = document.createElement('script'); script.setAttribute('src', url); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script); };[/html][B]und hier die Ausgabe etwas gekürzt:[/B] [html]<ul data-role="listview" id="articleList">' ); for(var i=1; i<=maxLength; i++){ document.write( '<li id="list' + i + '"><a href="#article' + i + '" id="link' + i + '"></a></li>' ); } document.write( ' </ul>' +[/html]habe auch schon ein wenig Probiert, aber ohne Erfolg.. Hier mal ein Beispiel von meinem Versuch: [code]var listEntries = function(json) { if (!json.responseData.feed.entries) return false; $('#widgetTitle').text(json.responseData.feed.title); var articleLength =json.responseData.feed.entries.length; articleLength = (articleLength > maxLength) ? maxLength : articleLength; for (var i = 1; i <= articleLength ; i++) { var entry = json.responseData.feed.entries[i-1]; $('#link' + i).text(entry.title); $('#articleHeader' + i).text(entry.title); $('#openButton' + i).attr('href', entry.link); $('#articleContent' + i).append(entry.content); [COLOR=Red] $('#articleImages').append('<img src="'+entry.thumbnail.url+'" />');[/COLOR] } [/code]roten Code habe ich lediglich hinzugefügt und die Ausgabe habe ich so modifiziert: [code]<li id="list' + i + '"><img src="#articleImage" width = "48" height = "48"/><a href="#article' + i + '" id="link' + i + '"> </a></li>'[/code][B][SIZE=3]Hoffe es kann mir jemand helfen oder mich auf den richtigen Weg bringen.... Vielleicht ist es ja auch garnicht möglich mit diesem Script, aber das denke ich nicht. Code ist nicht von mir... Quelle ist json.it Rotsuya.. Wenn alles so läuft wie es soll, schreibe ich noch ein kleinen Tut über JqueryMobile.. Das fertige Script stelle ich dann auch natürlich kostenlos für die Community zure Verfügung. + .Masterluke. +[/SIZE][/B] [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
PHP, Javascript, jQuery, Ajax, nodeJS, MySQL...
Thumbnails aus RSS lesen und in einer Liste vor den Titel setzen!?
Oben