Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Правило не должно работать для div с определенным id (https://javascript.ru/forum/misc/22521-pravilo-ne-dolzhno-rabotat-dlya-div-s-opredelennym-id.html)

kuzkuz 23.10.2011 17:51
Правило не должно работать для div с определенным id
 
Помогите пожалуйста что нужно дописать сюда что бы данное правило не скрывало div с определенным id, а постоянно его показывало.

Если подробней есть меню которое покоиться в неком div. а так же есть контент которой располагаться в других div нужно что бы меню было всегда видимым а контент показывался только при запросе.

<style>div{display:none}</style>

Код:

show = function (){
var last;
return function(id){
if(last)last.style.display='';
(last=document.getElementById(id)).style.display=' block';
}
}()

p.s. Помимо всего этого есть таблица стилей для меню которая подключается отдельным файлом .css

ASerputko 23.10.2011 17:56
что вам необходимо достичь ? опишите более четко

kuzkuz 23.10.2011 18:03
http://javascript.ru/forum/misc/2252...lennym-id.html случайно создал 2 темы

ksa 23.10.2011 18:26
kuzkuz, похоже у тебя с разметкой и цссом вообще нелады...

Вот например вариант вообще без скрипта.

<style>
div {
   display: none;
}
#menu {
   display: block;
}
</style>
<div id='menu'>Menu</div>
<div>Content 1</div>
<div>Content 2</div>
<div>Content 3</div>

kuzkuz 23.10.2011 18:31
вот весь код!
если нужно могу скинуть css файл
Немогу разобраться!

<html>
<head>
<script type="text/javascript" src="js.js"></script>
<link rel="stylesheet" type="text/css" href="css.css">
<style>div{display:none}</style>
<script>
show = function (){
var last;
return function(id){
if(last)last.style.display='';
(last=document.getElementById(id)).style.display=' block';
if
}
}()
</script>
</head>
<body>
<div class="suckerdiv" style="visibility: visible;">
<ul id="suckertree1">
<li><a href="#">ссылка1</a></li>
<li><a href="#">ссылка1</a></li>
<li><a href="#">ссылка1</a>
<ul>
<li><a href="#">ссылка1</a></li>
<li><a href="#">ссылка1</a>
<ul>
<li><a onclick="show('test_00');" href="#">ссылка1 4</a></li>
<li><a onclick="show('test_01');" href="#>ссылка1 5</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">CSS</a></li>
</ul>
</div>


<div id="test_00" style="">скрытый текст0</div>
<div id="test_01" style="">скрытый текст1</div>


</body>
</html>

ksa 23.10.2011 18:44
kuzkuz, сама практика писать
<style>div{display:none}</style>

ущербна...

В коде твоём есть ошибки... Вот как вариант

<style type="text/css">
#content > div {
	display: none;
}
</style>
<script type='text/javascript'>
function show(id) {
	document.getElementById(id).style.display='block';
}
</script>
<div class="suckerdiv">
 <ul id="suckertree1">
  <li><a href="#">ссылка1</a></li>
  <li><a href="#">ссылка1</a></li>
  <li><a href="#">ссылка1</a>
   <ul>
    <li><a href="#">ссылка1</a></li>
    <li><a href="#">ссылка1</a>
     <ul>
      <li><a onclick="show('test_00');" href="#">ссылка1 4</a></li>
      <li><a onclick="show('test_01');" href="#">ссылка1 5</a></li>
     </ul>
    </li>
   </ul>
  </li>
  <li><a href="#">CSS</a></li>
 </ul>
</div>
<div id='content'>
	<div id="test_00" style="">скрытый текст0</div>
	<div id="test_01" style="">скрытый текст1</div>
</div>


Часовой пояс GMT +3, время: 18:44.