externes html dokument mit JS einbinden
- Themenstarter Eli-
- Beginndatum
Nochmal zusammenfassend:
1. AJAX geht nicht Domain-übergreifend
2. IFrame sind in sich geschlossen, deshalb passiert alles nur in dem IFrame (die von dir angesprochenen Links)
Mir fällt jetzt noch eine Möglichkeit ein. Ändere den Inhalt deiner Textdatei in etwa so
Und binde es in deine Zielseite via Script-Tag ein
Und vor dem Script-Tag brauchst du noch ein Script mit der Funktion "injectHTML" (oder nenn Sie wie es dir passt)
1. AJAX geht nicht Domain-übergreifend
2. IFrame sind in sich geschlossen, deshalb passiert alles nur in dem IFrame (die von dir angesprochenen Links)
Mir fällt jetzt noch eine Möglichkeit ein. Ändere den Inhalt deiner Textdatei in etwa so
Code:
injectHTML('<div class="inhalt"><span style="color: #000000;">Allgemeines || 1.Jobchange || 2.Jobchange || Builds || Masterquest || Heroquest<hr />Erste Schritte || Level Infos ||Sonstiges</span></div>');Und binde es in deine Zielseite via Script-Tag ein
Javascript:
<script src="link-zur-externen-datei" type="text/javascript"></script>Und vor dem Script-Tag brauchst du noch ein Script mit der Funktion "injectHTML" (oder nenn Sie wie es dir passt)
Javascript:
<script>
function injectHTML(content) {
document.getElementById('placeholder').innerHTML = content;
}
</script>
<script src="link-zur-externen-datei" type="text/javascript"></script>
Shame on IE 
Navy
Freiwillige Serverwehr
Wenn es Dir möglich ist, bau Dir Deinen eigenen Proxy auf dem System und lass diesen die Daten holen, so dass die externe Webseite für den Client beim User als eine auf deinem Server laufende erscheint. Auch wenn ich in letzter Zeit fast zuviel Werbung dafür mache: node.js ist Dein Freund.
Dann hast du evtl. etwas falsch gemacht. Hier nochmal vollständiger Beispielcode.
index.html
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>External file</title>
</head>
<body>
<div id="placeholder"></div>
<script type="text/javascript">
/* <![CDATA[ */
function injectHTML(content) {
document.getElementById('placeholder').innerHTML = content;
}
/* ]]> */
</script>
<script type="text/javascript" src="extern.txt"></script>
</body>
</html>extern.txt
Javascript:
injectHTML('<strong>TEST</strong>');
