Ergebnis 1 bis 1 von 1
  1. #1
    Avatar von jspit
    jspit ist offline Lounge-Member
    registriert
    19-06-2009
    Beiträge
    1.712

    HTML-Quellcodeanzeige mit javascript im iframe

    Es wird eine einfache js-funktion für eine HTML-Quellcodeanzeige im iframe vorgestellt, die kein Ajax und auch nicht 'view-source:' verwendet. Angezeigt wird der Code zwischen <html> und </html>, also ohne DOCTYPE. Mit eigenen Styles kann die Anzeige den eigenen Wünschen angepasst werden.
    Die anzuzeigende Quelle muß unter der selben Domain verfügbar sein und darf kein iframe enthalten. Getestet bisher FF3.0 + 3.5 , IE 6 + 8, Opera 9.62, Chrome 2.0.

    PHP-Code:
    function showsrc(t,cssfile) {
    var 
    frdoc t.contentWindow t.contentWindow.document t.contentDocument;
    if(
    frdoc.URL != parent.document.URL){
      var 
    shtm '<html><head>';
      if(
    cssfileshtm += '<link rel="stylesheet" type="text\/css" href="' cssfile '">';
      
    shtm += "<\/head><body>"
      
    shtm += "<h1>" t.src "<\/h1>"//Auskommentieren wenn keine Ueberschrift gebraucht wird
      
    var src frdoc.documentElement.innerHTML;
      
    src src.replace(/</g,"&lt;").replace(/>/g,"&gt;");
      
    shtm += "<pre>&lt;html&gt;\n" src "\n&lt;\/html&gt;\n<\/pre><\/body><\/html>";
      
    frdoc.write(shtm);
      
    t.onload null;
      
    frdoc.close();
      }

    Der iframe kann an beliebiger Stelle in den HTML-Code eingefügt werden, anstelle von test.html wird jedoch dessen Quellcode im iframe angezeigt.

    Code:
    <iframe src="test.html" width="800" height="400" onload="showsrc(this,'mysrc.css')">
    </iframe>
    Der 2.Parameter cssfile ist optional. Hier ein Beispiel:
    mysrc.css
    Code:
    body {
            background-color: #FFFFD0;
            margin : 0;
    }
    h1 {
            font : bold 28px Arial;
            color : #ffff00;
            margin : 0;
            margin-left: 0px;
            margin-bottom: 8px;
            padding-left: 5px;
            background-color: #8F8F8F;
    }
    pre {
            font:bold 14px COURIER NEW;
            color : #0000BF;
            margin-left: 5px;
    }
    Edit:
    Das Onlinebeispiel für showsrc zeigt nebeneinander eine html-Seite und den Quellcode der Seite.
    Geändert von jspit (28-01-2010 um 11:20 Uhr) Grund: Onlinebeispiel zugefügt

Ähnliche Themen

  1. Akzeptanzfrage: Javascript akzeptierter als iframe?
    Von dieterk im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 04-05-2009, 01:02
  2. javascript an iframe übergeben
    Von jokas im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 26-04-2009, 12:50
  3. Antworten: 9
    Letzter Beitrag: 22-08-2008, 15:00
  4. Link aus iframe in Hauptfenster + parent + JavaScript
    Von Toxictype im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 26-10-2007, 14:17
  5. Aus Iframe herraus Seite refreshen (JavaScript?!?)
    Von MagicForrest im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 24-06-2005, 03:26

Stichworte

Lesezeichen

Berechtigungen

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