|
|||
Inhalt für innerHTML aus externer Datei laden
Hallo Zusammen
ich will mit folgender Funktion ein Dialogfenster erzeugen, was alles auch fehlerfrei funktioniert. nur will ich nicht für jedes Dialogfenster eine eingene Funktion erstellen sondern eine, welche je nach dem, was für ein Dialogfenster erstellt werden soll, den Inhalt für innerHTML aus einer externen Datei lädt. dazu würde ich natürlich den eventlistener Code:
document.getElementById('menu_login').onclick =login; wie kann ich für innerHTML den Inhalt einer externen (html)datei einlesen? Code:
function login(){ var id="login"; //id wird im css für die höhe benötigt var klasse="dialog"; if(!document.getElementById(id)){ var newdialog = document.createElement('div'); newdialog.setAttribute('id',id); newdialog.setAttribute('class', klasse); newdialog.innerHTML = '<div class=" dialog titel" ">Login</div>'+ '<form class="dialog" >'+ '<fieldset id= "general" style="width:400px; height:80px; position:absolute; top:15px; color:#000000;">'+ '<legend>Login:</legend>'+ '<p style="position:absolute;top:10px;">email: </p>'+ '<input type="email" style="top:20px;" class="pflichtfeld" autofocus/><br />'+ '<p style="position:absolute;top:40px;">Passwort: </p>'+ '<input type="password" style="top:50px;" class="pflichtfeld" /><br />'+ '</fieldset>'+ '<button class="login" style="left:125px;">PW reset</button>'+ '<button id="abort" class="login" style="left:225px;">Abbrechen</button>'+ '<button class="login" style="left:325px;" >Weiter</button>'+ '</form>'; document.body.appendChild(newdialog);// newdialog in das Dokument einbinden (anzeigen) } document.getElementById('abort').onclick = function() { closeWin(id); } } function closeWin(dialogid) { currentObj = document.getElementById(dialogid) ; currentObj.parentNode.removeChild(currentObj); currentObj = null; } document.getElementById('menu_login').onclick =login; |
Sponsored Links |
|
|||
ja, würde sich auch im selben ordner oder evtl ../lib befinden.
ich denke, das würde mit AJAX sicher gehen, will mich aber erst mit AJAX befassen, wenn es um dynamische Inhalte und die Speicherung der Eingabewerte geht. erst will ich das grundlegende UI aufbauen, und da es sich bei den Dialogfenstern um statische Inhalte geht, finde ich ist AJAX etwas übertrieben... oder sehe ich das falsch? |
|
|||
hmm... da verstehe ich wohl Domain etwas falsch, wenn ich ich meine index.htm im root-verzeichnis des web-servers (z.bsp. www.meinewebseite.ch) habe, und in diesem root-verzeichniss sich noch andere Dateien und oder Unterverzeichnisse befinden, sind die doch automatisch unter dem gleichen Domain erreichbar....
zu einer Lösung hilft mir das trotzdem nicht... unter JavaScript: File - HTMLWorld habe ich die Möglicheit mit Code:
f = new File(‘abc.txt’); f.open(‘r’); /*…bearbeiten…*/ f.close(); Code:
var file = new File('login.htm'); var result = file.open("r"); var content = result.readIn(); ..aber Chrome gibt mir beim Austesten an, es seien für new File zwei Argumente erforderlich Uncaught TypeError: Failed to construct 'File': 2 arguments required, but only 1 present. Geändert von Patrik Neunteufel (24.04.2015 um 14:15 Uhr) |
|
||||
Zitat:
Der einfachste Weg mit JS Inhalte von anderen Dateien einzubinden, ist AJAX. Wieso ist das keine Lösung? Zitat:
Das Client File Objekt liest lokale Dateien auf dem Rechner des Browsers, wenn der Nutzer mit DnD diese auf die Seite zieht Lesen lokaler Dateien in JavaScript - HTML5 Rocks Wie gesagt, am einfachsten geht das was du willst mit Ajax. |
|
|||
Zitat:
ebenso sollen diese Daten (Trends) über das Internet für die Kunden verfügbar sein, dort ist aber nur PHP verfügbar. um den Aufwand, PHP und ASP zu programmieren zu minimieren, wollte ich AJAX auf die übermittlung der Mess- und Stellwerte des Controllers beschränken.... aber wenn's halt nur mit AJAX geht... |
|
|||
ach... ich hab immer gedacht, auf der serverseite sei ein php oder asp nötig, um die gewünschten Daten an den Client zu senden und ich müsste so auch hier schon ein php und asp schreiben, um den Inhalt an den client zurückzuschicken....
da hab ich wohl was missverstanden und ich werd php resp. asp erst dann brauchen wenn ich dann die Daten aus einer DB aus resp. einlese... jetzt wird mir die unterscheidung zwischen get und post auch klarer... naja, etwas mehr als zwei zeilen sind da schon nötig, auch wenn man sicherstellen will, dass es mit jedem Browser funktioniert ab jetzt hab ich es so weit. Geändert von Patrik Neunteufel (25.04.2015 um 13:46 Uhr) |
Sponsored Links |
|
||||
Zuerst sagst du das
Zitat:
Zitat:
Aber wenn dein Code nicht auf einem alten IE laufen soll, dann reicht das hier Code:
var myRequest = new XMLHttpRequest(); myRequest.onload = function(data) {alert(this.responseText)}; myRequest.open("get", "yourFile.txt", true); myRequest.send(); |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Datei neu laden, Cache, CSS, Filetime | Scheppertreiber | Serveradministration und serverseitige Scripte | 27 | 18.02.2008 13:05 |
text aus text datei laden | mol66 | Serveradministration und serverseitige Scripte | 26 | 31.01.2008 21:27 |
Inhalt des Contents laden? | Cobain86 | CSS | 7 | 29.05.2007 13:17 |
html oder pdf Datei laden | cgdesign | Javascript & Ajax | 1 | 09.01.2007 12:47 |
css datei zuerst laden | BooKer | CSS | 12 | 05.12.2005 17:08 |