Форум поддержки пользователей ZeroParking

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » ---Генератор таблиц (BB-таблицы)


---Генератор таблиц (BB-таблицы)

Сообщений 31 страница 58 из 58

31

Deff написал(а):

(Cобственно данный эффект наблюдался лишь в Мозилле

Мой Вариант
http://hostjs-mybb2011.narod.ru/tableOrk.htm

(*Вроде кроссбраузерно,

хмм... а ячейки так же будут пронумерованы? и ещё у меня в мазиле не работает не нажимается кнопка создать!

0

32

Lonely_wolf написал(а):

и ещё у меня в мазиле не работает не нажимается кнопка создать!

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>

+3

33

А где изменить цвет рамки, окантовку таблицы которая появляется в сообщении?

0

34

Romych http://savepic.net/1344871.gif Симпатичный - Выложи - скрипт на ЕТП

0

35

Romych
работает супер!!!

0

36

классная вещь) огромное спасибо^.^

0

37

Спасибо. Очень полезно, а особенно для ролок.

0

38

Romych
клево, что кнопка генератора не где-то снизу под формой ответа, а прямо в строке со всеми инструментами.

Только, блин, психоделически смотрится выпадающий контейнер при промотке. Вы видели? Он ездит вверх-вниз вместе со скроллом %)

Как бы сделать так, чтобы контейнер с генерацией оставался на месте, как положено всем приличным выпадающим контейнерам??

Отредактировано Коша-сан (2011-08-21 19:52:24)

0

39

Коша-сан

Код:
<!--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)

0

40

Поставил, очень полезная вещь!
Но пришлось убрать, т.к. с ним глючит панель инструментов формы ответа
Пугает юзеров.  :dontknow:

0

41

Deff
нее, это я уже тоже пробовала, поменять позишин фиксед на абсолют. Начинается нездоровая хрень какая-то: кнопка на панели инструментов упрыгивает куда-то в сторону %)

0

42

Waler написал(а):

Поставил, очень полезная вещь!
Но пришлось убрать, т.к. с ним глючит панель инструментов формы ответа
Пугает юзеров.  :dontknow:

Угу, причем очень нездорово глючит %)

0

43

Короче, надо еще править скрипт.

0

44

Коша-сан написал(а):

нее, это я уже тоже пробовала, поменять позишин фиксед на абсолют.

Коша-сан  :glasses: Гы - Коша - этой поправки мало! (В правленном скрипте есть еще пару вещей!- поставьте скрипт и сделайте скриншоты траблов

Отредактировано Deff (2011-08-22 16:20:38)

0

45

Deff
вот такая штука получается:

0

46

Deff
ну и еще кнопка на панели инструментов не сразу появляется, а через некоторое время после загрузки страницы :-(

И ваще я хочу в идеале засунуть этот генератор в контейнер с фирменным стилем, но там такой жуткий конфликт скриптов получается %)

0

47

Коша-сан
Вы можете нормально объяснить чего вы хотите? Желательно по пунктам.

0

48

Jack Ketch
я сама сделаю все, что мне нужно, или с консультациями у Деффа.

0

49

Jack Ketch
Факт того, что вы без разрешения используете материалы с нашего форума http://rahhar.ru/viewtopic.php?id=31#p34

И то, что поддерживаете воровство Drakenfurt: обитель вампиров#p99909 говорит в пользу того, что лучше вообще не иметь с вами никаких дел.

И, конечно, ограничить доступ к Дракенфурту во избежания воровства.

0

50

Коша-сан 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="http://forumupload.ru/uploads/0005/6e/de/112767-4.gif" title="Печать о принятии в игру"><span>[img]http://forumupload.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)

+2

51

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("http://forumupload.ru/uploads/0005/6e/de/118564-1.png");
}

.punbb table#myr td {
 padding: 0;
}
</style>
<!--Конец генератора таблицы-->

Протестировать можно тут: http://drakenfurt.ru/post.php?tid=851 (кнопка http://forumupload.ru/uploads/0005/6e/de/118564-1.png на панели инструментов)

+2

52

Коша-сан http://savepic.org/2114586.gif -Молодца - можно было и не помогать.. (*Главное нашла место правильное для размещения

0

53

Коша-сан, с вашего разрешения, поставлю этот скриптик у себя.  :cool:
Единственное изменение - убрал пробел после слова "ячейка", чтобы было проще выделять генерируемый текст

Код:
...TDstrStart='[td]ячейка ',TDstrEnd='[/td]';

Спасибо!

0

54

Waler
да не за что, мур :-)

0

55

Спасибо, у  меня  тоже  работает. Плюсик  поставила :love:

0

56

У меня всё сразу получилось. Спасибо.

0

57

Коша-сан написал(а):

Но я все-таки передумала и решила сделать генерацию таблиц на панели инструментов.

Спасибо.

0

58

Коша-сан
спасибо +

0


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » ---Генератор таблиц (BB-таблицы)


Рейтинг форумов | Создать форум бесплатно