Ergebnis 1 bis 3 von 3
  1. #1
    ihoppe ist offline Grünschnabel
    registriert
    01-06-2009
    Beiträge
    4

    CSS lädt nicht richtig

    Hallo liebes Forum,

    habe einen RSS Reader mit JS eingebaut von: RSS Reader with jQuery Mobile - jsFiddle

    ...leider lädt das CSS dort nicht richtig, erst bei reload. Prime-Reply ...dort der Link ganz rechts: Prime Reply - Heise

    Lade ich die Datei direkt im Browser - geht's.
    Gehe ich per Navigation auf die Seite, lädt das CSS nicht!

    HTML-Code:
    <!DOCTYPE html>
    <html> 
    <head>
    <meta charset="UTF-8" />
    <title>Prime Reply - Heise</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="icon" href="favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile.structure-1.1.0.min.css" />
    <link rel="stylesheet" href="themes/pf4.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
    <style type='text/css'>
        .ui-footer .ui-btn-right {
    }
    .articleContent > table > tbody > tr > td > font > br {
      display: none;
    }
    .articleContent > table > tbody > tr > td > font > br + div {
      display: none;
    }
    .articleContent * {
      font-size: medium !important;
    }
    
    </style>
      
    </head>
    <body>
    
    <script type='text/javascript'>//<![CDATA[
    
    // ISCPA added search filter, home icon, updated CDN-Hosted links
    // forked from sumukh1's "forked: RSS Reader with jQuery Mobile" http://jsdo.it/sumukh1/4Ton
    /* configuration */
    var maxLength = 30;
    /* writing HTML */
    document.write(
    
      '<div data-role="page" id="list" data-theme="a">' +
      '  <div data-role="header">' +
      '  <img src="logo2.png" alt="logo">' +
      '   <div data-role="navbar">' +
      '	    <ul>' +
      '		<li><a href="index.php" >NEWS? :)</a></li>' +
      '		<li><a href="listing.php" >LISTING</a></li> ' +
      '             <li><a href="dates.php" class="ui-btn-active ui-state-persist">Heise News</a></li>' +
      '	    </ul> ' +
      ' </div><!-- /navbar --> ' +
      '  </div>' +
      '  <div data-role="content">' +
      '  <br /> ' +
      '    <ul data-role="listview" data-ajax="false" data-inset="true"  data-filter="true" data-theme="d" id="articleList">'
    );
    for(var i=1; i<=maxLength; i++){
      document.write(
        '<li id="list' + i + '"><a href="#article' + i + '" id="link' + i + '">&nbsp;</a></li>'
      );
    }
    document.write(
      '  </ul>' +
      '  </div>' +
      
      '<div data-role="footer">' +
      '<h4><strong>Contact Ines Hoppe:</strong><br /> ' +
      '<a href="tel:+491742059812" data-role="button" data-icon="phone-touch" data-iconpos="right">T +49 174 2059812</a><br /> ' +
      '<a href="mailto:info@prime-reply.de" data-role="button" data-icon="email" data-iconpos="right">info@prime-reply.de</a></h4><br /> ' +
      '<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.prime-reply.de%2Fdates.php&amp;charset=%28detect+automatically%29&amp;doctype=Inline&amp;group=0&amp;user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices"  target="_blank"><img src="http://www.w3.org/Icons/WWW/w3c_home_nb" alt="w3c"></a>  ' +
      '</div><!-- /footer --> ' +
      '</div>'
    
    );
    for(i=1; i<=maxLength; i++){
      document.write(
        '<div data-role="page" id="article' + i + '">' +
        '  <div data-role="header" data-position="inline">' +
        '    <a href="http://www.prime-reply.de/dates.php" data-role="button" data-icon="home" data-back="true">Home</a>' +
        '    <h1 id="articleHeader' + i + '">&nbsp;</h1>' +
        '    <a href="#" id="openButton' + i + '" data-role="button" data-icon="plus"' +
        '      class="ui-btn-right" rel="external">Open</a>' +
        '  </div>' +
        '  <div data-role="content">' +
        '    <div id="articleContent' + i + '" class="articleContent"></div>' +
        '    <div data-role="controlgroup" data-type="horizontal">' +
        '      <a href="#article' + String(i-1) + '" data-role="button" data-icon="arrow-l"' +
        '        data-inline="true" class="prevButton">Prev</a>' +
        '      <a href="#article' + String(i+1) + '" data-role="button" data-icon="arrow-r"' +
        '        data-inline="true" class="nextButton" data-iconpos="right">Next</a>' +
        '    </div>' +
        '  </div>' +
        '</div>' +
      
         '</div>'
      );
    }
    
    /* JSONP */
    $(function(){
    
      getOnlineFeed('http://www.heise.de/developer/rss/news-atom.xml');
      
    /*
      getOnlineFeed('http://www.heise.de/developer/rss/news-atom.xml');
    
    */
    });
    /* 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);
    };
    //]]>
    
    </script>
    </body>
    </html>
    Könntet ihr mir bitte weiterhelfen? ...kann den Fehler nicht finden.

    Danke für's Lesen!
    Grüße aus Berlin
    Ines

  2. #2
    j-l-n Guest

    AW: CSS lädt nicht richtig

    Wie meinst du, was funktioniert nicht? Bei der Seite, die du verlinkt hast, funktioniert doch das CSS!

  3. #3
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.714

    AW: CSS lädt nicht richtig

    Der zweite und dritte Link verlangen eine Authentifizierung...

Ähnliche Themen

  1. Antworten: 10
    Letzter Beitrag: 22-04-2010, 12:50
  2. Netscape - lädt und lädt und lädt...???
    Von Honschu im Forum Allgemeines
    Antworten: 5
    Letzter Beitrag: 01-12-2005, 15:48
  3. [Sql] richtig oder nicht richtig
    Von Comet im Forum Serverseitige Programmierung
    Antworten: 4
    Letzter Beitrag: 10-08-2004, 13:28
  4. fclose ... lädt und lädt und lädt
    Von Merlin im Forum Serverseitige Programmierung
    Antworten: 5
    Letzter Beitrag: 16-03-2004, 07:17
  5. Flash lädt Daten nicht
    Von Comet im Forum Flash
    Antworten: 1
    Letzter Beitrag: 03-11-2001, 19:39

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •