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.

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

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...