Vkládáníé smajlíků do textu – JavaScript, AJAX, jQuery – Fórum – Programujte.com

vkladam do textaree smajlíky.
Vse jede v pohode jen ve Firefoxu (IE a Opera nevkladaji)
Vse se deje tak, ze mam pod textareou obrázky smajlíků a kdyz na nektery kliknu, tak se vloží do textaree.
Bohužel IE a Opera tak neučiní.
V hlavičce stránky mám uveden tento script:

<script language="javascript" type="text/javascript">

<!--

function smajlik(text) {

if (document.formular.textarea.createTextRange && document.formular.textarea.caretPos)

{

  var caretPos = document.formular.textarea.caretPos;

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

}

else

   document.formular.textarea.value += text;

   document.formular.textarea.focus(caretPos)

}



//-->

</script>

<a href="javascript:smajlik(':-)')"><img src="smiles/01.gif" border="0" /></a>

<a href="javascript:smajlik(':-P')"><img src="smiles/02.gif" border="0" /></a>

<a href="javascript:smajlik('8-)')"><img src="smiles/03.gif" border="0" /></a>

<a href="javascript:smajlik(';-)')"><img src="smiles/04.gif" border="0" /></a>

<a href="javascript:smajlik(':)')"><img src="smiles/05.gif" border="0" /></a>

Pouzivam toto, je to tedy rozsahlejsi kod, ale funguje vsude:

// http://www.alexking.org - LGPL

function insertAtCursor(myField, prefix, postfix) {

	var re = new RegExp("^(.*\\S)(\\s*)$");

  myField.focus();

  //IE support

  if (document.selection) {

    sel = document.selection.createRange();

		var selection = sel.text;

		var wasEmpty = (selection == "");

		var space = "";

		if (!wasEmpty) {

			var matches = selection.match(re);

			if (matches) {

				selection = RegExp.$1;

				space = RegExp.$2;

			}

		}

    sel.text = prefix+selection+postfix+space;

		sel.collapse(false);

		if (wasEmpty) {

			sel.moveEnd('character',-(prefix.length+1))

		}

		sel.select();

  }

  //MOZILLA/NETSCAPE support

  else {

		if (myField.selectionStart || myField.selectionStart == '0') {

			var startPos = myField.selectionStart;

			var endPos = myField.selectionEnd;

			var selection = myField.value.substring(startPos, endPos);

			var wasEmpty = (startPos == endPos);

			var space = "";

			if (!wasEmpty) {

				var matches = selection.match(re);

				if (matches) {

					selection = RegExp.$1;

					space = RegExp.$2;

				}

			}

			myField.value = myField.value.substring(0, startPos)

										+ prefix+selection+postfix+space

										+ myField.value.substring(endPos, myField.value.length);



			var newPosition;

			if (wasEmpty) {

				newPosition = startPos+prefix.length;

			} else {

				newPosition = startPos+prefix.length+selection.length+postfix.length+space.length;

			}

			myField.setSelectionRange(newPosition, newPosition);

		} else {

			myField.value += prefix+postfix;

			myField.setSelectionRange(startPos+prefix.length, startPos+prefix.length);

		}

	}

}

<a href="javascript:insertAtCursor(document.form.content, ':-)', '');">:-)</a>

function smajlik(text) {

  var textfield = document.getElementById('foo');

    if (textfield.createTextRange && textfield.caretPos) {

      var caretPos = textfield.caretPos;

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

  } else textfield.value += text;

  textfield.focus(caretPos)

}

smajliky chci vkladat do formulare (name="formular") a do textaree, ktera je ve formulari (name="textarea")
nejak se v tom nemuzu zorientovat...

No, on ten pristup pres teckovou notaci se me nikdy moc nelibil. Proste si do tagu textarea pridej parametr id, napr. takto:

<textarea id="textove_pole" ...>

var textfield = document.getElementById('foo');

var textfield = document.getElementById('textove_pole');

Alternativne jeste muzes pouzit funkci getElementByName. Chce to trosku googlit, nebo si najit nejaky JS manual, no ;-)

Nejak me ted v servisu na MSIE nejde edit, takze znovu, pak to sjednotim z kancelare. Pokud chces pouzit ted "delsi" skript, tak s temi tvymi name to udelas takto:

<a href="javascript:insertAtCursor(document.formular.textarea, ':-)', '');">:-)</a>

tak jsem zkousel vse podle navodu, nefakčí...

id="textove_pole"

document.getElementById('textove_pole');

Mne to jede, neco delas spatne:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">

<head>

 <meta http-equiv="content-type" content="text/html; charset=utf-8" />

 <title>JS</title>

  <script language="javascript" type="text/javascript">

  function smajlik(text) {

  var textfield = document.getElementById('textfield');

  if (textfield.createTextRange && textfield.caretPos)

  {

    var caretPos = textfield.caretPos;

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

  }

  else

     textfield.value += text;

     textfield.focus(caretPos)

  }

  </script>

</head>

<body>

 <textarea id="textfield"></textarea>

 

 <a href="javascript:smajlik(':-)')">:-)</a>

 <a href="javascript:smajlik(':-P')">:-P</a>

</body>

</html>  

jsem to zkousel primo v opere, dela to upe to same... Firefox smajlika vlozi, Opera a IE nikoliv...

Ted jsem ten kod zkousel znovu, a proste to funguje, jen MSIE na localu zada o povoleni ActiveX prvku.

promin, mas pravdu, jede:)
chybu jsem delal v tom, ze jsem script

<script language="javascript" type="text/javascript">

function smajlik(text) { 

  var textfield = document.getElementById('textfield'); 

  if (textfield.createTextRange && textfield.caretPos) 

  { 

    var caretPos = textfield.caretPos; 

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

  } 

  else 

     textfield.value += text; 

     textfield.focus(caretPos) 

  } 

</script>

Neni zac ;)

chci se zeptat ještě jak se dělá když chci pak zase ten symbol :-) dekodovat na obrázek v tom textu? Připadně chci vložit [.b][./b] jak toto převedu na <b></b> v textu? Moc se mi zamlouvá tento formulář tady na programujte.cz :smile1:

takře touto funkcí lze do Textarea vkládat jakýkoliv řetězec, že ano?

Chci se zeptat, když bych měl smajlíki ve frame např name1 a formulář ve frame name2 jak to udělám, aby to fungovalo?? děkuji