Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как показать див в зависимости от переданного в строке адреса параметра / 6 сообщений из 6, страница 1 из 1
11.01.2016, 12:13
    #39144433
dpts
dpts
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как показать див в зависимости от переданного в строке адреса параметра
Имеем html файл, допустим page.htm (во вложении)
Как сделать так, чтобы если страница вызывается:
1. page.htm - сразу показывался первый div с контентом, и соответствующий ему пункт в левом div подсвечивался
2. page.htm?view=2 - то, соответственно, показывался второй див с контентом и соответствующий ему левый пункт подсвечивался...

и т.д.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.01.2016, 15:38
    #39144675
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как показать див в зависимости от переданного в строке адреса параметра
dptsКак сделать так, чтобы если страница вызывается:
1. page.htm - сразу показывался первый div с контентом, и соответствующий ему пункт в левом div подсвечивался
2. page.htm?view=2 - то, соответственно, показывался второй див с контентом и соответствующий ему левый пункт подсвечивался...
Это можно делать как на сервере (предпочтительнее), используя объект "реквест"...
Так и на клиенте, разобрав УРЛ на составляющие используя объект location...
http://javascript.ru/window-location
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.01.2016, 19:15
    #39144908
dpts
dpts
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как показать див в зависимости от переданного в строке адреса параметра
krvsadptsКак сделать так, чтобы если страница вызывается:
1. page.htm - сразу показывался первый div с контентом, и соответствующий ему пункт в левом div подсвечивался
2. page.htm?view=2 - то, соответственно, показывался второй див с контентом и соответствующий ему левый пункт подсвечивался...
Это можно делать как на сервере (предпочтительнее), используя объект "реквест"...
Так и на клиенте, разобрав УРЛ на составляющие используя объект location...
http://javascript.ru/window-location
Ну вполне логично, что это можно сделать, разобрав УРЛ. Вопрос как это сделать?
В JS - "полный ноль"
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.01.2016, 07:27
    #39145088
dpts
dpts
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как показать див в зависимости от переданного в строке адреса параметра
разбирать строку адреса не надо. Значение параметра считывается из нее VBScript-ом.
Передать это значение в JS - я могу, а вот дальше - не умею.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.01.2016, 12:21
    #39145347
Zoria
Zoria
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как показать див в зависимости от переданного в строке адреса параметра
dpts, а вот дальше - не умею.
конкретизируйте что именно не получается сделать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.01.2016, 12:47
    #39145384
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как показать див в зависимости от переданного в строке адреса параметра
 
Если я правильно понял постановку задачи
Код: html
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.
<!DOCTYPE html>
<html>
<head>
<title>tmp</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
.maintbl {border-collapse:collapse; width:100%;}
input[type="radio"] {display:none;}

.tdleft {width:20%; border-right:1px dotted #000;}
.tdleft input:checked + a {background:#4169E1; color:#fff;}

.tdright div {display:none;}
.tdright input:checked + div {display:block;}

.os-content-wrpr {
  font:700 20px verdana,tahoma,arial,sans-serif;
  color:#595959;
}
.os-setting-link {
  font:700 14px verdana,tahoma,arial,sans-serif;
  display:block;
  text-decoration:none!important;
  outline:none!important;
  color:#4169E1;
  padding:8px 50px 8px 10px;
}
.os-setting-link:hover {background:rgba(153, 204, 255, 0.2);}
</style>
</head>
<body>
<table class="maintbl" id="maintbl">
  <tr>
    <td class="tdleft">
      <input type="radio" name="r1"> <a class="os-setting-link" href="javascript:void(0)">Пункт 1</a>
      <input type="radio" name="r1"> <a class="os-setting-link" href="javascript:void(0)">Пункт 2</a>
      <input type="radio" name="r1"> <a class="os-setting-link" href="javascript:void(0)">Пункт 3</a>
      <input type="radio" name="r1"> <a class="os-setting-link" href="javascript:void(0)">Пункт 4</a>
    </td>
    <td class="tdright">
      <input type="radio" name="r2"> <div class="os-content-wrpr">Выбран пункт 1</div>
      <input type="radio" name="r2"> <div class="os-content-wrpr">Выбран пункт 2</div>
      <input type="radio" name="r2"> <div class="os-content-wrpr">Выбран пункт 3</div>
      <input type="radio" name="r2"> <div class="os-content-wrpr">Выбран пункт 4</div>
    </td>
  </tr>
</table>

<script>
var maintbl = document.getElementById('maintbl'), lnks = document.querySelectorAll('.os-setting-link'), r2 = maintbl.rows[0].cells[1].querySelectorAll('input');
for (var i=0; i<lnks.length; i++) {
  lnks[i].setAttribute('idx',i);
  lnks[i].previousElementSibling.checked = false;
  r2[i].checked = false;
  lnks[i].onclick = function() {
    this.previousElementSibling.click();
    r2[this.getAttribute('idx')].click();
  }
}

function getUrlVars() {
  var url = window.location.href, vars = {};
  var parts = url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
    vars[key] = value;
  });
  return vars;
}

var view = getUrlVars()['view'];
if (view >= 1 && view <= r2.length) {lnks[view-1].click();}
</script>
</body>
</html>

...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как показать див в зависимости от переданного в строке адреса параметра / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 496ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1445498]:
 0ms
get settings:
 9ms
get forum list:
 15ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 166ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 241ms
total:  496ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]