
26.03.2019, 11:26
|
 |
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
Nexus, ?
|
|

26.03.2019, 12:35
|
 |
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
Сообщение от Блондинка
|
Фух, хоть кто-то ответил, я уже думала что все увидев мой вопрос в их адрес сразу выходят с форума, неудивлюсь если на днях увижу в сети серию анекдотов "блонди и яваскрипт"
|
ну точно, я угадала, все увидев меня срочно ретируются
|
|

26.03.2019, 12:44
|
Профессор
|
|
Регистрация: 04.12.2012
Сообщений: 3,802
|
|
Блондинка, не до конца понятно, что вы хотите, а что-то править основываясь на догадках не хочу.
Вчера какое-то представление о вашей цели было, сегодня нет.
Напишите, что конкретно вы хотите получить без использования слов "массив", "объект" и т.п.
|
|

26.03.2019, 13:16
|
 |
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
что бы ссылкам присваивался класс не xyz с номером 1-20 а абсолютно разные имена классов, xyz, zyx, abc, cba, и так далее, я просто в скрипте пишу нужные имена классов начиная от наибольшей вложенности, плюс скрипт считает сколько я внесла имен классов и это значение присваивает переменной maxPostfix.
Последний раз редактировалось Блондинка, 26.03.2019 в 13:18.
|
|

26.03.2019, 13:30
|
Профессор
|
|
Регистрация: 04.12.2012
Сообщений: 3,802
|
|
Блондинка, сразу бы так...
Не тестировал.
var classes = ['latest', 'second', 'first'];
document.addEventListener('DOMContentLoaded', function() {
//const uriWithoutParams=location.pathname.split(/[#|?]+/i).shift();
var uriWithoutParams = '/menu/css/css3/transform.html'.split(/[#|?]+/i).shift();
var extension = uriWithoutParams.split('.').pop();
var uriParts = uriWithoutParams.replace('.' + extension, '').split('/').filter(function(part) {
return part.length;
});
var reversedClasses = classes.reverse();
var getClassName = function(index) {
return reversedClasses[index];
};
var maxPostfix = classes.length;
uriParts.forEach(function(uri, index) {
uri = '/' + uriParts.slice(0, ++index).join('/') + '.' + extension;
index = maxPostfix - (uriParts.length - index);
if (index <= 0)
return;
var className = getClassName(index);
[].forEach.call(document.querySelectorAll('a[href="' + uri + '"]'), function(node) {
node.classList.add(className);
if (index !== maxPostfix)
return;
var textNode = document.createElement('span');
textNode.textContent = node.textContent;
textNode.className = className;
node.parentNode.insertBefore(textNode, node);
node.parentNode.removeChild(node);
});
});
});
|
|

26.03.2019, 16:12
|
 |
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
Nexus,
а можно вопросик? что значит эта строчка
var uriWithoutParams = '/menu/css/css3/transform.html'.split(/[#|?]+/i).shift();
может правильнее было бы заменить на что-то типа location host?
|
|

26.03.2019, 16:16
|
Профессор
|
|
Регистрация: 04.12.2012
Сообщений: 3,802
|
|
Блондинка, это тестовый текущий путь. Стройкой выше был закомментирован правильный вариант.
|
|

26.03.2019, 16:30
|
 |
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
Nexus,
тоесть если я правильно поняла третью строку-коментирование надо удалить а четвёртую заменить на
var uriWithoutParams=location.pathname.split(/[#|?]+/i).shift();
|
|

26.03.2019, 16:40
|
Профессор
|
|
Регистрация: 04.12.2012
Сообщений: 3,802
|
|
Блондинка, в начале третье строки две кривые черточки нужно удалить, а в начале четвертой наоборот - добавить (ну или удалить эту строку вообще).
|
|

26.03.2019, 16:47
|
 |
Профессор
|
|
Регистрация: 20.12.2009
Сообщений: 1,714
|
|
Сообщение от Блондинка
|
ну точно, я угадала, все увидев меня срочно ретируются
|
Вы абсолютно заблуждаетесь! Вас никто не видел!
|
|
|
|