ВмЪкване на картинка в текст поле.

novakov

Registered
Първо искам да ви благодаря за този сайт. Има много интересни уроци (особено за пхпбб форума) Браво.

Някой може ли да ми обясни(или даде урок) как да направя когато имам текст поле и над него да има две бутончета и като натиснеш едното да излиза :картинка1:, а като натиснеш другото да излиза :картинка2:. Нещо подобно като при смайлитата от форума.

Ето и нагледно точно какво искам.

401372_orig.jpg


Ето и кода на текс полето.

Код:
<tr>
	<td align=right valign=top>description:</td>
	<td><textarea cols=40 rows=4 name=Desc></textarea></td>
</tr

Благодаря.
 
novakov каза:
Първо искам да ви благодаря за този сайт. Има много интересни уроци (особено за пхпбб форума) Браво.

Някой може ли да ми обясни(или даде урок) как да направя когато имам текст поле и над него да има две бутончета и като натиснеш едното да излиза :картинка1:, а като натиснеш другото да излиза :картинка2:. Нещо подобно като при смайлитата от форума.

Ето и нагледно точно какво искам.

401372_orig.jpg


Ето и кода на текс полето.

Код:
<tr>
	<td align=right valign=top>description:</td>
	<td><textarea cols=40 rows=4 name=Desc></textarea></td>
</tr

Благодаря.

Пак обясни какво искаш.
Искаш да има bbcode ли?
 
Няколко пъти го прочетох, но не ми стана мн. ясно какво точно искаш.. :roll:
Примерно искаш като се избере държава, долу да се появява картинка ли ? :?
401372origxl7.jpg


// за какви 2 бутончета става дума; такива не виждам.. и къде да излиза картинката ?
 
Аз си мисля че бутончетата са онези двете - черното и лилавото; И когато се натисне някой от тях да излиза няква картинка; както каза той: "като при смайлитата от форума"
 
svilkaa каза:
Аз си мисля че бутончетата са онези двете - черното и лилавото; И когато се натисне някой от тях да излиза няква картинка; както каза той: "като при смайлитата от форума"

Да точно. Тези двете са бутончетата и като натиснеш едното да излиза примерно ето така:

401455_orig.jpg


Наистина малко объркващо съм го обяснил.
 
Код:
<script>
function emoticon(text) {
  var txtarea = document.form1.text;
  text = ' ' + text;
  if (txtarea.createTextRange && txtarea.caretPos) {
    var caretPos = txtarea.caretPos;
    caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? caretPos.text + text + ' ' : caretPos.text + text;
    txtarea.focus();
  } else {
    txtarea.value  += text;
    txtarea.focus();
  }
}
</script>
<a href="javascript:emoticon(':bg:');"><img src="bg.gif"  border="0" alt="img"  ></a><br>
<textarea name="text" cols="65" rows="9"></textarea>

Трябва да сложиш и това
Код:
$msg=str_replace(":bg:",'<img src="bg.gif" alt="img">',$msg);
Ако не си ме разбрал утре ще ти покажа [ако някой др не ти обясни] ;) щото ся ставам, че много ми се дремизга
 
svilkaa каза:
Код:
<script>
function emoticon(text) {
  var txtarea = document.form1.text;
  text = ' ' + text;
  if (txtarea.createTextRange && txtarea.caretPos) {
    var caretPos = txtarea.caretPos;
    caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? caretPos.text + text + ' ' : caretPos.text + text;
    txtarea.focus();
  } else {
    txtarea.value  += text;
    txtarea.focus();
  }
}
</script>
<a href="javascript:emoticon(':bg:');"><img src="bg.gif"  border="0" alt="img"  ></a><br>
<textarea name="text" cols="65" rows="9"></textarea>

Трябва да сложиш и това
Код:
$msg=str_replace(":bg:",'<img src="bg.gif" alt="img">',$msg);
Ако не си ме разбрал утре ще ти покажа [ако някой др не ти обясни] ;) щото ся ставам, че много ми се дремизга


Неможах да го направя, а и немога да сменя name="text". Пробвах 10 WYSIWYG и са супер зле. Трябва ми нещо семпло само за тези две бутончета. :cry:
 
Не се занимавай с WYSIWYG, защото най-често случеят с тях е WYSINWYG
(What You See Is NOT What You Get). Изтегли си Alleycode, научи HTML и JavaScript и всичко ще ти е на 6! :D
 

Back
Горе