Einfaches Java-Script-Problem :-)

dhaag

unregistriert

Freitag, 18. Juli 2003, 19:14

Hi!!

Ich habe ein - für Profis zugegebenermaßen - ziemlich einfaches Problem... aber ich kann probieren wie ich will - es klappt nicht

Ich möchte auf einer HTML-Seite, auf der eine Eingabeform à la <textarea> ist, einen Button hinzufügen.
Und zwar soll, wenn man diesen Button anklickt, sich eine kleine Eingabeaufforderung auftun, in der dann steht, was zu tun ist, also zB "Geben Sie den Namen einer Grafik aus dem Ordner /images/ ein" und in der man dann den Namen einer Grafik reinschreibt.

Die Daten aus der Textarea können HTML enthalten, daher möchte ich dann, dass um den Namen der Grafik herum, der HTML-Tag <img src="... erscheint. Die ganzen Grafiken liegen alle in einem einzigen Ordner!! Nennen wir ihn http://www.blabla.de/images/

Ich schreibe nun also einfach einen Text in die <textarea> und dann möchte ich eine Grafik einfügen! Wenn ich dann nun also auf den Button klicke, will ich dann zB "hund.gif" eingeben und das ganze dann mit OK bestätigen ... dann soll im Text an der aktuellen Stelle dann "<img src="http://www.blabla.de/images/hund.gif">" stehen ...
Dies müsste mittels Java-Script ganz einfach zu realisieren sein, leider kriege ich es nicht hin :-(

Hmmm ... sorry, kanns nicht besser beschreiben, ich hoffe, es ist deutlich genug

Dimitri

König

Dabei seit: 16.01.2003

Beiträge: 761

Freitag, 18. Juli 2003, 22:55

Quellcode

<BUTTON onclick="bild()">Bild einfügen</BUTTON>
<SCRIPT language="JavaScript">
function bild()
{
bild = promt ("Geben Sie den Namen einer Grafik aus dem Ordner /images/ ein");
document.[name des formulars].[name der textbox].value = document.[name des formulars].[name der textbox].value + "<img src='http://www.blabla.de/images/" + bild + "'>"
}
</SCRIPT>

Sollte so funktionieren... Habs aber nich überprüft!

http://www.FireflySeason2.com
Sie wird wieder fliegen!!

dhaag

unregistriert

Freitag, 18. Juli 2003, 23:11

Also das Prinzip stimmt!
Aber leider klappt das noch nicht so richtig - irgendwas scheint noch zu fehlen!?!

Ich bin absoluter Laie bei Javascript... aber sollte da nicht noch irgendwie was hin von wegen einem Eingabefeld? Irgendwo muss ich den Namen des Bildes ja hintippen?

Schon mal THANKS!!!!

Nemesis

Haudegen

Dabei seit: 25.09.2002

Beiträge: 502

Freitag, 18. Juli 2003, 23:29

das Script muss unter die Textarea glaub ich. Und dann musste halt die Formularnamen und den namen der Textarea im Script anpassen.

PHP/mySQL Coder: www.hack-mich.net
www.you-are-a-pirate.de.vu

dhaag

unregistriert

Freitag, 18. Juli 2003, 23:37

Hab ich alles schon versucht

Da kommt immer der Fehler, dass ein Objekt erwartet wird!??! Und zwar in der Zeile, wo "bild = prompt..." steht!

Dimitri

König

Dabei seit: 16.01.2003

Beiträge: 761

Sonntag, 20. Juli 2003, 01:40

Eventuell das Leerzeichen zwischen prompt und dem (...)-Teil? versuch mal so:

bild = promt("Geben Sie den Namen einer Grafik aus dem Ordner /images/ ein");

http://www.FireflySeason2.com
Sie wird wieder fliegen!!

Nemesis

Haudegen

Dabei seit: 25.09.2002

Beiträge: 502

Sonntag, 20. Juli 2003, 09:44

etz fällts mirein,

hinter promtp muss das anders
prompt("Aufforderrungstext","");

So muss das, also noch ein leeres Argument dabei.

PHP/mySQL Coder: www.hack-mich.net
www.you-are-a-pirate.de.vu

dhaag

unregistriert

Sonntag, 20. Juli 2003, 15:58

freu

@all

Jungs, es klappt ...!!

Das Problem war die Sache bei dem prompt("Text","") mit dem zweiten Argument und das Haupt-Problem war ein ... ein Tippfehler

siehe oben bei der Codeangabe ... da steht "promt" ... aber "prompt" wäre richtig

Aber jetzt geht's!!

THANKS @all!!!

Endgültiger Code:

Quellcode

<html>
<form name="form">
<BUTTON onclick="bild();">Bild einfügen</BUTTON><br>
<textarea name="text" cols="50" rows="10"></textarea>
</form>
<SCRIPT language="JavaScript">
<!--
function bild()
{
bild = prompt("Geben Sie den Namen einer Grafik aus dem Ordner /images/ ein","");
document.form.text.value = document.form.text.value + "<img src='http://www.blabla.de/images/" + bild + "'>"
document.form.text.focus();
}
//-->
</SCRIPT>
</html>

EDIT!!

Mist!!!! Leider kann ich damit nur 1x ein Bild einfügen

... wenn ich mehrere einfügen will, sagt er mir ab dem 2. Mal "Das Objekt unterstüzt diese Eigenschaft oder Methode nicht" und verweist mich auf die Zeile mit "bild = prompt(..."

Wie kann ich dies umgehen?? Ich möchte also mehrere einfügen

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »dhaag« (20. Juli 2003, 16:14)

Nemesis

Haudegen

Dabei seit: 25.09.2002

Beiträge: 502

Sonntag, 20. Juli 2003, 18:16

Mhm, werdch nachher mal schaun, das 2. Argument bestimmt den Text der in dem Inputfeld bei der promptaufforderung steht

PHP/mySQL Coder: www.hack-mich.net
www.you-are-a-pirate.de.vu

dhaag

unregistriert

Donnerstag, 24. Juli 2003, 13:37

Naaaaaaaa? Wie sieht's aus?

Nemesis

Haudegen

Dabei seit: 25.09.2002

Beiträge: 502

Samstag, 26. Juli 2003, 17:27

Ist eigentlich ganz einfach, da musste noch ein var vor Bild.

Hab das mal bisl schöner geschrieben, jetz wird der img tag nicht mit ' sondern mit " gemacht.

Quellcode

<html>
<head>
<title>Formular mit Images</title>
<SCRIPT language="JavaScript">
<!--
function bild()
{
var bild = prompt("Geben Sie den Namen einer Grafik aus dem Ordner /images/ ein","");
document.form.text.value+= '<img src="http://www.blabla.de/images/' + bild + '">';
document.form.text.focus();
}
//-->
</SCRIPT>
</head>
<body>
<form name="form">
<input type="button" onclick="bild();" value="Bild einfügen"><br>
<textarea name="text" cols="50" rows="10"></textarea>
</form>
</body>
</html>

PHP/mySQL Coder: www.hack-mich.net
www.you-are-a-pirate.de.vu

dhaag

unregistriert

Sonntag, 27. Juli 2003, 01:57

So!!! Jetzt klappt das auch!!!!! Jetzt ist alles paletti

Special Thanx to Nemesis!!

Nemesis

Haudegen

Dabei seit: 25.09.2002

Beiträge: 502

Sonntag, 27. Juli 2003, 09:25

Darf man dann auch mal sehn wo dus verwendest?

PHP/mySQL Coder: www.hack-mich.net
www.you-are-a-pirate.de.vu

dhaag

unregistriert

Sonntag, 27. Juli 2003, 11:49

Ja schon - aber erst später mal *gg* ... ist noch nicht so weit bzw. fertig!

Aber irgendwann wirds wohl ausgetüftelt sein