JavaScript document.write

Dieses Thema JavaScript document.write im Forum "Webentwicklung, Hosting & Programmierung" wurde erstellt von Cledith, 15. Mai 2003.

Thema: JavaScript document.write Hi, ich habe eine Frage bezüglich JavaScript. Ich möchte in eine bereits bestehende Seite noch ein Bild einfügen,...

  1. Hi,
    ich habe eine Frage bezüglich JavaScript.

    Ich möchte in eine bereits bestehende Seite noch ein Bild einfügen, wenn man auf einen Link klickt.
    Wenn ich dieses jedoch mit document.write mache, dann überschreibt er ja die komplette Seite. Gibt es eine Möglichkeit dieses zu verhindern, so dass er einfach das zu schreibende einfügt?

    Gibt es Alternativen hierzu? Es soll aber mit JavaScript ermöglicht werden und soll keine neue HTML Seite mit einbeziehen.

    Vielen Dank für die Hilfe.
    Mfg,
    Cledith
     
  2. Hi

    Am einfachsten geht es über irgendwas.innerHTML was aber glaube nur der IE versteht.
    Ansonsten musst du in selfHTML mal nach Javascript/DOM gucken, ich glaube da gab es dazu auch was (nodevalue oder ähnlich)

    Gruß, Michael
     
  3. Hi,
    so, bin fündig geworden. Habe ich gestern sogar schon gelesen ::)

    Verstehe es jedoch doch nicht :(
    Münz gibt folgendes Bsp (siehe hier Original), was von mir leicht abgewandelt wurde (ich habe eine Funktion draus gemacht...)

    Code:
    <html><head><title>Test</title>
    <script type=text/javascript>
    <!--
     function hallo() {var myH1 = document.createElement(h1);
     var myText = document.createTextNode(Eine sehr dynamische Seite);
     myH1.appendChild(myText);
     var Ausgabebereich = document.getElementById(Bereich);
     Ausgabebereich.appendChild(myH1);
     }
    //-->
    </script>
    </head><body>
    Hallo
    <div id=Bereich style=border:1px black solid; padding:10px>
    
    </div>
    <a href=JavaScript:hallo()>Drück</a>
    
    </body></html>
    
    Funktioniert alles bestens. In den leeren Div Bereich wird die Überschrift Eine sehr dynamische Seite eingefügt, alles wunderbar.
    Jedoch möchte ich ja nun kein Textelement einfügen, sondern eine Grafik, ich aber einfach nicht weiß, wie ich die src zum Img bekomme und ob dies überhaupt geht.
    Hast du darauf eine Antwort parat??

    Danke schonmal.
    Cledith
     
  4. Hi

    Müsste schon gehen, probier mal
    var $e_img = document.createElement(img);
    var $a_src = document.createAtrribute(src);
    a_src.nodeValue = meinesource.gif;
    e_img.setAttributeNode(a_src);

    So ähnlich müsste es gehen. steht ein paar Zeilen über deinem Link in selfhtml

    Gruß, Michael
     
  5. Hi,
    es hat schon mal was gutes ansich. Jetzt kann ich wenigsten nachvollziehen, was da genau passiert ;D

    Was ich jedoch nicht nachvollziehen kann ist, warum das ganze nicht funktioniert.

    Abgesehen davon, dass du einmal Attribute falsch getippt hast, kann ich dort keine Fehler sehen. Ich habe es auch nochmal original nach SelfHTML zusammengestellt, selbige Fehlermeldung:

    Das Objekt unterstützt diese Eigenschaft oder Methode nicht.

    Diese Fehlermeldung bezieht sich auf folgende Zeile:
    Code:
    var $a_src=document.createAttribute(src);
    Geht das einfach nicht oder ist da nur noch was falsch?
    Vielen Dank für deine Antworten!

    Cledith
     
  6. Hi

    Mal im Mozilla probiert?
    Im Internet Explorer solls wohl nicht richtig gehen.

    Gruß, Michael
     
  7. In Mozilla [edit] jetzt auch, dieser macht überhaupt nichts (weder ne Fehlermeldung noch zeigt er das angegebene Bild) [/edit], aber im Opera: Gibt selbige Fehlermeldung aus.

    *schieb*
     
  8. hm, hat noch nicht geschoben...

    *schiebNun*
     
  9. morgen,

    falls das jetzt überhaupt noch was bringt, dass ich das hier schreibe:


    <script language=javascript>

    function derName()
    {
    zeigeBild='document.all.IDfürDivTag.innerHTML=\' <img src=Bild.jpg> \''
    eval(zeigeBild)
    }

    </script>


    greetz
     
  10. Hi,
    und ob das Sinn macht.. um ehrlich zu sein warte ich noch auf eine Lösung ;D

    NUn ja, jetzt wohl besser gesagt: Ich habe auf eine Lösung gewartet. Vielen herzlichen Dank!!!

    Mfg,
    Cledith
     
Die Seite wird geladen...

JavaScript document.write - Ähnliche Themen

Forum Datum
Firefox 23.0.1 Javascript verschwunden..... Web-Browser 30. Aug. 2013
W7 64 Bit - JavaScript aktivieren ....Wie geht das ?? Software: Empfehlungen, Gesuche & Problemlösungen 15. Aug. 2009
Javascript will Elemente nicht erkennen Windows XP Forum 2. Mai 2010
Firefox zeigt Website (JavaScript) fehlerhaft an Web-Browser 1. Feb. 2010
Testing JavaScript for Accessibility Windows XP Forum 15. Jan. 2010