Probleme mit dem Twitter-Widget "My-Twitter"

PatMusic

Hy Leute,

ich muss mal die php- und js-Coder unter euch um Hilfe bitten.
Folgendes Problem liegt vor: Ich habe vor einiger Zeit ein Theme bei templatemonster erworben um mir eine neue Website aufzubauen. Habe das Theme installiert so wie's in der mitgelieferten Documentation beschrieben war, Datenbank importiert, etc. und alles ist bis vor kurzem reibungslos gelaufen. Zu erwähnen wäre noch dass es meine erste Worpress Seite ist und ich das ganze auf einem Testserver betreibe um das System mal etwas kennenzulernen.

Seit 1-2 Wochen streikt jedoch das mitgelieferte Twitter-Widget, was natürlich äußerst Schade ist, da es zweckmäßig ist und optisch auch schön in die Startseite passt. Meine Tweets werden einfach nicht in die Website geladen.

Hier mal alle Dinge die ihr laut Forenregel benötigt:
Link zu meiner Website (keine Angst, funpic ist nur ein Testserver^^): http://pizzatreff.pi.funpic.de/wordpress/wordpress/
Link zum TemplateMonster-Preview: http://www.templatemonster.com/demo/37199.html
Wordpress-Version: 3.4.2

Grundsätzlich habe ich nichts getan, was die Funktionalität des Widgets beeinträchtigt haben könnte. Nur ein paar Seiten erstellt, Bilder hochgeladen und alles ein bisschen auf meine Bedürfnisse angepasst.

Hier noch was ich schon versucht habe um das Plugin wieder zum Laufen zu bringen:
1) Standardtheme aktiviert
2) natürlich Browserdaten bereinigt
3) Sämltiche Plugins deaktiviert
4) Komplett neue Wordpress-Installation auf einem neuen Server mit neuer Datenbank
Hat alles nichts gebracht.

Habe mal versucht alle relevanten Daten im Quellcode zu finden und bin auch fündig geworden. Wenn es euch hilft kann ich es posten. Aber jetzt sehe ich gerade dass das Plugin auch im LivePreview von templetemonster nicht funktioniert. Darum würde ich euch nun eher um einer Workaround-Lösung bitten :) Meine php und js Kenntnisse sind leider gleich 0.

Grüße aus Wien,
Pat

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SirEctor

Schreib doch einfach mal den Plugin-Autor an. Ich denke am Plugin bzw. bei Twitter selbst hat sich was geändert.

PatMusic

Okey, hab gerade nachgesehen und es hat sich tatsächlich was am Plugin geändert.
Es funktioniert aber könntet ihr mir bitte noch verraten, wo ich zu meinem Stylesheet verlinken muss? :oops:

Vielen dank für die Hilfe :)

Hier mal der alte Code:

PHP

(function($) {
    /*
        jquery.twitter.js v1.0
        Last updated: 26 October 2008


        Created by Damien du Toit
        http://coda.co.za/blog/2008/10/26/jquery-plugin-for-twitter


        Licensed under a Creative Commons Attribution-Non-Commercial 3.0 Unported License
        http://creativecommons.org/licenses/by-nc/3.0/
    */
    
    $.fn.getTwitter = function(options) {
        var o = $.extend({}, $.fn.getTwitter.defaults, options);
        
        // hide container element
        $(this).hide();
    
        // add heading to container element
        if (o.showHeading) {
            $(this).append(o.beforeHeading+o.headingText+o.afterHeading);
        }


        // add twitter list to container element
        $(this).append('<ul class="twitter_update_list"><li></li></ul>');


        // hide twitter list
        $("ul.twitter_update_list").hide();


        // add preLoader to container element
        var pl = $('<p class="'+o.preloaderId+'">'+o.loaderText+'</p>');
        $(this).append(pl);


        // add Twitter profile link to container element
        if (o.showProfileLink) {
            $(this).append('<a class="profileLink button" href="http://twitter.com/'+o.userName+'"><span class="tail"><span class="left"><span class="right"><span class="middle">See all</span></span></span></span></a>');
        }


        // show container element
        $(this).show();
        
        
        
        function twitterCallback2(twitters) {
          var statusHTML = [];
          for (var i=0; i<twitters.length; i++){
            var username = twitters[i].user.screen_name;
            var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
              return '<a href="'+url+'">'+url+'</a>';
            }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {          return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
            });
            statusHTML.push('<li><div class="twitt-body"><div class="twitt-arrow"></div>'+status+'</div> <a class="timesince" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'">'+relative_time(twitters[i].created_at)+'</a></li>');
          }
          var id = '';
          id = o.id;
          $(id).find('ul').html(statusHTML.join(''));
          //document.getElementById(id).innerHTML = statusHTML.join('');
        }
        
        
        function relative_time(time_value) {
          var values = time_value.split(" ");
          time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
          var parsed_date = Date.parse(time_value);
          var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
          var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
          delta = delta + (relative_to.getTimezoneOffset() * 60);
        
          if (delta < 60) {
            return 'less than a minute ago';
          } else if(delta < 120) {
            return 'about a minute ago';
          } else if(delta < (60*60)) {
            return (parseInt(delta / 60)).toString() + ' minutes ago';
          } else if(delta < (120*60)) {
            return 'about an hour ago';
          } else if(delta < (24*60*60)) {
            return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
          } else if(delta < (48*60*60)) {
            return '1 day ago';
          } else if(delta < (30*48*60*60)) {
            return (parseInt(delta / 86400)).toString() + ' days ago';
          } else if(delta < (60*48*60*60)) {
            return '1 month ago';
          } else {
            return (parseInt(delta / 2592000)).toString() + ' months ago';
          }
        }
        
        
        
 
    
        
        $.getJSON("http://twitter.com/statuses/user_timeline.json?screen_name="+o.userName+"&callback=?&count="+o.numTweets, function(data) {twitterCallback2(data)})
        
                // remove preLoader from container element
                $(pl).remove();
    
                // show twitter list
                if (o.slideIn) {
                    $("ul.twitter_update_list").slideDown(1000);
                }
                else {
                    $("ul.twitter_update_list").show();
                }
    
                // give first list item a special class
                $("ul.twitter_update_list li:first").addClass("firstTweet");
    
                // give last list item a special class
                $("ul.twitter_update_list li:last").addClass("lastTweet");
            
            
        
        
        };
     
    // plugin defaults
    $.fn.getTwitter.defaults = {
        userName: null,
        numTweets: 5,
        preloaderId: "preloader",
        loaderText: "Loading tweets...",
        slideIn: false,
        showHeading: true,
        beforeHeading: "<h3>",
        afterHeading: "</h3>",
        headingText: "Latest Tweets",
        id: "",
        showProfileLink: true
    };
})(jQuery);

Alles anzeigen

PatMusic

Und hier der neue:

Sorry für den Doppelpost aber es waren zu viele Zeichen für einen.

PHP

