✔ Bild einfügen mit Durchsuchen

[Ossi]

Für meinen WYSIWYG-Editor, den ich gerade bastele, gibt es eine Funktion, um Bilder einzufügen. Diese ist jedoch nicht komfortabel, da man die genaue URL eingeben muß. Ich möchte diese Funktion um die Möglichkeit des Durchsuchens erweitern, um Bilder vom lokalen Rechner einbinden zu können.

JavaScript-Funktion, die das Kommando definiert:
<script>
function format(command, parameter)
{
divEditable.focus();
document.execCommand(command, false, parameter);
}
</script>

Befehl zum Einfügen des Bildes:
onClick="format('InsertImage',parameter);"
(InsertImage --> vordefinierter Befehl, parameter --> hier soll die URL eingefügt werden)

Der Durchsuchen-Button könnte so ähnlich sein:
<form name="form1" method="post" action="">
<input type="File" name="Durchsuchen" value="Durchsuchen">
</form>

Wenn ich vom Editor aus auf das Icon "Bild einfügen" klicke, soll sich ein Fenster (entweder alert oder als eigener File oder mit document write) öffnen, wo ich das Eingabefeld mit Durchsuchen habe, beim Klick auf einen Botton "Übernehmen" soll die URL an das format-Kommando übergeben werden.

Wer kann helfen ????

 

[Fabian H]

http://msdn.microsoft.com/library/d...hor/dhtml/reference/constants/insertimage.asp

In der Dialgobox, die sich da öffnet, ist ein Durchsuchen Button mit drin! (Vorausgesetzt, der 2. Parameter von execCommand (bUserInterface) ist auf true gesetzt, was hier allerdings nicht der Fall ist!)http://msdn.microsoft.com/library/d...uthor/dhtml/reference/methods/execcommand.asp

 

[Ossi]

Besten Dank für den Tip, es funktioniert.