Подскажите кто знает хороший вариант
Комментарии: 44
Поменяйте html замену на:
Должно заработать.
зы. Для тех кому интересен ббкод. Использование BBCode будет следующим:
Замена HTML представлена выше.
Подсказка:
Обязательным условием работы ббкода является отделение ячеек таблицы символом
Пример работы. Таблица на четыре колонки:
Т.е. помимо четырёх колонок, в конце установлено ещё 6 символов
Код: Выделить всё
<script type="text/javascript">
var col1 = '{TEXT1}';
var col2 = '{TEXT2}';
var col3 = '{TEXT3}';
var col4 = '{TEXT4}';
var col5 = '{TEXT5}';
var col6 = '{TEXT6}';
var col7 = '{TEXT7}';
var col8 = '{TEXT8}';
var col9 = '{TEXT9}';
var col10 = '{TEXT10}';
var j = {NUMBER};
var wid = 100/j;
document.write("<table width=\"100%\" border=\"0\" cellpadding=\"2\" align=\"center\"><tr align=\"center\">");
if (j == 1)
{
document.write("<td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col1 + "</td>");
document.write("</tr>");
}
if (j == 2)
{
document.write("<td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col1 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col2 + "</td>");
document.write("</tr>");
}
if (j == 3)
{
document.write( "<td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col1 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col2 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col3 + "</td>");
document.write("</tr>");
}
if (j == 4)
{
document.write( "<td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col1 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col2 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col3 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col4 + "</td>");
document.write("</tr>");
}
if (j == 5)
{
document.write( "<td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col1 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col2 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col3 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col4 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col5 + "</td>");
document.write("</tr>");
}
if (j == 6)
{
document.write( "<td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col1 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col2 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col3 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col4 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col5 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col6 + "</td>");
document.write("</tr>");
}
if (j == 7)
{
document.write( "<td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col1 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col2 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col3 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col4 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col5 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col6 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col7 + "</td>");
document.write("</tr>");
}
if (j == 8)
{
document.write( "<td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col1 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col2 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col3 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col4 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col5 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col6 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col7 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col8 + "</td>");
document.write("</tr>");
}
if (j == 9)
{
document.write( "<td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col1 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col2 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col3 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col4 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col5 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col6 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col7 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col8 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col9 + "</td>");
document.write("</tr>");
}
if (j > 9)
{
document.write( "<td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col1 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col2 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col3 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col4 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col5 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col6 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col7 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col8 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col9 + "</td><td width=\"" + wid + "%\" bgcolor=\"#FFFFFF\">" + col10 + "</td>");
document.write("</tr>");
}
document.write("</table>");
</script>
зы. Для тех кому интересен ббкод. Использование BBCode будет следующим:
Код: Выделить всё
[tab={NUMBER}]{TEXT1};{TEXT2};{TEXT3};{TEXT4};{TEXT5};{TEXT6};{TEXT7};{TEXT8};{TEXT9};{TEXT10}[/tab]
Подсказка:
Код: Выделить всё
[tab=columns]Текст или Пусто;Текст или Пусто;Текст или Пусто;Текст или Пусто;Текст или Пусто;Текст или Пусто;Текст или Пусто;Текст или Пусто;Текст или Пусто;Текст или Пусто;[/tab]
;
, при желании этот символ можно заменить на любой другой, на ваше усмотрение.Пример работы. Таблица на четыре колонки:
Код: Выделить всё
[tab=4]Колонка №1;Колонка №2;Колонка №3;Колонка №4;;;;;;;[/tab]
;
.Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
А можно ли сделать bbcode так, чтобы можно было, так сказать, в параметрах ячейки или строки задавать свои цвета, например, первая строка или ячейка белая, вторая красная, третья зелёная и т.д.? Вариант, где в замене html цвет задан жёстко, не совсем подходит. Вот пример таблицы, bbcode которой хочу сделать
И при этом хочу, чтобы в параметрах ячейки можно было задать, сколько строк или столбцов ячейка могла перекрывать, как это делает ячейка "Тур" в примере на картинке. Можно ли такое сделать?
И при этом хочу, чтобы в параметрах ячейки можно было задать, сколько строк или столбцов ячейка могла перекрывать, как это делает ячейка "Тур" в примере на картинке. Можно ли такое сделать?
Можно заменить все
Замену сделать такую:
Получается, в начале колонки таблицы пишем цвет в кавычках -
bgcolor=\"#FFFFFF\"
на bgcolor=\"{COLOR1}\"
, следующий bgcolor=\"{COLOR2}\"
, следующий с цифрой 3 и тд.Замену сделать такую:
Код: Выделить всё
[tab={NUMBER}]"{COLOR1}"{TEXT1};"{COLOR2}"{TEXT2};"{COLOR3}"{TEXT3};"{COLOR4}"{TEXT4};"{COLOR5}"{TEXT5};"{COLOR6}"{TEXT6};"{COLOR7}"{TEXT7};"{COLOR8}"{TEXT8};"{COLOR9}"{TEXT9};"{COLOR10}"{TEXT10}[/tab]
"#FFFFFF"
.Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Да, на десять, в принципе можно уменьшить или добавить количество. Имхо, не очень удобный ббкод...
Если нужно задавать цвета для ячеек, то можно добавить
Для человека далёкого от принципов составления таблицы, и вообще от html, будет немого непонятно чего куда, можно сделать тему с разъяснениями. Со стороны выглядит немного сложно, это да:)
Здесь на форуме именно так и сделано (использование, замена и подсказка):BOJIK » Вчера, 22:46 писал(а):А если на основе стандартных ббкодов сделать?
Код: Выделить всё
[tab]{TEXT}[/tab]
<table width="100%" cellpadding="5" border="1">{TEXT}</table>
Контейнер таблицы
Код: Выделить всё
[tr]{TEXT}[/tr]
<tr>{TEXT}</tr>
Строка таблицы
Код: Выделить всё
[th]{TEXT}[/th]
<th>{TEXT}</th>
Заголовок таблицы
Код: Выделить всё
[th={NUMBER}]{TEXT}[/th]
<th colspan="{NUMBER}">{TEXT}</th>
Заголовок таблицы
Код: Выделить всё
[td]{TEXT}[/td]
<td>{TEXT}</td>
Ячейка таблицы
Код: Выделить всё
[td={NUMBER}]{TEXT}[/td]
<td colspan="{NUMBER}">{TEXT}</td>
Ячейка таблицы
style="background-color: {COLOR};"
, как-то так:
Код: Выделить всё
[td={COLOR}]{TEXT}[/td]
<td style="background-color: {COLOR};">{TEXT}</td>
Код: Выделить всё
[td={NUMBER}{COLOR}]{TEXT}[/td]
<td colspan="{NUMBER}" style="background-color: {COLOR};">{TEXT}</td>
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
А как победить такую беду? Вот таблица из десяти ячеек, но она обрезается и нет возможности глянуть продолжение.
Такое наблюдается на prosilver`ax.
Содержимое первой ячейки | Содержимое второй ячейки | Содержимое третьей ячейки | Содержимое четвёртой ячейки | Содержимое пятой ячейки | Содержимое шестой ячейкм | Содержимое седьмой ячейки | Содержимое восьмой ячейки | Содержимое девятой ячейки | Содержимое десятой ячейки |
Поменяйте:
на:
зы. Кстати, хорошее замечание, надо тоже поправить для здешней таблицы.
Код: Выделить всё
<table width="100%" cellpadding="5" border="1">{TEXT}</table>
Код: Выделить всё
<table width="100%" cellpadding="5" border="1" style="word-break: break-word;">{TEXT}</table>
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!