Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: ББ коды JAVASCRIPT
 
 автор: SnooPI   (14.03.2007 в 16:53)   письмо автору
 
 


<script type="text/javascript">
function insertext(content){
   document.forms['form'].elements['content'].value += content;
 }
</script>
<table class="td" style="width: 345px; bottom: 100;">
<form method="post" name="form">
<tr><td>
<font style="font-weight: bold;"><input type="button" onclick="javascript: insertext('  ')" " value= "B" title= "Жирный" /></font> |
<font style="font-decoration: underline;"><input type="button" onclick="javascript: insertext('[u]  [/u]')" value= "U" title= "Подчеркнутый" /></font> |
<i><input type="button" onclick="javascript: insertext('  ')"  value= "I" title="Курсивом" /></i> |
<input type="button" onclick="javascript: insertext('[color=][/color]')" ovalue= "Color"  title= "Цветной"/> |
<input type="button" onclick="javascript: insertext('[url]  [/url]')" value= "URL" title= "Ссылка" /> |
<input type="button" onclick="javascript: insertext('[img][/img]')"  value= "Image" title= "Картинка" />
</td></tr>
<tr><td><textarea cols='60' rows='10' name='content'></textarea></td></tr>
<tr><td><input type="submit" name="add" value="Ответить" title="Комментировать" /></td></tr>
</form>
</table>

ЫВот при нажатии на кнопку он пишет в форму бб коды....Это норм
А как сделать чтобы еще:
Я выделил текст и нажал на кнопку и этот текст обвелся этим кодом...как так сделать?

   
 
 автор: bronenos   (14.03.2007 в 17:00)   письмо автору
 
   для: SnooPI   (14.03.2007 в 16:53)
 

// выделяем область
var sel = document.selection.createRange();
// получаем выделенный текст области
var selt = sel.text;
// переписываем
sel.text = '[ b]' + selt + '[/b]';

   
 
 автор: SnooPI   (14.03.2007 в 17:18)   письмо автору
 
   для: bronenos   (14.03.2007 в 17:00)
 

А как это записать в функцию...чтобы много таких ...для каждого не делать...?

   
 
 автор: CNT   (14.03.2007 в 18:02)   письмо автору
 
   для: SnooPI   (14.03.2007 в 17:18)
 

<script type="text/javascript">
function insertext (x)
{
document.forms.form1.content.focus ();
var sel = document.selection.createRange ();
var selt = sel.text;
sel.text = '[' + x + ']' + selt + '[/' + x + ']';
}
</script>


<form method="post" name="form1">
<table class="td" style="width: 345px; bottom: 100">
<tr>
<td>
<input type="button" onclick="insertext ('b')" value="B" title="Жирный" style="font-weight: bold" /> |
<input type="button" onclick="insertext ('u')" value="U" title="Подчеркнутый" style="text-decoration: underline" /> |
<input type="button" onclick="insertext ('i')" value="I" title="Курсивом" style="font-style: italic" /> |
<input type="button" onclick="insertext ('color')" value="Color" title="Цветной" /> |
<input type="button" onclick="insertext ('url')" value="URL" title="Ссылка" /> |
<input type="button" onclick="insertext ('img')" value="Image" title="Картинка" />
</td></tr>
<tr><td><textarea cols="60" rows="10" name="content"></textarea></td></tr>
<tr><td><input type="submit" value="Ответить" title="Комментировать" /></td></tr>
</table> 
</form>

   
 
 автор: bronenos   (14.03.2007 в 20:19)   письмо автору
 
   для: CNT   (14.03.2007 в 18:02)
 

Новую тему я создавать не буду, так как эта подходит под мою проблему...
В общем так, я сохраняю сообщения в файле с bb кодами, а потом на выходе при помощи JS преобразовываю в html.
Так вот проблема заключается в том, что вложенные он не преобразовывает!
Я хотел делать в цикле - пока есть что преобразовывать - делать это. Но вдруг есть решение проще и эффективнее...

   
 
 автор: mikha   (02.04.2007 в 16:53)   письмо автору
 
   для: CNT   (14.03.2007 в 18:02)
 

Попробовал в нескольких браузерах, всё хорошо но не работает в mozilla firefox.
Может кто нибуть подскажет в чём трабла?

   
 
 автор: 12345   (15.03.2007 в 13:38)   письмо автору
 
   для: SnooPI   (14.03.2007 в 16:53)
 

SnooPI : http://javascript.aho.ru/example/JsPrimeryCode-90.htm

   
 
 автор: SnooPI   (15.03.2007 в 19:25)   письмо автору
 
   для: 12345   (15.03.2007 в 13:38)
 

Хм, а как это сделать напрмеир для бб клда url или img
Ведь надо чтобы и так
[url]ссылка[/url]
и так
[url=ссылка]Текст ссылки[/url]

   
 
 автор: SHAman   (15.03.2007 в 19:37)   письмо автору
 
   для: SnooPI   (15.03.2007 в 19:25)
 

Тот пример - очень красочный. Я одно время использовал тот код с легкими изменениями у себя в админке. Сделать как вы хотите (и так, и так), при помощи этого кода, не так уж и сложно.

Кроме того, вы же пишете сообщения на softtime. Ведь вы тоже используете bbcode! И работает, как ни странно. Можете содрать этот код прямо с формы ввода сообщения. Я так и сделал : ) Немного подредактировал его и все. Этот код вообще элементарный.

   
 
 автор: 12345   (15.03.2007 в 19:44)   письмо автору
 
   для: SnooPI   (15.03.2007 в 19:25)
 

На первый вопрос отвечает кнопка "B+", на второй - кнопка "URL". Точнее, для второго надо дописать вставку текста ссылки. Обычно это делают через prompt(). Приписать ещё 1 параметр функции, указывающий, что в конце она запросит текст и выведет [/url].

   
 
 автор: SnooPI   (15.03.2007 в 22:43)   письмо автору
 
   для: 12345   (15.03.2007 в 19:44)
 

CNT, твой скрипт не пашет

   
 
 автор: CNT   (16.03.2007 в 00:49)   письмо автору
 
   для: SnooPI   (15.03.2007 в 22:43)
 

Так точно - "не пашет".
А также - не сеет и не жнёт.

Скрипт вполне работоспособен в браузерах MSIE-v4+ и Opera-v6+

У вас иной браузер?
нет проблем - идите по ссылке, данной выше - там вы найдёте кроссбраузерный вариант.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования