JavaScript document.write

Cledith · 15.05.2003

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

Michael · 15.05.2003

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

Cledith · 16.05.2003

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:

&lt;html>&lt;head>&lt;title>Test&lt;/title>
&lt;script type=text/javascript>
&lt;!--
 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);
 }
//-->
&lt;/script>
&lt;/head>&lt;body>
Hallo
&lt;div id=Bereich style=border:1px black solid; padding:10px>

&lt;/div>
&lt;a href=JavaScript:hallo()>Drück&lt;/a>

&lt;/body>&lt;/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

Michael · 17.05.2003

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

Cledith · 18.05.2003

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

Michael · 18.05.2003

Hi

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

Gruß, Michael

Cledith · 18.05.2003

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*

Cledith · 18.06.2003

hm, hat noch nicht geschoben...

*schiebNun*

r4bI3s · 04.07.2003

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

Cledith · 04.07.2003

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

r4bI3s · 04.07.2003

ähm achja,

für Netscape funktioniert die ganze Sache nur mit document.layer.ID.innerHTML.

also if-Bedingung mit Abfrage des Browser einbauchen =)

greetz

Cledith · 04.07.2003

Ah, danke dir. Ich hatte das noch nciht getestet.
Du solltest hier im Forum bleiben, ich glaube ich werde noch Fragen an dich haben ;D

Mfg,
Cledith

JavaScript document.write

Cledith

Michael

Cledith

Michael

Cledith

Michael

Cledith

Cledith

r4bI3s

Cledith

r4bI3s

Cledith

JavaScript document.write

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums