Follow along with the video below to see how to install our site as a web app on your home screen.
Anmerkung: This feature currently requires accessing the site using the built-in Safari browser.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden. Du solltest ein Upgrade durchführen oder einen alternativen Browser verwenden.
Diskutiere JavaScript document.write im Webentwicklung, Hosting & Programmierung Forum im Bereich Netzwerk & Internet; 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...
#1
C
Cledith
Bekanntes Mitglied
Themenersteller
Dabei seit
04.11.2001
Beiträge
1.210
Reaktionspunkte
0
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
M
Michael
Bekanntes Mitglied
Dabei seit
01.01.2001
Beiträge
2.134
Reaktionspunkte
0
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
C
Cledith
Bekanntes Mitglied
Themenersteller
Dabei seit
04.11.2001
Beiträge
1.210
Reaktionspunkte
0
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
M
Michael
Bekanntes Mitglied
Dabei seit
01.01.2001
Beiträge
2.134
Reaktionspunkte
0
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
C
Cledith
Bekanntes Mitglied
Themenersteller
Dabei seit
04.11.2001
Beiträge
1.210
Reaktionspunkte
0
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
M
Michael
Bekanntes Mitglied
Dabei seit
01.01.2001
Beiträge
2.134
Reaktionspunkte
0
Hi
Mal im Mozilla probiert?
Im Internet Explorer solls wohl nicht richtig gehen.
Gruß, Michael
#7
C
Cledith
Bekanntes Mitglied
Themenersteller
Dabei seit
04.11.2001
Beiträge
1.210
Reaktionspunkte
0
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
C
Cledith
Bekanntes Mitglied
Themenersteller
Dabei seit
04.11.2001
Beiträge
1.210
Reaktionspunkte
0
hm, hat noch nicht geschoben...
*schiebNun*
#9
R
r4bI3s
Guest
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
C
Cledith
Bekanntes Mitglied
Themenersteller
Dabei seit
04.11.2001
Beiträge
1.210
Reaktionspunkte
0
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
#11
R
r4bI3s
Guest
ähm achja,
für Netscape funktioniert die ganze Sache nur mit document.layer.ID.innerHTML.
also if-Bedingung mit Abfrage des Browser einbauchen =)
greetz
#12
C
Cledith
Bekanntes Mitglied
Themenersteller
Dabei seit
04.11.2001
Beiträge
1.210
Reaktionspunkte
0
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