Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #21 (permalink)  
Старый 15.07.2019, 09:40
Аватар для Dark_Delphin
Кандидат Javascript-наук
Отправить личное сообщение для Dark_Delphin Посмотреть профиль Найти все сообщения от Dark_Delphin
 
Регистрация: 25.07.2013
Сообщений: 129

Рони, извиняюсь, еще такой вопрос.
Можно ли дать заголовок первым 10 числам и также второй заголовок остальным 6 числам?

<style type="text/css">
        td {
            text-align: center;
            border: solid 1px #0000FF;
        }

        table {
            border-collapse: collapse;
            border: 1px solid #0000FF;
            width: 66%;
			font-size:50px;
        }
    </style>


<body>


<input name="" type="button" value="Сгенерировать 16 уникальных чисел от 1 до 5000" onclick="addNumber()">

<hr />

    <table class="num">
	<caption>Один месяц без...</caption>
	</table>
	
	
	
    <script>
        Array.prototype.shuffle = function (min, max) {
            min = min || 0;
            max = ++max || this.length;
            var len = max - min;
            max = len - this.length;
            this.length = len;
            for (var a = this.length - 1; 0 <= a; a--) {
                if (a < max) break;
                var b = Math.floor(Math.random() * a),
                    c = void 0 === this[b] ? (b + min) : this[b];
                this[b] = void 0 === this[a] ? (a + min) : this[a];
                this[a] = c
            }
            this.reverse();
            this.length -= max;
            return this
        };
        function addNumber()
        {
        var arr = Array(16).shuffle(1, 5000);
        var table = document.querySelector(".num");
            table.innerHTML = "";
        var length = 10, tr;
        arr.forEach(function (number, indx) {
            if (indx % length == 0) tr = table.insertRow(indx / length | 0);
            var td = tr.insertCell(indx % length);
            td.innerHTML = number
        });
        }


    </script>
    
</body>
Ответить с цитированием
  #22 (permalink)  
Старый 15.07.2019, 10:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Dark_Delphin,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
 </head>

<body>
<style type="text/css">
        td {
            text-align: center;
            border: solid 1px #0000FF;
        }

        table {
            border-collapse: collapse;
            border: 1px solid #0000FF;
            width: 66%;
			font-size:50px;
        }
        th{
            color: #0000CD;
        }

    </style>


<body>


<input name="" type="button" value="Сгенерировать 16 уникальных чисел от 1 до 5000" onclick="addNumber()">

<hr />

    <table class="num">
	<caption>Один месяц без...</caption>
	</table>



    <script>
        Array.prototype.shuffle = function (min, max) {
            min = min || 0;
            max = ++max || this.length;
            var len = max - min;
            max = len - this.length;
            this.length = len;
            for (var a = this.length - 1; 0 <= a; a--) {
                if (a < max) break;
                var b = Math.floor(Math.random() * a),
                    c = void 0 === this[b] ? (b + min) : this[b];
                this[b] = void 0 === this[a] ? (a + min) : this[a];
                this[a] = c
            }
            this.reverse();
            this.length -= max;
            return this
        };
        function addNumber()
        {
        var arr = Array(16).shuffle(1, 5000);
        var table = document.querySelector(".num");
            table.innerHTML = "";
        var length = 10, tr, thTitle = ["Заголовок 1", "Заголовок 2"];
        arr.forEach(function (number, indx) {
            if (indx % length == 0) {
               tr = table.insertRow(-1);
            if(thTitle.length){
               var th = document.createElement("th");
               th.colSpan = length;
               th.innerHTML = thTitle.shift();
               tr.appendChild(th);
               tr = table.insertRow(-1);
            }
            }
            var td = tr.insertCell(indx % length);
            td.innerHTML = number
        });
        }


    </script>

</body>

</body>
</html>
Ответить с цитированием
  #23 (permalink)  
Старый 15.07.2019, 10:43
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Dark_Delphin,
не копируйте сообщение целиком, если в этом нет необходимости.
Ответить с цитированием
  #24 (permalink)  
Старый 15.07.2019, 11:36
Аватар для Dark_Delphin
Кандидат Javascript-наук
Отправить личное сообщение для Dark_Delphin Посмотреть профиль Найти все сообщения от Dark_Delphin
 
Регистрация: 25.07.2013
Сообщений: 129

оу... Рони, спасиб тебе большое. дай тебе здоровья за помощь)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Рандомные неповторяющиеся числа raler jQuery 10 03.08.2014 16:32
Решение проблемы кодировок для AJAX и PHP без iconv (cp1251 в AJAX) Serge Ageyev AJAX и COMET 10 24.04.2013 20:48
Связь между страницами с javascript и php ... и обратно okrip25 AJAX и COMET 7 09.01.2012 14:43
Запуск выполнения PHP при нажатие на кнопку??? Abibas220 Общие вопросы Javascript 1 05.01.2011 12:05
Как передать картинку из javascript в php KIVagant AJAX и COMET 3 12.05.2010 11:54