(function($) {     /*         jquery.twitter.js v1.6         Last updated: 16 October 2012          Created by Damien du Toit         http://coda.co.za/content/projects/jquery.twitter/          Licensed under a Creative Commons Attribution-Non-Commercial 3.0 Unported License         http://creativecommons.org/licenses/by-nc/3.0/     */      $.fn.getTwitter = function(options) {          $.fn.getTwitter.defaults = {             userName: null,             numTweets: 5,             loaderText: "Loading tweets...",             slideIn: true,             slideDuration: 750,             showHeading: true,             headingText: "Latest Tweets",             showProfileLink: true,             showTimestamp: true,             includeRetweets: false,             excludeReplies: true         };          var o = $.extend({}, $.fn.getTwitter.defaults, options);          return this.each(function() {             var c = $(this);              // hide container element, remove alternative content, and add class             c.hide().empty().addClass("twitted");              // add heading to container element             if (o.showHeading) {                 c.append("<h2>"+o.headingText+"</h2>");             }              // add twitter list to container element             var twitterListHTML = "<ul id=\"twitter_update_list\"></ul>";             c.append(twitterListHTML);              var tl = $("#twitter_update_list");              // hide twitter list             tl.hide();              // add preLoader to container element             var preLoaderHTML = $("<p class=\"preLoader\">"+o.loaderText+"</p>");             c.append(preLoaderHTML);              // add Twitter profile link to container element             if (o.showProfileLink) {                 var profileLinkHTML = "<p class=\"profileLink\"><a href=\"https://twitter.com/"+o.userName+"\">https://twitter.com/"+o.userName+"</a></p>";                 c.append(profileLinkHTML);             }              // show container element             c.show();              // request (o.numTweets + 20) to avoid not having enough tweets if includeRetweets = false and/or excludeReplies = true             window.jsonTwitterFeed = "https://api.twitter.com/1/statuses/user_timeline.json?include_rts="+o.includeRetweets+"&excludeReplies="+o.excludeReplies+"&screen_name="+o.userName+"&count="+(o.numTweets + 20);              $.ajax({                 url: jsonTwitterFeed,                 data: {},                 dataType: "jsonp",                 callbackParameter: "callback",                 timeout: 50000,                 success: function(data) {                     window.count = 0;                      $.each(data, function(key, val) {                         var tweetHTML = "<li><span>" + replaceURLWithHTMLLinks(val.text) + "</span>";                          if (o.showTimestamp) tweetHTML += " <a style=\"font-size:85%\" href=\"https://twitter.com/" + o.userName + "/statuses/" + val.id_str + "\">" + relative_time(val.created_at) + "</a>";                                              tweetHTML += "</li>";                          $("#twitter_update_list").append(tweetHTML);                          count++;                          if (count == o.numTweets) {                             // remove preLoader from container element                             $(preLoaderHTML).remove();                              // show twitter list                             if (o.slideIn) {                                 // a fix for the jQuery slide effect                                 // Hat-tip: http://blog.pengoworks.com/index.cfm/2009/4/21/Fixing-jQuerys-slideDown-effect-ie-Jumpy-Animation                                 var tlHeight = tl.data("originalHeight");                                                  // get the original height                                 if (!tlHeight) {                                     tlHeight = tl.show().height();                                     tl.data("originalHeight", tlHeight);                                     tl.hide().css({height: 0});                                 }                                  tl.show().animate({height: tlHeight}, o.slideDuration);                             }                             else {                                 tl.show();                             }                                              // add unique class to first list item                             tl.find("li:first").addClass("firstTweet");                                              // add unique class to last list item                             tl.find("li:last").addClass("lastTweet");                              return false;                         }                     });                 },                 error: function(XHR, textStatus, errorThrown) {                     //alert("Error: " + textStatus);                     //alert("Error: " + errorThrown);                 }             });         });          function replaceURLWithHTMLLinks(text) {             var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;             return text.replace(exp, "<a href=\"$1\">$1</a>");         }          // sourced from https://twitter.com/javascripts/blogger.js         function relative_time(time_value) {             var values = time_value.split(" ");             time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];             var parsed_date = Date.parse(time_value);             var relative_to = (arguments.length > 1) ? arguments[1] : new Date();             var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);             delta = delta + (relative_to.getTimezoneOffset() * 60);                          if (delta < 60) {                 return "less than a minute ago";             }             else if (delta < 120) {                 return "about a minute ago";             }             else if (delta < (60*60)) {                 return (parseInt(delta / 60)).toString() + " minutes ago";             }             else if (delta < (120*60)) {                 return "about an hour ago";             }             else if (delta < (24*60*60)) {                 return "about " + (parseInt(delta / 3600)).toString() + " hours ago";             }             else if (delta < (48*60*60)) {                 return "1 day ago";             }             else {                 return (parseInt(delta / 86400)).toString() + " days ago";             }         }     }; })(jQuery);

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Probleme mit dem Twitter-Widget "My-Twitter"

Jetzt mitmachen!

Benutzer online in diesem Thema