[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Интеграция BBCode в 2 поля.
Shkiper
Qq all))))) Внедрил, так сказать, BBCode с irbis-team на сайт под одно текстовое поле вроде все тип-топ, но как мне это сделать с 2 полями. Я чето пробовал неполучаеться помогите на ноглядном примере user posted image



Спустя 6 минут, 38 секунд (16.04.2012 - 15:47) NitroGenerate написал(а):
Ваши коды внедрения покажите, ибо не все знакомы с "BBCode с irbis-team"

Спустя 12 секунд (16.04.2012 - 15:47) inpost написал(а):
Deert
Достаточно просто. Надо лишь разобраться как 1 работает smile.gif

Спустя 6 минут, 31 секунда (16.04.2012 - 15:53) Shkiper написал(а):
NitroGenerate там с показом кода больше парева чем с его написанием(может это и покажется смешным просто код показать сложно, но у меня там все так устроено )

inpost а может продемонстрируешь я просто чет не очень понял. И вот что еще хотел спросить, есть какой нибудь другой BBCode с более малым кодом biggrin.gif ???

Спустя 18 часов, 49 минут, 43 секунды (17.04.2012 - 10:43) Shkiper написал(а):
Короче задолбался я с этими BBCod`ами. Вот код:
В админке подключаеться файл который отображает код к 1 поля а к 2 поля второй файл вот эти 2 файла:
1 поле
      <script type="text/javascript" >
var irb_bb_path = '<?php echo IRB_BB_PATH ?>/images/';
</
script>
<
script type="text/javascript" src="<?php echo IRB_BB_PATH ?>/js/bb.js"></script>
<
script type="text/javascript" src="<?php echo IRB_BB_PATH ?>/js/modalbox.js"></script>
</
div>
<!--
window with smiles begin -->
<
div id="modalbox" style="filter:alpha(opacity=100);">
<
div id="body">
<
p>Смайлики</p>
<
img src="<?php echo IRB_BB_PATH ?>/smiles/(.gif" border="0" onclick="click_sm('description', '('); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/angry.gif" border="0" onclick="click_sm('description', 'angry'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/worry.gif" border="0" onclick="click_sm('description', 'worry'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/break.gif" border="0" onclick="click_sm('description', 'break'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/cry.gif" border="0" onclick="click_sm('description', 'cry'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/D.gif" border="0" onclick="click_sm('description', 'D'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/fear.gif" border="0" onclick="click_sm('description', 'fear'); hideModalbox();" />
<
br />
<
img src="<?php echo IRB_BB_PATH ?>/smiles/think.gif" border="0" onclick="click_sm('description', 'think'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/ii.gif" border="0" onclick="click_sm('description', 'ii'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/sorrow.gif" border="0" onclick="click_sm('description', 'sorrow'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/no.gif" border="0" onclick="click_sm('description', 'no'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/tongue.gif" border="0" onclick="click_sm('description', 'tongue'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/wacko.gif" border="0" onclick="click_sm('description', 'wacko'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/woo.gif" border="0" onclick="click_sm('description', 'woo'); hideModalbox();" />
<
br />
<
a href="#" onclick="hideModalbox(); return false;">Отмена</a>
</
div>
</
div>
<
div id="main"></div>
<!--
window with smiles end -->


<!--
form begin -->
<
div id="post" >
<
select name="color" onchange="click_bb('description', 'color=' + this.options[this.selectedIndex].value)">
<
option value="цвет">Цвет</option>
<
option value="gray">Серый</option>
<
option value="green">Зеленый</option>
<
option value="purple">Фиолетовый</option>
<
option value="olive">Оливковый</option>
<
option value="silver">Серебряный</option>
<
option value="aqua">Морской</option>
<
option value="yellow">Желтый</option>
<
option value="blue">Синий</option>
<
option value="orange">Оранжевый</option>
<
option value="red">Красный</option>
</
select>

<
select name="size" onchange="click_bb('description', 'size=' + this.options[this.selectedIndex].value)">
<
option value="размер">размер</option>
<
option value="1">мелкий</option>
<
option value="2">небольшой</option>
<
option value="3">средний</option>
<
option value="4">большой</option>
<
option value="5">огромный</option>
</
select>
 
<select name="head" onchange="click_bb('description', 'h=' + this.options[this.selectedIndex].value)">
<
option value="размер">заголовки</option>
<
option value="1"><h1>H1</h1></option>
<
option value="2"><h2>H2</h2></option>
<
option value="3"><h3>H3</h3></option>
<
option value="4"><h4>H4</h4></option>
<
option value="5"><h5>H5</h5></option>
</
select>
<
br />

<
img id="1" src="<?php echo IRB_BB_PATH ?>/images/bold.gif" onmouseover="change(1, 'bold_on')" onmouseout="change(1, 'bold')" onclick="click_bb('description', 'b');" />
<
img id="2" src="<?php echo IRB_BB_PATH ?>/images/italics.gif" onmouseover="change(2, 'italics_on')" onmouseout="change(2, 'italics')" onclick="click_bb('description', 'i');" />
<
img id="3" src="<?php echo IRB_BB_PATH ?>/images/underline.gif" onmouseover="change(3, 'underline_on')" onmouseout="change(3, 'underline')" onclick="click_bb('description', 'u');" />
<
img id="4" src="<?php echo IRB_BB_PATH ?>/images/strikethrough.gif" onmouseover="change(4, 'strikethrough_on')" onmouseout="change(4, 'strikethrough')" onclick="click_bb('description', 's');" />
<
img id="5" src="<?php echo IRB_BB_PATH ?>/images/subscript.gif" onmouseover="change(5, 'subscript_on')" onmouseout="change(5, 'subscript')" onclick="click_bb('description', 'sub');" />
<
img id="6" src="<?php echo IRB_BB_PATH ?>/images/superscript.gif" onmouseover="change(6, 'superscript_on')" onmouseout="change(6, 'superscript')" onclick="click_bb('description', 'sup');" />
<
img id="7" src="<?php echo IRB_BB_PATH ?>/images/justify.gif" onmouseover="change(7, 'justify_on')" onmouseout="change(7, 'justify')" onclick="click_bb('description', 'justify');" />
<
img id="8" src="<?php echo IRB_BB_PATH ?>/images/left.gif" onmouseover="change(8, 'left_on')" onmouseout="change(8, 'left')" onclick="click_bb('description', 'left');" />
<
img id="9" src="<?php echo IRB_BB_PATH ?>/images/center.gif" onmouseover="change(9, 'center_on')" onmouseout="change(9, 'center')" onclick="click_bb('description', 'center');" />
<
img id="10" src="<?php echo IRB_BB_PATH ?>/images/right.gif" onmouseover="change(10, 'right_on')" onmouseout="change(10, 'right')" onclick="click_bb('description', 'right');" />
<
img id="11" src="<?php echo IRB_BB_PATH ?>/images/list_ordered.gif" onmouseover="change(11, 'list_ordered_on')" onmouseout="change(11, 'list_ordered')" onclick="click_bb('description', 'list=ol');" />
<
img id="12" src="<?php echo IRB_BB_PATH ?>/images/list_unordered.gif" onmouseover="change(12, 'list_unordered_on')" onmouseout="change(12, 'list_unordered')" onclick="click_bb('description', 'list=ul');" />
<
img id="22" src="<?php echo IRB_BB_PATH ?>/images/li.gif" onmouseover="change(22, 'li_on')" onmouseout="change(22, 'li')" onclick="click_bb('description', '*');" />
<
img id="17" src="<?php echo IRB_BB_PATH ?>/images/view_php.gif" onmouseover="change(17, 'view_php_on')" onmouseout="change(17, 'view_php')" onclick="click_bb('description', 'code=php');" />
<
img id="18" src="<?php echo IRB_BB_PATH ?>/images/quote.gif" onmouseover="change(18, 'quote_on')" onmouseout="change(18, 'quote')" onclick="click_bb('description', 'quote');" />
<
img id="19" src="<?php echo IRB_BB_PATH ?>/images/smile.gif" onmouseover="change(19, 'smile_on')" onmouseout="change(19, 'smile')" onclick="showModalbox()" />
<
img id="20" src="<?php echo IRB_BB_PATH ?>/images/insert_hyperlink.gif" onmouseover="change(20, 'insert_hyperlink_on')" onmouseout="change(20, 'insert_hyperlink')" onclick="click_url();" />
<
img id="21" src="<?php echo IRB_BB_PATH ?>/images/insert_picture.gif" onmouseover="change(21, 'insert_picture_on')" onmouseout="change(21, 'insert_picture')" onclick="click_bb('description', 'img');" />
<
textarea id="description" name="description" cols="60" rows="15" onselect='savesel(this)' onchange='savesel(this)' onclick='savesel(this)' onfocus='savesel(this)' onkeyup='savesel(this)'><?php echo htmlspecialchars($description) ?></textarea>
</
div>

2 поле:
      <script type="text/javascript" >
var irb_bb_path = '<?php echo IRB_BB_PATH ?>/images/';
</
script>
</
div>
<!--
window with smiles begin -->
<
div id="smile" style="filter:alpha(opacity=100);">
<
div id="body">
<
p>Смайлики</p>
<
img src="<?php echo IRB_BB_PATH ?>/smiles/(.gif" border="0" onclick="click_sm('text', '('); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/angry.gif" border="0" onclick="click_sm('text', 'angry'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/worry.gif" border="0" onclick="click_sm('text', 'worry'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/break.gif" border="0" onclick="click_sm('text', 'break'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/cry.gif" border="0" onclick="click_sm('text', 'cry'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/D.gif" border="0" onclick="click_sm('text', 'D'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/fear.gif" border="0" onclick="click_sm('text', 'fear'); hideModalbox();" />
<
br />
<
img src="<?php echo IRB_BB_PATH ?>/smiles/think.gif" border="0" onclick="click_sm('text', 'think'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/ii.gif" border="0" onclick="click_sm('text', 'ii'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/sorrow.gif" border="0" onclick="click_sm('text', 'sorrow'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/no.gif" border="0" onclick="click_sm('text', 'no'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/tongue.gif" border="0" onclick="click_sm('text', 'tongue'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/wacko.gif" border="0" onclick="click_sm('text', 'wacko'); hideModalbox();" /> 
<img src="<?php echo IRB_BB_PATH ?>/smiles/woo.gif" border="0" onclick="click_sm('text', 'woo'); hideModalbox();" />
<
br />
<
a href="#" onclick="hideModalbox(); return false;">Отмена</a>
</
div>
</
div>
<
div id="smile_end"></div>
<!--
window with smiles end -->


<!--
form begin -->
<
div id="post" >
<
select name="color" onchange="click_bb('text', 'color=' + this.options[this.selectedIndex].value)">
<
option value="цвет">Цвет</option>
<
option value="gray">Серый</option>
<
option value="green">Зеленый</option>
<
option value="purple">Фиолетовый</option>
<
option value="olive">Оливковый</option>
<
option value="silver">Серебряный</option>
<
option value="aqua">Морской</option>
<
option value="yellow">Желтый</option>
<
option value="blue">Синий</option>
<
option value="orange">Оранжевый</option>
<
option value="red">Красный</option>
</
select>

<
select name="size" onchange="click_bb('text', 'size=' + this.options[this.selectedIndex].value)">
<
option value="размер">размер</option>
<
option value="1">мелкий</option>
<
option value="2">небольшой</option>
<
option value="3">средний</option>
<
option value="4">большой</option>
<
option value="5">огромный</option>
</
select>
 
<select name="head" onchange="click_bb('text', 'h=' + this.options[this.selectedIndex].value)">
<
option value="размер">заголовки</option>
<
option value="1"><h1>H1</h1></option>
<
option value="2"><h2>H2</h2></option>
<
option value="3"><h3>H3</h3></option>
<
option value="4"><h4>H4</h4></option>
<
option value="5"><h5>H5</h5></option>
</
select>
<
br />

<
img id="1" src="<?php echo IRB_BB_PATH ?>/images/bold.gif" onmouseover="change(1, 'bold_on')" onmouseout="change(1, 'bold')" onclick="click_bb('text', 'b');" />
<
img id="2" src="<?php echo IRB_BB_PATH ?>/images/italics.gif" onmouseover="change(2, 'italics_on')" onmouseout="change(2, 'italics')" onclick="click_bb('text', 'i');" />
<
img id="3" src="<?php echo IRB_BB_PATH ?>/images/underline.gif" onmouseover="change(3, 'underline_on')" onmouseout="change(3, 'underline')" onclick="click_bb('text', 'u');" />
<
img id="4" src="<?php echo IRB_BB_PATH ?>/images/strikethrough.gif" onmouseover="change(4, 'strikethrough_on')" onmouseout="change(4, 'strikethrough')" onclick="click_bb('text', 's');" />
<
img id="5" src="<?php echo IRB_BB_PATH ?>/images/subscript.gif" onmouseover="change(5, 'subscript_on')" onmouseout="change(5, 'subscript')" onclick="click_bb('text', 'sub');" />
<
img id="6" src="<?php echo IRB_BB_PATH ?>/images/superscript.gif" onmouseover="change(6, 'superscript_on')" onmouseout="change(6, 'superscript')" onclick="click_bb('text', 'sup');" />
<
img id="7" src="<?php echo IRB_BB_PATH ?>/images/justify.gif" onmouseover="change(7, 'justify_on')" onmouseout="change(7, 'justify')" onclick="click_bb('text', 'justify');" />
<
img id="8" src="<?php echo IRB_BB_PATH ?>/images/left.gif" onmouseover="change(8, 'left_on')" onmouseout="change(8, 'left')" onclick="click_bb('text', 'left');" />
<
img id="9" src="<?php echo IRB_BB_PATH ?>/images/center.gif" onmouseover="change(9, 'center_on')" onmouseout="change(9, 'center')" onclick="click_bb('text', 'center');" />
<
img id="10" src="<?php echo IRB_BB_PATH ?>/images/right.gif" onmouseover="change(10, 'right_on')" onmouseout="change(10, 'right')" onclick="click_bb('text', 'right');" />
<
img id="11" src="<?php echo IRB_BB_PATH ?>/images/list_ordered.gif" onmouseover="change(11, 'list_ordered_on')" onmouseout="change(11, 'list_ordered')" onclick="click_bb('text', 'list=ol');" />
<
img id="12" src="<?php echo IRB_BB_PATH ?>/images/list_unordered.gif" onmouseover="change(12, 'list_unordered_on')" onmouseout="change(12, 'list_unordered')" onclick="click_bb('text', 'list=ul');" />
<
img id="22" src="<?php echo IRB_BB_PATH ?>/images/li.gif" onmouseover="change(22, 'li_on')" onmouseout="change(22, 'li')" onclick="click_bb('text', '*');" />
<
img id="17" src="<?php echo IRB_BB_PATH ?>/images/view_php.gif" onmouseover="change(17, 'view_php_on')" onmouseout="change(17, 'view_php')" onclick="click_bb('text', 'code=php');" />
<
img id="18" src="<?php echo IRB_BB_PATH ?>/images/quote.gif" onmouseover="change(18, 'quote_on')" onmouseout="change(18, 'quote')" onclick="click_bb('text', 'quote');" />
<
img id="19" src="<?php echo IRB_BB_PATH ?>/images/smile.gif" onmouseover="change(19, 'smile_on')" onmouseout="change(19, 'smile')" onclick="showModalbox_lev2()" />
<
img id="20" src="<?php echo IRB_BB_PATH ?>/images/insert_hyperlink.gif" onmouseover="change(20, 'insert_hyperlink_on')" onmouseout="change(20, 'insert_hyperlink')" onclick="click_url();" />
<
img id="21" src="<?php echo IRB_BB_PATH ?>/images/insert_picture.gif" onmouseover="change(21, 'insert_picture_on')" onmouseout="change(21, 'insert_picture')" onclick="click_bb('text', 'img');" />
<
textarea id="text" name="text" cols="60" rows="15" onselect='savesel(this)' onchange='savesel(this)' onclick='savesel(this)' onfocus='savesel(this)' onkeyup='savesel(this)'><?php echo htmlspecialchars($text) ?></textarea>
</
div>

bb.js
function savesel(doc)
{
if(document.selection)
{
doc.sel = document.selection.createRange().duplicate();
}
}


function click_url()
{
var url = prompt('Введите URL ссылки:');
var text = prompt('Введите название ссылки:');
if(text == '')
{
text = 'Неизвестная ссылка';
}
if(url)
click_url_href('description', 'url='+url, 'url', text)
}



function click_url_href(aid, Tag, Close, name)
{
var Open = '[' + Tag + ']' + name;

var Close = '[/' + Close + ']';

var doc = document.getElementById(aid);
doc.focus();




if(window.attachEvent && navigator.userAgent.indexOf('Opera') === -1)
{
var s = doc.sel;

if(s)
{
var l = s.text.length;
s.text = Open + s.text + Close;
s.moveEnd("character", -Close.length);
s.moveStart("character", -l);
s.select();
}
}

else
{
var ss = doc.scrollTop;
sel1 = doc.value.substr(0, doc.selectionStart);
sel2 = doc.value.substr(doc.selectionEnd);
sel = doc.value.substr(doc.selectionStart, doc.selectionEnd - doc.selectionStart);
doc.value = sel1 + Open + sel + Close + sel2;
doc.selectionStart = sel1.length + Open.length;
doc.selectionEnd = doc.selectionStart + sel.length;
doc.scrollTop = ss;
}

return false;
}





function click_bb(aid, Tag, Close)
{
var Open = '[' + Tag + ']';

if(!Close)
var Close = '[/' + Tag + ']';
else
Close = '[/' + Close + ']';

var doc = document.getElementById(aid);
doc.focus();

if(Tag == 'link')
{
var Open = '[' + Tag + ']http://www.';
}

if(window.attachEvent && navigator.userAgent.indexOf('Opera') === -1)
{
var s = doc.sel;

if(s)
{
var l = s.text.length;
s.text = Open + s.text + Close;
s.moveEnd("character", -Close.length);
s.moveStart("character", -l);
s.select();
}
}

else
{
var ss = doc.scrollTop;
sel1 = doc.value.substr(0, doc.selectionStart);
sel2 = doc.value.substr(doc.selectionEnd);
sel = doc.value.substr(doc.selectionStart, doc.selectionEnd - doc.selectionStart);
doc.value = sel1 + Open + sel + Close + sel2;
doc.selectionStart = sel1.length + Open.length;
doc.selectionEnd = doc.selectionStart + sel.length;
doc.scrollTop = ss;
}

return false;
}

function click_sm(aid,smile)
{
var sm ='[' + smile + ']';
var doc = document.getElementById(aid);
doc.focus();

if(window.attachEvent && navigator.userAgent.indexOf('Opera') === -1)
{
var s = doc.sel;

if(s)
{
var l = s.text.length;
s.text = sm + s.text;
s.moveStart("character", -l);
s.select();
}
}

else
{
var ss = doc.scrollTop;
sel1 = doc.value.substr(0, doc.selectionStart);
sel = doc.value.substr(doc.selectionStart, doc.selectionEnd - doc.selectionStart);
doc.value = sel1 + sm+ sel;
doc.selectionStart = sel1.length + sm.length;
doc.selectionEnd = doc.selectionStart + sel.length;
doc.scrollTop = ss;
}

return false;
}


function change(id, img)
{
document.getElementById(id).src = irb_bb_path + img + '.gif';
}

modalbox.js
//создаем переменные
var modalbox; //само модальное окно
var main; //темный фон
var smile;
var smile_end;

//сразу даем переменным значения id одноименных блоков
window.onload = function()
{
modalbox = document.getElementById("modalbox");
main = document.getElementById("main");

smile = document.getElementById("smile");
smile_end = document.getElementById("smile_end");
}

//функция показа онка
function showModalbox()
{
//задаем элементам прозрачность и другие атрибуты
main.style.filter = "alpha(opacity=50)";
main.style.opacity = 0.5;
main.style.display = "block";

modalbox.style.display = "block";
modalbox.style.left = "200px";
modalbox.style.top = "200px";

smile.style.filter = "alpha(opacity=50)";
smile.style.opacity = 0.5;
smile.style.display = "block";

smile_end.style.display = "block";
smile_end.style.left = "200px";
smile_end.style.top = "200px";

}

//функция скрытия окна
function hideModalbox()
{
main.style.display = "none";
modalbox.style.display = "none";

smile.style.display = "none";
smile_end.style.display = "none";
}

Почему во втором поле блок со смайликами при загрузке страници вылазит перед ролем а при нажатии на смайл или на отмена исчезает(ведь он не должен при загрузке появляться)

Спустя 2 часа, 40 минут, 29 секунд (17.04.2012 - 13:24) Shkiper написал(а):
wink.gif dry.gif

Спустя 22 часа, 32 минуты, 23 секунды (18.04.2012 - 11:56) Shkiper написал(а):
sad.gif mad.gif

Спустя 5 часов, 8 минут, 38 секунд (18.04.2012 - 17:05) inpost написал(а):
Давай я уточню, ты все строчки понимаешь, что какая делает? Если нет, то советовал бы для начала более детально почитать урок и рассмотреть эти функции.

Спустя 22 минуты, 53 секунды (18.04.2012 - 17:28) Shkiper написал(а):
inpostя все просмотрел(быстренько) ничего незаметил помоги плиззззз rolleyes.gif

Спустя 22 часа, 23 минуты, 45 секунд (19.04.2012 - 15:51) Shkiper написал(а):
Вроде проблему решил(код со стилями посмотрел laugh.gif ). Но тут произошла новая. При нажатии на кнопку например вставка смайлов то смайлики вставляютья, а вот во втором поле вставляються но в 1 поле, хотя в атрибутах функциии, вызываемой при нажатии, стоит поле 2 а не поле 1 а ставиться в поле 1 dry.gif

Спустя 12 часов, 41 минута, 40 секунд (20.04.2012 - 04:33) Shkiper написал(а):
Чето все как-будто не хотят отвечать unsure.gif biggrin.gif
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.