23.11.2014, 14:47
Guten Tag liebe Community,
Vor kurzem habe ich wieder mal eine Aufgabe bekommen an der ich leider scheitere. Diesmal geht es darum eine HTML Seite mit jQuery zu erstellen.
In der Aufgabe geht es darum den Namen einer .txt Datei einzugeben, die dann gesucht wird und den Inhalt auslesen soll. Wenn ich den Namen der Datei vorher festlege, funktioniert es, aber wenn ich versuche eine Variable zu verwenden, tu ich mich etwas schwer.
Leider weiß ich nicht, wie ich eine Javascript Variable in ein jQuery Event einfüge, da ich jQuery nur auf geringer Basis beherrsche. Bin schon froh, dass ich es verstanden habe, wie es funktioniert, nur zum Thema Variablen konnte ich bisher keine Erfolge verzeichnen.
Hier mein bisheriges Script.
Vor kurzem habe ich wieder mal eine Aufgabe bekommen an der ich leider scheitere. Diesmal geht es darum eine HTML Seite mit jQuery zu erstellen.
In der Aufgabe geht es darum den Namen einer .txt Datei einzugeben, die dann gesucht wird und den Inhalt auslesen soll. Wenn ich den Namen der Datei vorher festlege, funktioniert es, aber wenn ich versuche eine Variable zu verwenden, tu ich mich etwas schwer.
Leider weiß ich nicht, wie ich eine Javascript Variable in ein jQuery Event einfüge, da ich jQuery nur auf geringer Basis beherrsche. Bin schon froh, dass ich es verstanden habe, wie es funktioniert, nur zum Thema Variablen konnte ich bisher keine Erfolge verzeichnen.
Hier mein bisheriges Script.
Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859">
<title>jQuery WebApp</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
var Datei;
Datei = document.getElementById("Input").innerHTML;
$(document).ready(function(){
$("#btn1").click(function(){
$("#Ausgabe1").load("'Datei'+.txt");
});
});
</script>
</head>
<body>
<p>
<input type="text" id="Input">
<input type='button' value='Button' id='btn1'>
<p id='Ausgabe1'></p>
</p>
</body>
</html>
Ich freue mich auf jede Hilfe und Danke schonmal im vorraus.
Mit freundlichen Grüßen
VarmintLP