Zum Inhalt springen

Mouse Position mit javascript


Empfohlene Beiträge

Geschrieben

Gibt es eine Möglickeit mit javascript die Mouse-Position in einer Textarea zu ermittleln.

Habe also eine textarea und will, wenn man einen Link klickt, per javascript-function an der vorher gesetzten Mouse/Cursor - Position in der textarea einen Inhalt reinschreiben.

Geht sowas?

Ich hole etwas aus...

Versuche gerade etwas "tuning" an dem open source php CMS "netbuilder" (www.netbuilder.org) zu betreiben. Dort hat man in einer textarea die Möglichkeit Bilder einzufügen.

Man klickt dazu einen Link (image) an, der ein neues Pop-up Fenster öffnet. Dort werden einem die Bilder angezeigt die zur Verfügung stehen. Wählt man ein Bild aus, schreibt eine Javascript-Funktion immer den entsprechenden img-Tag mit allen Werten (Pfad,Name,Breite,Höhe) an das Ende der Textarea.

Ich möchte jetzt aber, dass der komplette Tag dort im Text hingesetzt wird, wo der Cursor vorher in der Textarea saß.

So, lange erklärt, Lösung/Ideen wären super.

Ich weiß, dass das mit java geht, will ich aber nicht.

PHP mit java verschandeln mache ich nicht.

Geschrieben

wen es interessiert...

<HTML>

<HEAD>

<TITLE>Example</TITLE>

<SCRIPT>

function storeCaret (textEl)

{

if (textEl.createTextRange) textEl.caretPos =

document.selection.createRange().duplicate();

}

function insertAtCaret (textEl, text)

{

if (textEl.createTextRange && textEl.caretPos)

{

var caretPos = textEl.caretPos;

caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;

}

else

textEl.value = text;

}

</SCRIPT>

</HEAD>

<BODY>

<FORM>

<TEXTAREA NAME="content" COLS=40 ROWS=6

ONSELECT="storeCaret(this);"

ONCLICK="storeCaret(this);"

ONKEYUP="storeCaret(this);">Some example text</textarea>

<INPUT TYPE="button" STYLE="font-family:courier;" VALUE="-COOL-"

ONCLICK="insertAtCaret(this.form.content,'-COOL-');">

</FORM>

</BODY>

</HTML>

mal ausprobieren, ne nette Sache

Geschrieben

Stand auch mal vor dem Problem, die Position der Markierung bekommt man auf jeden Fall nur mit dem IE herraus. @home hab ich einen kleinen Javascript HTML WYSIWYG Editor, schick mir ne private MSG wenn ich das für Dich rauskramen soll.

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde Dich hier an.

Jetzt anmelden

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...