Autor |
Nachricht |
Psilo
Threadersteller
Dabei seit: 20.02.2007
Ort: -
Alter: 35
Geschlecht:
|
Verfasst Mi 17.12.2008 10:35
Titel shtml - mit js include austauschen |
|
|
hallo,
ich versuche vergebens eine html datei innerhalb meines dokuments auszutauschen.
ich habe eine .shtml datei und binde in diese mithilfe von include eine html-datei ein.
nun will ich per knopfdruck eine neue html-datei in den includebereich laden
.shtml-datei
Code: | <div id="openall">
<!--#include virtual="/editor/test.html"-->
</div> |
js
Code: | function openall() {
document.getElementById('openall').innerHTML = "<!--#include virtual="/editor/test2.html"-->';
} |
irgendwie klappt das nicht.
der inhalt aus dem div openall wird einfach entfernt, aber keiner neuer eingefügt.
geht das einfach nicht oder gibt es andere methoden?
kann ich z.b. das src-attribut eines iframes ändern?
und den iframe dann neu laden?
mfg
// EDIT
hab jetz ne lösung wie ich das src attribut austauschen kann.
würde halt lieber mit der include-methode arbeiten als mit iframes
also falls jemand ne lösung hat kann er sich ja melden
Zuletzt bearbeitet von Psilo am Mi 17.12.2008 10:44, insgesamt 2-mal bearbeitet
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mi 17.12.2008 10:52
Titel
|
|
|
du versuchst über eine clientseitige scriptsprache (js) eine serverseitige funktion auszuführen. das wird so nichts.
wenn du das div dynamisch mit inhalt befüllen willst, ohne einen reload zu benutzen, musst du wohl auf einen xmlhttp-request zurückgreifen:
http://www.w3schools.com/ajax/ajax_browsers.asp ff
|
|
|
|
|
Anzeige
|
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 17.12.2008 12:11
Titel Re: shtml - mit js include austauschen |
|
|
Psilo hat geschrieben: |
Code: | function openall() {
document.getElementById('openall').innerHTML = "<!--#include virtual="/editor/test2.html"-->';
} |
|
Grundsätzlich geht das schon. Nur
a) muß diese function in der *.shtml-Seite verbaut sein und
darf nicht ausgelagert sein in ein js-file.
b) müsstest Du Acht geben, dass in der test2.html die Anführungs-
striche, die function nicht zerschießen.
Beispiel Inhalt test2.html:
<p class="foo" onclick="irgendwas('value');">Bar</p>
ergäbe ja z.B. in deiner function:
document.getElementById('openall').innerHTML = "<p class="foo" onclick="irgendwas('value');">Bar</p>Bar</p>";
und dass ginge nicht weil die anführungsstriche nicht escapted
sind (wobei ich grad sehe, das du oben den Wert jetzt schon
mit " öffnest und mit ' schliesst - das kann nicht gehen
Beispiel wie es funzen könnte (ungetestet):
Code: | function openall() {
document.getElementById('openall').innerHTML = '<!--#include virtual="/editor/test2.html"-->';
} |
und in der test2.html:
Code: |
<p class="foo" onclick="irgendwas(\'value\');">Bar</p>
|
Insgesamt ists aber eine abenteuerliche Konstruktion. Dann
lieber wie PxPapst schon schrieb nen ajax-request verwenden.
Gruß
zweitaccount
|
|
|
|
|
Psilo
Threadersteller
Dabei seit: 20.02.2007
Ort: -
Alter: 35
Geschlecht:
|
Verfasst Mi 17.12.2008 17:55
Titel
|
|
|
hi,
danke für eure beiträge...
wie gesagt habe ich es jetzt mit nem iframe gelöst, welcher das src attribut auf klick wechselt...
weiß nicht ob das sehr unschön gelöst ist..
auf jeden fall heißt es ja das iframes schon längst aus der mode sind, aber naja..
funktionieren tuts auf jeden fall prima
eure beiträge haben mich auf jeden fall wieder ein wenig gebildet und ich werde mich auch noch näher mit den tipps befassen..
also danke
|
|
|
|
|
|
|
|
Ähnliche Themen |
PHP: include in einer include-datei aufrufen? [GELÖST]
Kontaktformular php in shtml
[solved] php findet aktuelle shtml-seite nicht
DIV's austauschen
[solved] IMG via JS austauschen?
Div bei Hover austauschen
|
|