- Автор темы
- #1
Как поменять цвет строки таблицы (Id 125) в зависимости от url адреса
Самое логичное изменить класс <tr> Но как взять значение из url?
Был бы якорь понятно нужно через hash, но здесь случай когда прокрутки страницы быть не должно.
Или я не прав и hash воспринимает не только решётку (#) в строке адреса?
если это возможно тогда как заменить '#' на '?' или на любое другое значение которое браузер не будет воспринимать якорем?
P.S. Мои познания js на уровне инфузории поэтому пожалуйста если не затруднит давайте ссылку на пример, а не только название функции.
__________________________________________________________
UPD
всем спасибо, сам разобрался. Оставлю здесь для таких страдальцев как я, код у меня получился такой:
Ссыллка получается вида
дальше останется добавить css стиль для строки таблицы .active-content
Так что если вам потребуется добавлять несколько товаров на одной странице в яндекс маркет вот решение.
Буду признателен за здоровую критику и возможно более корректную правку кода.
HTML:
Www.site.com/Vasja?125
HTML:
<tr Id=123 class='odd'>
<td></td>
</tr>
<tr Id=124 class='even'>
<td></td>
</tr>
<tr Id=125 class='odd'>
<td></td>
</tr>
Самое логичное изменить класс <tr> Но как взять значение из url?
Был бы якорь понятно нужно через hash, но здесь случай когда прокрутки страницы быть не должно.
Или я не прав и hash воспринимает не только решётку (#) в строке адреса?
Код:
<script>
var trnum = location.hash.replace('#', '');
if (trnum) {
document.getElementById(trnum).className = "active-content";
}
</script>
P.S. Мои познания js на уровне инфузории поэтому пожалуйста если не затруднит давайте ссылку на пример, а не только название функции.
__________________________________________________________
UPD
всем спасибо, сам разобрался. Оставлю здесь для таких страдальцев как я, код у меня получился такой:
Код:
<script>
var trnum = location.search.split('myParam=')[1]
if (trnum) {
document.getElementById(trnum).className = "active-content";
}
</script>
Ссыллка получается вида
Код:
www.site.com/Vasja?myParam=125
Так что если вам потребуется добавлять несколько товаров на одной странице в яндекс маркет вот решение.
Буду признателен за здоровую критику и возможно более корректную правку кода.
Последнее редактирование: