Как установить data аттрибут в зависимости от url?

Question

[Андрей Борчик]

Как сделать установку data-* в зависимсоти от страницы?
Есть 10 значений, которые нужно устанавливать в data в зависимости от url
Как такое реализовать??

Answer 1

[Владимир]

1. Отслеживать страницу
2. Устаноавливать data
В чем проблема?

Comments

[Андрей Борчик]

Не силен в js
Можете пример такого решения привести?

[Владимир]

var values = {
  'main': 'value1',
  'about': 'value2',
 ...
};

//current задаете или на нужной странице в <script></script>, или в скрипте по document.location

$('.selector').data('value', values[current]);

[Андрей Борчик]

Владимир, про current не понял
А где хранить список страниц и соотв значений?

[Владимир]

current это как раз переменная с текущей страницей

список храните прям там как я указал, в том же скрипте

[Андрей Борчик]

Владимир, вроде понял. Буду пробовать

[frees2]

Многие в этом сообществе консерваторы, ещё JQUERY используют, как при Иване Грозном...
Но лучше так, пример хранения, это просто не совсем по теме, ели использовать хеш или строку исправлять

var tar = event.target.id;
 localStorage.setItem('a', tar); 

var json_upload2 =  "json_name=" + JSON.stringify({name: ''+window.location.href.split('#')[1]+'', idtime:''+tar+''});

@andryu6ka,

[Владимир]

Чего ж тогда не писать то на es6?;-)
Зачем человек еще больше пудрить мозг?
Откуда взялся event? Зачем тут появился json?

[frees2]

Владимир, json хранить состояния в Storage /
id меняя переменную обрабатывать события.
Нажимать кнопку, ссылку с id и менять сохраненные данные для любой странички на сайте.

[Андрей Борчик]

frees2, ааа ребята. Я ничего не погимаю. Дайте пример кода

[frees2]

Андрей Борчик,

$sss =  localStorage.getItem('a');

// '+$sss+'

function getData(pageId) {
lo2 = pageId.substr(5);	lo1 = pageId.substr(0,5);
var myRequest = new Request(lo1+ '.php', {method: 'POST',headers: { "Content-Type":"application/x-www-form-urlencoded"  },
body: 'foo={"name":"'+lo2+'","time":"'+lo2+'","name2":"'+lo1+'  "} '}); fetch(myRequest).then(function(response) { return response.text() })
.then(function(text) { myArticle.innerHTML = text;  
  });   };