ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Поисковой ресурс

Проект от команды FD

Спойлеры

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Макет для сайта «Fantasy Calalogue»

Детализированный макет «Fantasy catalogue» для тёмного дизайна многостраничного сайта
Стоимость при покупке эксклюзивно: 3600р
В стоимость входит корректировка макета и доработка недостающих страничек под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Большая новость! Восстановление потерянного контента, уход одного админа и новое правило - обо всём читайте по ссылке.

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

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



Добавление скриптов и css решений

Сообщений 1 страница 4 из 4

1

В каталоге запрещено создавать новые темы, т.к. скриптов очень много, а мы стараемся делать хорошую навигацию по разделу и добавлять их упорядоченно.
Скрипты, которых еще нет в этом разделе можно выкладывать в этой теме. и модератор добавит их на форум.

Подпись автора

ForumD очень нужны подписчики в социальных сетях!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png  https://forumupload.ru/uploads/0007/e3/f7/2/385418.png https://forumupload.ru/uploads/0007/e3/f7/2/633661.png

С увеличением числа подписчиков нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект, просто подпишись! :)

+1

2

Разбирая загашники, выкопала такую вещичку, вдруг кому пригодится
Генератор таблиц
Usage:
Скрипт представляет из себя функцию, принимающую 3 аргумента:
1)Массив объектов колонок - head

пример
Код:
[{
    caption : 'колонка 1', //название
    property : 'column1', //поле, значение которого будет браться из data
    headerStyle : 'font-family: Arial;font-size:200%', //стиль ячейки заголовка
    tdStyle: 'background:beige' //стиль для всех ячеек заданной колонки
},{
    caption : 'колонка 2',
    property : 'column2',
    tdStyle: 'background:aliceblue'
}]

2) массив объектов-данных в формате propertyName: content - data

пример
Код:
[{
    column1 : 123,
    column2 : 'sdfg'
}]

3)Объект настроек стилей всей таблицы - options

пример
Код:
{
        tableStyle: 'background:blue;width:100%;border:1px solid black', //стиль для тега table
        trStyle: 'min-height:40px', //стиль для всех tr в таблице
        tdStyle: 'min-width:80px' //стиль для всех ячеек
}
функция
Код:
function htmlTable(head, data, options){
    var tableStyle = options.tableStyle ? (' style="' + options.tableStyle + '"') : '';
    var trStyle = options.trStyle ? (' style="' + options.trStyle + '"') : '';
    var tdStyle = options.tdStyle ? (' style="' + options.tdStyle + '"') : '';
    var headString = '<table' + tableStyle + '><tr' + trStyle + '>';
    var dataStrings = []
    for (var i=0; i<data.length;i++)
        dataStrings.push('');
    head.forEach(function (elem, index) {
        var tdStyleBegin = tdStyle ? tdStyle.slice(0, -1) : (elem.headerStyle ? ' style="' : '');
        var headStyle = tdStyleBegin;
        headStyle += elem.headerStyle ? elem.headerStyle : '';
        headStyle += headStyle ? '"' : '';
        var elStyle = tdStyleBegin;
        elStyle += elem.tdStyle ? elem.tdStyle : '';
        elStyle += elStyle ? '"' : '';
        headString += '<td' + headStyle + '><b>' + elem.caption + '</b></td>';
        data.forEach(function (dataElem, i) {
            dataStrings[i] += '<td' + elStyle + '>' + (dataElem[elem.property]?dataElem[elem.property]:'')  + '</td>'
        })
    });
    headString += '</tr>';
    var dataString = '<tr' + trStyle + '>' + dataStrings.reduce(function (prev, cur) {
        return prev + '</tr><tr' + trStyle + '>' + cur
    }) + '</tr>';
    return headString + dataString + '</table>'
}
использование
Код:
const head = [
    {
        caption: 'Колонка 1',
        property: 'col1',
        headerStyle : 'font-family: Arial;font-size:200%;',
        tdStyle: 'background:beige;'
    },
    {
        caption: 'Колонка 2',
        property: 'col2',
        tdStyle: 'background:aliceblue;'
    }
];
const data = [
    {
        col1: 'ололо',
        col2: 'Азаза'
    },
    {
        col1: 'ололо1',
        col2: 'Азаза1'
    },
    {
        col1: 'ололо2',
        col2: 'Азаза2'
    },
    {
        col1: 'ололо3',
        col2: 'Азаза3'
    },
    {
        col1: 'ололо4',
        col2: 'Азаза4'
    },
];
const options = {
    tableStyle: 'background:blue;width:100%;border-collapse:collapse;',
    trStyle: 'min-height:40px;',
    tdStyle: 'min-width:80px;border:1px solid black;'
}
const tableHtml = htmlTable(head, data, options)

как использовать? Ну, например, можно создать div через document.createElement('div'), сделать el.innerHTML = tableHtml и приаппендить el куда-нибудь

+1

3

#p171007,Emerael написал(а):

Генератор таблиц

А кто автор скрипта не знаешь?

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh
https://forumstatic.ru/files/0015/1e/ae/69675.gif https://forumstatic.ru/files/0018/3d/6c/77729.jpg

0

4

#p171028,Automation Baby написал(а):
#p171007,Emerael написал(а):

Генератор таблиц

А кто автор скрипта не знаешь?

Внезапно мое, писалось когда-то давно для генерации таблиц для отправки в почту, потому что у людей были данные и была большая и светлая лень для генерации разметки руками (=

+1