Открытие страницы с определенными id

xtz · April 28, 2009

Есть страница aaa.html с divами трех видов id=1 id=2 id=3

Созрел вопрос. можно ли както реализовать, чтобы по ссылкам aaa.html?id=1 aaa.html?id=2 aaa.html?id=3 выводились только соответствующие divы?

И еще вопрос. Есть страница на ней есть кнопка хелп. Можно ли сделать так, чтобы при клике на кнопку в текущей странице всплыла другая страница(с небольшим хелпом) по центру экрана. И пропадала по клику.

Зарание благодарю за советы.

Justnewone · April 28, 2009

Есть страница aaa.html с divами трех видов id=1 id=2 id=3
Созрел вопрос. можно ли както реализовать, чтобы по ссылкам aaa.html?id=1 aaa.html?id=2 aaa.html?id=3 выводились только соответствующие divы?
И еще вопрос. Есть страница на ней есть кнопка хелп. Можно ли сделать так, чтобы при клике на кнопку в текущей странице всплыла другая страница(с небольшим хелпом) по центру экрана. И пропадала по клику.
Зарание благодарю за советы.

1. можно, при уловии использования какой-нибудь серверной технологии, например php.

2. можно, надо воспользоваться javascript.

xtz · April 28, 2009

1. а без пшп никак?

2. спасибо.

SelenIT · April 28, 2009

Первую задачу — в заданной формулировке — тоже можно решить яваскриптом:

<style type="text/css">
#div1, #div2, #div3 { display: none; } /* кстати, ID не может начинаться с цифры! */
</style>
<script type="text/javascript">
var pageId = location.search.match(/id=(\d+)/);
if (pageId && pageId[1]) {
   document.write('<style>#div'+pageId[1]+' { display: block; }</'+'style>');
}
</script>

Но зачем, когда действительно гораздо логичнее решать ее на сервере?

Justnewone · April 28, 2009

1. а без пшп никак?

Подозреваю, что можно еще ASP или PERL использовать... или еще что нибудь, любая доступная серверная технология. На стороне пользователя возможно будет модно AJAX использовать, но все равно, запросы он будет отправлять на сервер.

TropicCamel · April 28, 2009

Да все правильно написали, насчет JavaScript. По умолчанию все три слоя невидимые, с названиями div1, div2, div3. Ловим ID, приделываем к нему "div", и в соответствии с ID открываем на видимость div с получившимся названием. Все просто.

xtz · April 28, 2009

Первую задачу — в заданной формулировке — тоже можно решить яваскриптом:
<style type="text/css">
#div1, #div2, #div3 { display: none; } /* кстати, ID не может начинаться с цифры! */
</style>
<script type="text/javascript">
var pageId = location.search.match(/id=(\d+)/);
if (pageId && pageId[1]) {
   document.write('<style>#div'+pageId[1]+' { display: block; }</'+'style>');
}
</script>
Но зачем, когда действительно гораздо логичнее решать ее на сервере?

Спасибо, а как запрос к странице с div1 будет выглядеть?

xtz · April 28, 2009

Чтото не работает, чтобы я не писал выдает сообщение, что виндовсу не удалось найти

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>тест</title>

<style type="text/css">
#div1, #div2, #div3 { display: none; } 
</style>
<script  type="text/javascript">
var pageId = location.search.match(/[?]id=(\d+)/);
if (pageId && pageId[1]) {
   document.write('<style>#div'+pageId[1]+' { display: block; }</'+'style>');
}
</script>
</head>
<body>
<div id="div1">
ф1
</div>
<div id="div2">
ф2
</div>
<div id="div3">
а3
</div>
</body>
</html>

Где я ошибся, помогите плз...

SelenIT · April 28, 2009

У меня этот код работает даже при открытии как локальный файл с диска, к адресу дописываю ?id=1, ?id=2 и т.п. (как в ТЗ.

xtz · April 29, 2009

Непонятно... У меня виндовс пишет, что Не удалось найти, проверте правильно ли написаны слова для поиска... в чем дело интересно...

Nekromancer · April 29, 2009

выкинь ИЕ..

xtz · April 29, 2009

да, правда это ИЕ тупил. Спасибо всем за помощь!!

Sign In

Открытие страницы с определенными id

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information