[JavaScript] Text bei Cursor einfügen?

[the-architect]

Hallo,

ich weiß, das es mit IE geht z.B. einen smilie-code in eine textarea an der aktuellen cursor-position einzufügen.

Da es aber mit Opera Probleme gibt (zumindest bei dem code den ich verwendet habe), möchte ich gerne wissen ob jemand schon einmal eine crossbrowser-variante kennt oder vielleicht eine idee hat wie es gehen könnte?

[the-architect]

nur 10 leser? eigenartig. kennt sich damit niemand aus?

[Dittboy]

Da dieser Thread genau das Problem beschreibt, was ich habe, möchte ich nochmals fragen ob jemand eine Lösung zu dem Problem hat.

@the-architekt
Weisst du noch wie du es "damals" gemacht hast?

Mfg
Dittboy

[Adromir]

Ich würde mir vieleicht mal hier aus de mForum den entsprechenden JS-Code für den vBB-Code rausholen und nachschauen, wie das da gelöst wurde..

[AnnaStesia]

SelfHTML ? Taugt das nicht?

[Dittboy]

@Adromir
Ich hab mir jetzt mal ein Stück angeschaut, und versuche es hinzubekommen. Ich weiss aber echt nicht ob's klappt, da ich JScript newbie bin.

@AnnaStesia
Da hab ich schon geguckt, ich hab auch schon gegoogelt aber nichts gefunden.

Mfg
Dittboy

[Dittboy]

Also ich blick hier nicht durch .
Ich hab's zwar in den ansätzen verstanden, aber nicht genau.

Hier ist der code:

// #############################################################################
  // function to insert a smilie part 1
  function prepare_insert_smilie(e)
  {
  	e = do_an_e(e);
  	insert_smilie(this, this.id.substr(9));
  }
  
  // #############################################################################
  // function to insert a smilie part 2
  function insert_smilie(elm, smilieid)
  {
  	// only naughty one is "Control"
 	if (typeof(document.selection) != "undefined" && document.selection.type != "Text" && document.selection.type != "None")
  	{
  		document.selection.clear();
  	}
  
  	htmlwindow.focus();
  
  	try
  	{
  		if (is_ie)
  		{
 			smilieHTML = '<img src="' + elm.getElementsByTagName("img")[0].src + '" border="0" alt="" smilieid="' + smilieid + '" /> ';
  			htmlbox.selection.createRange().pasteHTML(smilieHTML);
  		}
  		else
  		{
 		 htmlbox.execCommand('InsertImage', false, elm.getElementsByTagName("img")[0].src);
  			var smilies = htmlbox.getElementsByTagName("img");
  			for (var i = 0; i < smilies.length; i++)
  			{
 		 	if (smilies[i].src == elm.getElementsByTagName("img")[0].src)
  				{
 		 		if (smilies[i].getAttribute("smilieid") < 1)
  					{
 		 		 smilies[i].setAttribute("smilieid", smilieid);
 		 		 smilies[i].setAttribute("border", "0");
  					}
  				}
  			}
  		}
  	}
  	catch(e)
  	{
  		// failed... probably due to inserting a smilie over a smilie in mozilla
  	}
  }

Ich versteh nur Bahnhof...

Mfg
Dittboy

[AnnaStesia]

Und der Code ist jetzt von Dir oder wie?
vBulletin (also zb. das TP Forum) schafft es ja auch nicht, in Gecko Browsern oder in Opera den Code an Cursor Stelle zu setzen (soviel zu Adromirs Vorschlag), sondern setzt ihn halt einfach nach unten. Die SelfHTML Version schafft es zumindest in Gecko Browsern, nur Opera macht da schlapp, aber da mehr Leute mit Geckos unterwegs sind als mit Opera, halte ich die SelfHTML Variante für besser. Eine absolut cross-browser-taugliche Variante wirst Du eh nie hinkriegen, da finde ich es am praktikabelsten, die meistgebrauchten Browser zu bedienen und beim Rest den Code eben ans Ende einzufügen.

[Dittboy]

@AnnaStesia
Also wenn der code von mir wäre, würd ich da doch durchblicken, oder?

Und kannst du mir vielleicht verraten, wo ich das ungefähr bei SelfHtml finde?

Bei "Anwendungsbeispiele" hab ich nichts gefunden, und ansonsten könnte es sich ja sonstwo verstecken...
Und wenn ich bei der Suche "Cursor" eingebe gibt's so 5 Einträge, die aber alle nichts mit meinem problem zu tun haben.

Mit freundlichen Grüßen
Dittboy

[321]

Zitat von Dittboy

Und kannst du mir >vielleicht< verraten, wo ich das >ungefähr< bei SelfHtml finde?

Wenn auf den Link von AnnaStesia (SelfHtml) klickst, bist auch schon dort!

[the-architect]

hi

erstmal brauchst Du diese Funktion:

 function insertAtCursor(myField, myValue) {
   //IE support
   if (document.selection) {
     myField.focus();
     sel = document.selection.createRange();
     sel.text = myValue;
   }
   //MOZILLA/NETSCAPE support
   else if (myField.selectionStart || myField.selectionStart == '0') {
     var startPos = myField.selectionStart;
     var endPos = myField.selectionEnd;
     myField.value = myField.value.substring(0, startPos)
                   + myValue 
                   + myField.value.substring(endPos, myField.value.length);
   } else {
     myField.value += myValue;
   }
 }

und dann kannst du es beispielsweise zum einfügen von SmileyCodes nutzen:

 function addsmilie(what){
 txt = document.getElementById("text");
 insertAtCursor(txt, what)
 }

addsmilies fügt das an "what" übergebene in die textarea mit der ID "text".

[Dittboy]

@321, AnnaStesia
Oh. Ich Depp .

Das hätte ich eigentlich auch sehen müssen :'(.

Ich bekenne mich schuldig...

Danke!

@the-architect
Das werde ich gleich mal testen, danke!


Mit freundlichen Grüßen
Dittboy

[321]

macht nix, denkst beim nächsten Bier an mich
und beim nächsten Prosecco an AnnaStesia!

[Dittboy]

Zitat von 321

macht nix, denkst beim nächsten Bier an mich
und beim nächsten Prosecco an AnnaStesia!

Mach ich ^^.

Mfg
Dittboy

[AnnaStesia]

Zitat von Dittboy

Mach ich ^^.

das könnte eine neue rubrik werden, "TP-Gedenk-Saufen" oder so