(Cобственно данный эффект наблюдался лишь в Мозилле
Мой Вариант
http://hostjs-mybb2011.narod.ru/tableOrk.htm(*Вроде кроссбраузерно,
хмм... а ячейки так же будут пронумерованы? и ещё у меня в мазиле не работает не нажимается кнопка создать!
Форум поддержки пользователей ZeroParking |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » ---Генератор таблиц (BB-таблицы)
(Cобственно данный эффект наблюдался лишь в Мозилле
Мой Вариант
http://hostjs-mybb2011.narod.ru/tableOrk.htm(*Вроде кроссбраузерно,
хмм... а ячейки так же будут пронумерованы? и ещё у меня в мазиле не работает не нажимается кнопка создать!
и ещё у меня в мазиле не работает не нажимается кнопка создать!
Lonely_wolf
я как-то давно для себя переделывал деффовский генератор таблиц,
у меня он работает в мозилле без проблем
вот переделанная под себя кроссбраузерная версия
ставим в html-низ, чтоб и при редактировании поста работало
<!--TABLE generator-->
<div align="center" id="myr-myr" style="display:none;position:fixed;right:2%;top:282px;width:350px;" class="container">
<strong>Генератор таблиц</strong><br>
<table id="myr" width="auto"><tr>
<td style="border-style:none;">Количество строк: <input class=rows maxlength=3 size=3 value=1 name=rows></td>
<td style="border-style:none;">Количество ячеек: <input class=cols maxlength=4 size=3 value=1 name=cols</td></tr></table><button id="tableCreate" type="button" onclick="changeVisibility('myr-myr')">Cоздать таблицу</button></div>
<script type="text/javascript">
$(function() {
$('td#button-code').before('<td style=\'background-image:url("http://www.iconsearch.ru/uploads/icons/ledicons/16x16/table.png")\' onclick="changeVisibility(\'myr-myr\')"<img src="/i/blank.gif" title="Генератор таблиц"></td>');
function setTable(){
var Ntd,Nstr,i=0,j=0,tbl="";var tblz="", TDstrStart='[td]ячейка ',TDstrEnd='[/td]';
Nstr=$("#myr .rows").val();Ntd=$("#myr .cols").val();
for(j=0; j<Nstr; j++){tbl='[tr]'+tbl;for (i=0; i<Ntd; i++){NumTd=Ntd*j+i;tbl+=TDstrStart+(NumTd+1)+TDstrEnd};
tbl+="[/tr]\n";tblz+=tbl;tbl="";};tbl='[table]'+tblz+'[/table]';smile(tbl);}
$("#tableCreate").click(function(){;setTable();}) });</script>А где изменить цвет рамки, окантовку таблицы которая появляется в сообщении?
Romych
Симпатичный - Выложи - скрипт на ЕТП
Romych
работает супер!!!
классная вещь) огромное спасибо^.^
Спасибо. Очень полезно, а особенно для ролок.
Romych
клево, что кнопка генератора не где-то снизу под формой ответа, а прямо в строке со всеми инструментами.
Только, блин, психоделически смотрится выпадающий контейнер при промотке. Вы видели? Он ездит вверх-вниз вместе со скроллом %)
Как бы сделать так, чтобы контейнер с генерацией оставался на месте, как положено всем приличным выпадающим контейнерам??
Отредактировано Коша-сан (2011-08-21 19:52:24)
Коша-сан
<!--TABLE generator-->
<div align="center" id="myr-myr" style="border:outset 2px #C4BFBF;display:none;position:absolute;z-index:1000;right: 7px;top:30px;width:350px;" class="container">
<strong>Генератор таблиц</strong><br>
<table id="myr" width="auto"><tr>
<td style="border-style:none;">Количество строк: <input class=rows maxlength=3 size=3 value=1 name=rows></td>
<td style="border-style:none;">Количество ячеек: <input class=cols maxlength=4 size=3 value=1 name=cols</td>
</tr><tr><td style="border-style:none;" colspan=2>
<button id="tableCreate" type="button" style="height:50px;" onclick="changeVisibility('myr-myr')">Cоздать таблицу</button>
</td>
</tr></table></div>
<script type="text/javascript">
$(function() {
$('td#button-code').before('<td id="mytBl" style=\'background-image:url("http://www.iconsearch.ru/uploads/icons/ledicons/16x16/table.png")\' onclick="changeVisibility(\'myr-myr\')"<img src="/i/blank.gif" title="Генератор таблиц"></td>');
$('#myr-myr').prependTo('#mytBl')
function setTable(){
var Ntd,Nstr,i=0,j=0,tbl="";var tblz="", TDstrStart='[td]ячейка ',TDstrEnd='[/td]';
Nstr=$("#myr .rows").val();Ntd=$("#myr .cols").val();
for(j=0; j<Nstr; j++){tbl='[tr]'+tbl;for (i=0; i<Ntd; i++){NumTd=Ntd*j+i;tbl+=TDstrStart+(NumTd+1)+TDstrEnd};
tbl+="[/tr]\n";tblz+=tbl;tbl="";};tbl='[table]'+tblz+'[/table]';smile(tbl);}
$("#tableCreate").click(function(){;setTable();}) });</script>Отредактировано Deff (2011-08-22 16:40:46)
Поставил, очень полезная вещь!
Но пришлось убрать, т.к. с ним глючит панель инструментов формы ответа
Пугает юзеров. 
Deff
нее, это я уже тоже пробовала, поменять позишин фиксед на абсолют. Начинается нездоровая хрень какая-то: кнопка на панели инструментов упрыгивает куда-то в сторону %)
Поставил, очень полезная вещь!
Но пришлось убрать, т.к. с ним глючит панель инструментов формы ответа
Пугает юзеров.
Угу, причем очень нездорово глючит %)
Короче, надо еще править скрипт.
нее, это я уже тоже пробовала, поменять позишин фиксед на абсолют.
Коша-сан
Гы - Коша - этой поправки мало! (В правленном скрипте есть еще пару вещей!- поставьте скрипт и сделайте скриншоты траблов
Отредактировано Deff (2011-08-22 16:20:38)
Deff
вот такая штука получается:
Deff
ну и еще кнопка на панели инструментов не сразу появляется, а через некоторое время после загрузки страницы 
И ваще я хочу в идеале засунуть этот генератор в контейнер с фирменным стилем, но там такой жуткий конфликт скриптов получается %)
Коша-сан
Вы можете нормально объяснить чего вы хотите? Желательно по пунктам.
Jack Ketch
я сама сделаю все, что мне нужно, или с консультациями у Деффа.
Jack Ketch
Факт того, что вы без разрешения используете материалы с нашего форума http://rahhar.ru/viewtopic.php?id=31#p34
И то, что поддерживаете воровство Drakenfurt: обитель вампиров#p99909 говорит в пользу того, что лучше вообще не иметь с вами никаких дел.
И, конечно, ограничить доступ к Дракенфурту во избежания воровства.
Коша-сан Cуммарный код вместе с фирменным стилем ( заменяем оба скрипта
<script type="text/javascript">
function setTable(){
var Ntd,Nstr,i=0,j=0,tbl="";var tblz="", TDstrStart='[td]ячейка ',TDstrEnd='[/td]';
Nstr=$("#myr .rows").val();Ntd=$("#myr .cols").val();
for(j=0; j<Nstr; j++){tbl='[tr]'+tbl;for (i=0; i<Ntd; i++){NumTd=Ntd*j+i;tbl+=TDstrStart+(NumTd+1)+TDstrEnd};
tbl+="[/tr]\n";tblz+=tbl;tbl="";};tbl='[table]'+tblz+'[/table]';smile(tbl);}
</script>
<div id="Hide"><div class="container" id="meny_My_replic" style="display:none">
<p id="z1">Заголовок<span>[align=center][b][size=14][font=Georgia][color=#9b0000],[/color][/font][/size][/b][/align]</span></p>
<p id="z2">Подзаголовок<span>[color=#023f50][b],[/b][/color]</span></p>
<p id="z3">Подподзаголовок<span>[color=#384b5c][i],[/i][/color]</span></p>
<p id="z4">Копирайт<span>[font=Georgia][size=10][i],[/i][/size][/font]</span></p>
<p id="z5">Сноска<span>[color=gray][size=10],[/size][/color]</span></p>
<p id="z5">Разделитель: -----------------<span>[color=#C1C1C1][size=8]-----------------------------------------------------[/size][/color],</span></p>
<p><img src="https://upforme.ru/uploads/0005/6e/de/112767-4.gif" title="Печать о принятии в игру"><span>[img]https://upforme.ru/uploads/0005/6e/de/2130-1.gif[/img],</span></p>
<div align="center" id="myr-myr" style="border:outset 2px #C4BFBF;width:350px;" class="container">
<strong>Генератор таблиц</strong><br>
<table id="myr" width="auto"><tr>
<td style="border-style:none;">Количество строк: <input class=rows maxlength=3 size=3 value=1 name=rows></td>
<td style="border-style:none;">Количество ячеек: <input class=cols maxlength=4 size=3 value=1 name=cols</td>
</tr></table><button id="tableCreate" onclick="setTable()" type="button">Cоздать таблицу</button>
</div>
</div></div>
<script>
var str='<img src="/i/blank.gif" title="Фирменный стиль" onclick="changeVisibility(\'meny_My_replic\')"/>';
if(document.URL.indexOf("/viewtopic.php?id")!=-1 || document.URL.indexOf("/post.php?tid")!=-1 || document.URL.indexOf("/edit.php?id")!=-1)$("#form-buttons #button-imageup").after("<td id=My_replic_meny>"+str+"</td>")
$("#smilies-area").after($("div.#Hide").html())
$('#meny_My_replic p').click(function(){
var L=$(this).find("span").html();
var P=L.split(',');
bbcode(P[0],P[1])
return false;
});
$(document).ready(function() {
$("#main-reply,.hidds").click(function (){ // cворачивание #color-area по клику на поле ввода
$("#meny_My_replic").hide(); });
});
</script>(Прим -посколь есть кнопка в меню, - Меню терь сворачиваецо по клику на поле ввода
Отредактировано Deff (2011-08-22 19:37:33)
Deff
Спасибо 
Но я все-таки передумала и решила сделать генерацию таблиц на панели инструментов.
Поправила скрипт, он теперь работает исправно. Только стили заточила под себя, но они выглядят вполне эстетично:
<!--Генератор таблицы-->
<div align="center" id="tbl-gen-area" style="display:none; width:350px;" class="container">
<b>Генератор таблиц</b>
<table id="myr" width="auto"><tr>
<td style="border-style:none;">Количество строк: <input class=rows maxlength=3 size=3 value=1 name=rows></td>
<td style="border-style:none;">Количество ячеек: <input class=cols maxlength=4 size=3 value=1 name=cols</td>
</tr><tr><td style="border-style:none;" colspan=2>
<button id="tableCreate" style="font: 1em verdana,arial,helvetica,sans-serif;" type="button" onclick="changeVisibility('tbl-gen-area')">Cоздать таблицу</button>
</td>
</tr></table></div>
<script type="text/javascript">
$('td#button-code').before('<td id="tbl-gen" onclick="changeVisibility(\'tbl-gen-area\')"><img src="/i/blank.gif" title="Генератор таблиц"></td>');
$('#keyboard-area').after($('#tbl-gen-area'));
function setTable(){
var Ntd,Nstr,i=0,j=0,tbl="";var tblz="", TDstrStart='[td]ячейка ',TDstrEnd='[/td]';
Nstr=$("#myr .rows").val();Ntd=$("#myr .cols").val();
for(j=0; j<Nstr; j++){tbl='[tr]'+tbl;for (i=0; i<Ntd; i++){NumTd=Ntd*j+i;tbl+=TDstrStart+(NumTd+1)+TDstrEnd};
tbl+="[/tr]\n";tblz+=tbl;tbl="";};tbl='[table]'+tblz+'[/table]';smile(tbl);}
$("#tableCreate").click(function(){setTable();});
</script>
<style>
#tbl-gen-area {
background-color:#F8FAFD;
border:1px solid #CCC;
position:absolute;
right:1%;
top:43px;
-moz-border-radius: 4px 4px 4px 4px;
}
#tbl-gen {
background-image: url("https://upforme.ru/uploads/0005/6e/de/118564-1.png");
}
.punbb table#myr td {
padding: 0;
}
</style>
<!--Конец генератора таблицы-->Протестировать можно тут: http://drakenfurt.ru/post.php?tid=851 (кнопка
на панели инструментов)
Коша-сан
-Молодца - можно было и не помогать.. (*Главное нашла место правильное для размещения
Коша-сан, с вашего разрешения, поставлю этот скриптик у себя.
Единственное изменение - убрал пробел после слова "ячейка", чтобы было проще выделять генерируемый текст
...TDstrStart='[td]ячейка ',TDstrEnd='[/td]';
Спасибо!
Waler
да не за что, мур 
Спасибо, у меня тоже работает. Плюсик поставила 
У меня всё сразу получилось. Спасибо.
Но я все-таки передумала и решила сделать генерацию таблиц на панели инструментов.
Спасибо.
Коша-сан
спасибо +
| Генератор таблиц | Архив тем | 2010-10-19 |
| Заказ таблиц | Архив тем | 2009-02-12 |
| Таблица в форме ответа | Архив тем | 2009-12-06 |
| Как сделать таблицу? | Архив тем | 2009-02-16 |
| Генератор стилей | Оформление форумов | 2012-08-22 |
Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » ---Генератор таблиц (BB-таблицы)