+- Sponsor-Board.de (https://www.sponsor-board.de)
+-- Forum: Webmaster (/forumdisplay.php?fid=44)
+--- Forum: Script-Check (/forumdisplay.php?fid=91)
+--- Thema: *gelöst* jQuery Variable Problem (/showthread.php?tid=52146)
*gelöst* jQuery Variable Problem - VarmintLP - 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.
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
RE: jQuery Variable Problem - Nilss - 23.11.2014 15:02
Hast du Skype? Wenn ja melde dich bitte bei mir, werde dir wahrscheinlich helfen können.
Skype: in-iw-skype
RE: jQuery Variable Problem - Kevv - 23.11.2014 15:08
Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859">
<title>jQuery WebApp</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
var Datei = $('#Input').val();
$("#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>
RE: jQuery Variable Problem - VarmintLP - 23.11.2014 15:27
Leider funktioniert deine Funktion bei mir nicht :/
Habs 1:1 kopiert und getestet. Im PSPad läd es erstmal ne weile und dann heißts
Zeile 9
Zeichen 7
"Der Wert der Eigenschaft "$" ist Null oder undefiniert, kein Function-Objekt"
Seltsamerweise sobald ich dann von
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
zu
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
wechsel funktioniert es.
Problem gelöst. Dankö
Aktueller Code (für die Nachwelt halt)
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>
$(document).ready(function(){
$("#btn1").click(function(){
var Datei = $('#Input').val();
$("#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>
P.S.: Habs getestet als ich hier geschrieben habe.
Edit: Nils ich komme auf dein Angebot vlt nochmal zurück, wenn ich bei etwas anderem ein Problem habe.
RE: jQuery Variable Problem - Kevv - 23.11.2014 15:29
Dann scheint die 2er Version von jQuery Probleme zu machen auf dem PSPad.
Hier auf dem Rechner funktioniert es mit der 2er Version wunderbar.
Aber schön das es mit dem Wechsel nun doch geht
RE: jQuery Variable Problem - VarmintLP - 23.11.2014 15:32
myfarynet.eu schrieb:
Dann scheint die 2er Version von jQuery Probleme zu machen auf dem PSPad.
Hier auf dem Rechner funktioniert es mit der 2er Version wunderbar.
Aber schön das es mit dem Wechsel nun doch geht
Hier auf dem Rechner funktioniert es mit der 2er Version wunderbar.
Aber schön das es mit dem Wechsel nun doch geht
Ich habs auch nochmal extra im Firefox versucht. (Version: Firefox ESR 24.7.0 (aktuellste Version))
Da ging es zwar etwas schneller, aber es hat dennoch nicht funktioniert. Naja danke nochmal für die Hilfe mit der Variable. Da ich nun ein Beispiel für die Zukunft habe finde ich mich damit auch besser zurecht. :3
RE: *gelöst* jQuery Variable Problem - Aaron - 23.11.2014 20:43
das liegt nicht an der jQuery Version, sondern an dem "http"
wenn du einen Pfad mit //domain.de definierst, wird das lokal nicht funktionieren, weil er file:// ergänzt - auf nem Server wird das http(s):// Protokol ergänzt - daher gehts.