Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.97/29: Рейтинг темы: голосов - 29, средняя оценка - 4.97
 Аватар для Raisin Zn
101 / 100 / 51
Регистрация: 19.04.2011
Сообщений: 965

Нумерация строк кода

10.10.2014, 13:08. Показов 6172. Ответов 11
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте.
Для нумерации строк кода я искользую следующею конструкцию:
JavaScript
1
2
3
4
5
6
    function padlinesCode(number, len) {
        var str = '' + number;
        for (var i=str.length; i<=len; i++) {
            str = '0' + str;
        }
        return str;
Но подсчет строк начинается с 0, а правильнее начинать строки с 1.
Подскажите, пожалуйста, как сделать, что бы подсчет начинался с единицы?
Спасибо.
Изображения
 
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
10.10.2014, 13:08
Ответы с готовыми решениями:

Нумерация строк в таблице и Firefox
Дано: таблица с произвольным количеством строк. Необходимо пронумеровать все строки, кроме тех, которые помечены классом...

Перенос строки на несколько строк кода
Всем привет, как можно присвоить свойству .innerHTML несколько строк Html кода? и возможно ли такое или как лучше сделать? ...

Когда класс больше 300 строк кода
Привет, делаю некий класс на ес6, но встала проблема в читабельности, в нем уже где-то 300 строк кода, а конец еще не близок. Решил его...

11
16 / 16 / 10
Регистрация: 21.09.2014
Сообщений: 180
10.10.2014, 14:13
как вариант в место '0' поставить '1'
JavaScript
1
2
3
4
5
6
function padlinesCode(number, len) {
        var str = '' + number;
        for (var i=str.length; i<=len; i++) {
            str = '1' + str;
        }
        return str;
0
 Аватар для Raisin Zn
101 / 100 / 51
Регистрация: 19.04.2011
Сообщений: 965
10.10.2014, 14:18  [ТС]
Я так пробовал, почему то нумерация, если так сделать, начинается с 110....
Миниатюры
Нумерация строк кода  
0
16 / 16 / 10
Регистрация: 21.09.2014
Сообщений: 180
10.10.2014, 14:22
а, ну да, ну вобще это делается так(как вариант):

JavaScript
1
2
3
4
5
6
7
function padlinesCode(number, len) {
        var str = number;
        for (var i=str.length; i<=len; i++) {
            temp += str;
        }
        temp += 1;
        return temp;
0
 Аватар для Raisin Zn
101 / 100 / 51
Регистрация: 19.04.2011
Сообщений: 965
10.10.2014, 14:29  [ТС]
dennis_k, спасибо Вам за помощь, но с таким кодом, при нажатии на кнопку Вкл. Нумерацию, она вообще не появляется, а просто перебрасывает страницу к самому вверху.....
Я d JS вообще не шарю. Может у Вас еще есть варианты?
0
16 / 16 / 10
Регистрация: 21.09.2014
Сообщений: 180
10.10.2014, 14:36
JavaScript
1
2
3
4
5
6
7
8
function padlinesCode(number, len) {
        var str = number;
        var temp='';
        for (var i=str.length; i<=len; i++) {
            temp += str;
        }
        temp += 1;
        return temp;
0
 Аватар для Raisin Zn
101 / 100 / 51
Регистрация: 19.04.2011
Сообщений: 965
10.10.2014, 14:43  [ТС]
Теперь везде единицы...
Может Вам будет проще понять код если выложу всю конструкцию:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<script type="text/javascript">
// <![CDATA[
    var codeoldbrowser = (!('forEach' in Array.prototype) || !document.addEventListener) ? true : false;
    if (!codeoldbrowser) {
        document.write('<link rel="stylesheet" href="styles\/highlight\/styles\/vs.css" \/>');
        document.write('<script type="text\/javascript" src="styles\/highlight\/highlight.pack.js"><\/script>');
    }
    function expandCode(e) {
        var c = e.parentNode.nextSibling;
        if (c.style.maxHeight == 'none') {
            c.style.maxHeight = '200px';
            e.innerHTML = '{L_EXPAND_VIEW}';
        }
        else {
            c.style.maxHeight = 'none';
            e.innerHTML = '{L_COLLAPSE_VIEW}';
        }
    }
    function wrapCode(e,set) {
        var c = e.parentNode.nextSibling;
        if (set) {
            c.style.wordWrap = 'normal';
            c.style.whiteSpace = 'pre';
            e.innerHTML = '{L_COLLAPSE_VIEW}';
        }
        else {
            if (!(c.style.wordWrap == 'normal')){
                c.style.wordWrap = 'normal';
                c.style.whiteSpace = 'pre';
                e.innerHTML = '{L_COLLAPSE_VIEW}';
            }
            else {
                c.style.wordWrap = 'break-word';
                c.style.whiteSpace = 'pre-wrap';
                e.innerHTML = '{L_EXPAND_VIEW}';
                linesCode(e.previousSibling.previousSibling,true);
            }
        }
    }
    function linesCode(e,reset) {
        var c = e.parentNode.nextSibling.firstChild.firstChild;
        if (reset) {
            c.rows[0].cells[0].firstChild.style.display = 'none';
            e.innerHTML = '{L_HCODE_NUMERATION_ON}';
        }
        else {
            if (!(c.rows[0].cells[0].firstChild.style.display == 'none')) {
                c.rows[0].cells[0].firstChild.style.display = 'none';
                e.innerHTML = '{L_HCODE_NUMERATION_ON}';
            }
            else {
                wrapCode(e.nextSibling.nextSibling,true);
                c.rows[0].cells[0].firstChild.style.display = 'block';
                e.innerHTML = '{L_HCODE_NUMERATION_OFF}';
            }
        }
    }
    function padlinesCode(number, len) {
        var str = '0' + number;
        for (var i=str.length; i<=len; i++) {
            str = '0' + str;
        }
        return str;
    }
    function createlinesCode(e) {
        String.prototype.replaceAll = function(find, replace_to) {
            return this.replace(new RegExp(find, "g"), replace_to);
        }
        var code = e.innerHTML;
        if (code.charAt(code.length - 1) == '\n') code = code.slice(0, -1);
        code = code.replaceAll('\r','');
        var n = 1;
        for (var i=0; i<code.length; i++) {
            if (code.charAt(i) == '\n') n++;
        }
        var len = Math.floor(Math.log(n) / Math.log(10));
        if (len < 2) len = 2;
        var width = len + 1;
        var cl = '<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td width="' + width + 'xm" class="codeboxlines"><div class="codeboxlinesdiv" style="display: none;">';
        for (var i=0; i<n; i++) {
            cl += padlinesCode(i,len) + '&nbsp;\n';
        }
        cl += '</div></td><td>' + code + '</td></tr></table>';
        e.innerHTML = cl;
    }
    function highlightInit() {
        if (!codeoldbrowser) {
            var boxes = document.getElementsByTagName('code');
            for (i = 0; i < boxes.length; i++) {
                switch (boxes[i].className) {
                    case 'no-highlight': {
                        break;
                    }
                    case '': {
                        var hl = hljs.highlightAuto(boxes[i].innerHTML);
                        boxes[i].parentNode.previousSibling.innerHTML += '<span class="codeboxright"> &nbsp;|&nbsp; {L_HCODE_HLJS_IDENTIFIED} {L_HCODE_HLJS_LANGUAGE}: ' + hl.language + '</span>';
                        break;
                    }
                    default: {
                        boxes[i].parentNode.previousSibling.innerHTML += '<span class="codeboxright"> &nbsp;|&nbsp; {L_HCODE_HLJS_LANGUAGE}: ' + boxes[i].className + '</span>';
                        break;
                    }
                }
            }
            hljs.initHighlighting();
            for (i = 0; i < boxes.length; i++) {
                if (boxes[i].parentNode.scrollHeight > boxes[i].parentNode.offsetHeight + 1) {
                    boxes[i].parentNode.previousSibling.innerHTML += ' &middot; <a href="#" name="expandCode_' + i + '" onclick="expandCode(this); return false;">{L_EXPAND_VIEW}</a>';
                }
                boxes[i].parentNode.previousSibling.innerHTML += ' &nbsp;|&nbsp; {L_HCODE_LINES}:&nbsp;<a href="#" name="linesCode_' + i + '" onclick="linesCode(this,false); return false;">{L_HCODE_NUMERATION_ON}</a> &middot; <a href="#" name="wrapCode_' + i + '" onclick="wrapCode(this,false); return false;">{L_EXPAND_VIEW}</a>';
                createlinesCode(boxes[i]);
                boxes[i].style.width = boxes[i].offsetWidth + 'px';
            }
        }
    }
    onload_functions.push('highlightInit()');
// ]]>
</script>
Миниатюры
Нумерация строк кода  
0
16 / 16 / 10
Регистрация: 21.09.2014
Сообщений: 180
10.10.2014, 14:49
нужно подумать
0
 Аватар для Raisin Zn
101 / 100 / 51
Регистрация: 19.04.2011
Сообщений: 965
10.10.2014, 14:52  [ТС]
Такой вариант, тоже пробовал, начинается с 10, мне следовало рассказать, что я уже пробовал...
Блин, какой то заколдованный этот JS...
0
16 / 16 / 10
Регистрация: 21.09.2014
Сообщений: 180
10.10.2014, 14:53
Лучший ответ Сообщение было отмечено Raisin Zn как решение

Решение

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<script type="text/javascript">
// <![CDATA[
    var codeoldbrowser = (!('forEach' in Array.prototype) || !document.addEventListener) ? true : false;
    if (!codeoldbrowser) {
        document.write('<link rel="stylesheet" href="styles\/highlight\/styles\/vs.css" \/>');
        document.write('<script type="text\/javascript" src="styles\/highlight\/highlight.pack.js"><\/script>');
    }
    function expandCode(e) {
        var c = e.parentNode.nextSibling;
        if (c.style.maxHeight == 'none') {
            c.style.maxHeight = '200px';
            e.innerHTML = '{L_EXPAND_VIEW}';
        }
        else {
            c.style.maxHeight = 'none';
            e.innerHTML = '{L_COLLAPSE_VIEW}';
        }
    }
    function wrapCode(e,set) {
        var c = e.parentNode.nextSibling;
        if (set) {
            c.style.wordWrap = 'normal';
            c.style.whiteSpace = 'pre';
            e.innerHTML = '{L_COLLAPSE_VIEW}';
        }
        else {
            if (!(c.style.wordWrap == 'normal')){
                c.style.wordWrap = 'normal';
                c.style.whiteSpace = 'pre';
                e.innerHTML = '{L_COLLAPSE_VIEW}';
            }
            else {
                c.style.wordWrap = 'break-word';
                c.style.whiteSpace = 'pre-wrap';
                e.innerHTML = '{L_EXPAND_VIEW}';
                linesCode(e.previousSibling.previousSibling,true);
            }
        }
    }
    function linesCode(e,reset) {
        var c = e.parentNode.nextSibling.firstChild.firstChild;
        if (reset) {
            c.rows[0].cells[0].firstChild.style.display = 'none';
            e.innerHTML = '{L_HCODE_NUMERATION_ON}';
        }
        else {
            if (!(c.rows[0].cells[0].firstChild.style.display == 'none')) {
                c.rows[0].cells[0].firstChild.style.display = 'none';
                e.innerHTML = '{L_HCODE_NUMERATION_ON}';
            }
            else {
                wrapCode(e.nextSibling.nextSibling,true);
                c.rows[0].cells[0].firstChild.style.display = 'block';
                e.innerHTML = '{L_HCODE_NUMERATION_OFF}';
            }
        }
    }
    function padlinesCode(number, len) {
        var str = '0' + number;
        for (var i=str.length; i<=len; i++) {
            str = '0' + str;
        }
        return str;
    }
    function createlinesCode(e) {
        String.prototype.replaceAll = function(find, replace_to) {
            return this.replace(new RegExp(find, "g"), replace_to);
        }
        var code = e.innerHTML;
        if (code.charAt(code.length - 1) == '\n') code = code.slice(0, -1);
        code = code.replaceAll('\r','');
        var n = 1;
        for (var i=0; i<code.length; i++) {
            if (code.charAt(i) == '\n') n++;
        }
        var len = Math.floor(Math.log(n) / Math.log(10));
        if (len < 2) len = 2;
        var width = len + 1;
        var cl = '<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td width="' + width + 'xm" class="codeboxlines"><div class="codeboxlinesdiv" style="display: none;">';
        for (var i=1; i<n+1; i++) {
            cl += padlinesCode(i,len) + '&nbsp;\n';
        }
        cl += '</div></td><td>' + code + '</td></tr></table>';
        e.innerHTML = cl;
    }
    function highlightInit() {
        if (!codeoldbrowser) {
            var boxes = document.getElementsByTagName('code');
            for (i = 0; i < boxes.length; i++) {
                switch (boxes[i].className) {
                    case 'no-highlight': {
                        break;
                    }
                    case '': {
                        var hl = hljs.highlightAuto(boxes[i].innerHTML);
                        boxes[i].parentNode.previousSibling.innerHTML += '<span class="codeboxright"> &nbsp;|&nbsp; {L_HCODE_HLJS_IDENTIFIED} {L_HCODE_HLJS_LANGUAGE}: ' + hl.language + '</span>';
                        break;
                    }
                    default: {
                        boxes[i].parentNode.previousSibling.innerHTML += '<span class="codeboxright"> &nbsp;|&nbsp; {L_HCODE_HLJS_LANGUAGE}: ' + boxes[i].className + '</span>';
                        break;
                    }
                }
            }
            hljs.initHighlighting();
            for (i = 0; i < boxes.length; i++) {
                if (boxes[i].parentNode.scrollHeight > boxes[i].parentNode.offsetHeight + 1) {
                    boxes[i].parentNode.previousSibling.innerHTML += ' &middot; <a href="#" name="expandCode_' + i + '" onclick="expandCode(this); return false;">{L_EXPAND_VIEW}</a>';
                }
                boxes[i].parentNode.previousSibling.innerHTML += ' &nbsp;|&nbsp; {L_HCODE_LINES}:&nbsp;<a href="#" name="linesCode_' + i + '" onclick="linesCode(this,false); return false;">{L_HCODE_NUMERATION_ON}</a> &middot; <a href="#" name="wrapCode_' + i + '" onclick="wrapCode(this,false); return false;">{L_EXPAND_VIEW}</a>';
                createlinesCode(boxes[i]);
                boxes[i].style.width = boxes[i].offsetWidth + 'px';
            }
        }
    }
    onload_functions.push('highlightInit()');
// ]]>
</script>
Добавлено через 13 секунд
пробуй
1
 Аватар для Raisin Zn
101 / 100 / 51
Регистрация: 19.04.2011
Сообщений: 965
10.10.2014, 14:56  [ТС]
Работает как я и хотел! Большое Вам спасибо!
Можно узнать, что конкретно Вы изменили?
0
16 / 16 / 10
Регистрация: 21.09.2014
Сообщений: 180
10.10.2014, 15:04
в 80-й строчке for (var i=1; i<n+1; i++)
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
10.10.2014, 15:04
Помогаю со студенческими работами здесь

Получение HTML кода вместе с переносом строк
Есть такая конструкция: switch (this._editMode) { case 'wysiwyg': return this._doc.body.innerHTML; case 'textmode': return...

Нумерация строк
Есть нумерация строк. Все отлично. Все нумерает. Но мне не нравится, если взять 2 отдельных таблицы с одинаковым классом, то он в первой...

Нумерация строк в редакторе кода
Как в окне, где мы пишем код в Visual Studio добавить свойство номерации ? Пример: using System; using System.Collections.Generic;...

Нумерация строк
Добрый день. У меня на форме есть два компонента Memo1 И Memo2 типа TMemo. Так вот. Memo1 привязан к левой части формы а Memo2 на...

Нумерация строк
Всем привет, ребят подскажите, нужно пронумеровать строки, одна строка '' принято иван иванов&quot;, вторая&quot; выдано петр петров&quot;,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
12
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru