Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Меню

Сообщения:  [1-9] 

 
 автор: Dead   (27.08.2006 в 13:45)   письмо автору
 
   для: ExtraBrain   (27.08.2006 в 09:59)
 

НУжно чтоб обязательно появлялся плюсик и минус напротив названия категории, к сожалению это не моя прихоть.

   
 
 автор: ExtraBrain   (27.08.2006 в 09:59)   письмо автору
 
   для: Dead   (27.08.2006 в 00:49)
 

>RMW:
>Именно то, что нужно, вот только если помимо главной могут быть ещё и услуги, как тут быть


Не понял. Там же пример на целых три главных пункта.

   
 
 автор: Dead   (27.08.2006 в 00:49)   письмо автору
 
   для: ExtraBrain   (26.08.2006 в 16:40)
 

RMW:
Именно то, что нужно, вот только если помимо главной могут быть ещё и услуги, как тут быть

   
 
 автор: ExtraBrain   (26.08.2006 в 16:40)   письмо автору
 
   для: Dead   (26.08.2006 в 00:04)
 

Такое сгодится?

<html> 

<head> 
<title>Студенческий портал</title> 
<meta http-equiv="Content-Type" content='text/html; charset=windows-1251'>  

<style type="text/css"> 
 .closeelem { cursor:pointer; list-style-image: url(Knopka.gif) } 
 .colelem   { position:relative; display:none; } 
 .expelem   { position:relative; display:block; list-style-image: url(knopka-4.gif); } 
</style> 

<script> 

 var flop1=0; 
 var flop2=0; 
 var flop3=0; 
 var flcl1=0; 
 var flcl2=0; 
 var flcl3=0; 

 function setLastOpen(o) { 
   if(o=='obj1') { if(flcl1==0) flop1=1; flcl1=0; } 
   if(o=='obj2') { if(flcl2==0) flop2=1; flcl2=0; } 
   if(o=='obj3') { if(flcl3==0) flop3=1; flcl3=0; } 
 } 

 function closeLastOpen() { 
   if(flop1) { document.getElementById('obj1').className="colelem";flcl1=1;} 
   if(flop2) { document.getElementById('obj2').className="colelem";flcl2=1;} 
   if(flop3) { document.getElementById('obj3').className="colelem";flcl3=1;} 

   flop1=0;    
   flop2=0; 
   flop3=0; 
 } 
  
 function hideAllElem() { 
   document.getElementById('obj1').className="colelem"; 
   document.getElementById('obj2').className="colelem"; 
   document.getElementById('obj3').className="colelem"; 
 } 

 function chhidElem (o) { 
   hideAllElem(); 
   document.getElementById(o).className="expelem"; 
   closeLastOpen(); 
   setLastOpen(o); 
 } 
</script> 

</head> 
<body> 

<div id="blockmenuN"> 
 <div id="a"> 
  <li class="closeelem" onclick="chhidElem('obj1')"  
      title="Важно 
             Права и обязанности студентов 
             Сессия 
             Рейтинги 
             Стипендия"> 
   &nbsp; Важно 
  </li> 
  <br><br> 
  <ul id="obj1" class="colelem" style="right:5px; bottom:6px; font-size:14px; line-height:21px;"> 
      <li><a href="#">Права студентов</a></li> 
      <li><a href="#">Сессия</a></li> 
      <li><a href="#">Рейтинги</a></li> 
      <li><a href="#">Стипендия</a></li> 
  </ul> 

  <li class="closeelem" onclick="chhidElem('obj2')"  
      title="Студенческая пресса 
             Газета 
             Пишем все и обо всем 
             Взгляд студента"> 
   &nbsp; Студенческая пресса 
  </li> 
  <br><br> 
  <ul id="obj2" class="colelem" style="right:5px; bottom:6px; font-size:14px; line-height:21px;"> 
      <li><a href="#">Газета</a></li> 
      <li><a href="#">Пишем все и обо всем</a></li> 
      <li><a href="#">Взгляд студента</a></li> 
  </ul> 
  <li class="closeelem" onclick="chhidElem('obj3')"  
      title="Прочее 
             Отдых 
             Любовь 
             Спорт"> 
   &nbsp; Прочее 
  </li> 
  <br><br> 
  <ul id="obj3" class="colelem" style="right:5px; bottom:6px; font-size:14px; line-height:21px;"> 
      <li><a href="#">Отдых</a></li> 
      <li><a href="#">Любовь</a></li> 
      <li><a href="#">Спорт</a></li> 
  </ul> 
 </div> 
</div> 

</body> 
</html> 

   
 
 автор: RMW   (26.08.2006 в 15:54)   письмо автору
 
   для: Dead   (26.08.2006 в 00:04)
 

Кажется я понял, меню ни разу не древовидное,
а "ясность вопроса" оказалась сомнительной.

<html>
<head>
<style>
span
{
  cursor:hand;
  font-weight:bold;
  color:blue;
  font-family:courier new;
}
</style>
<script>
function f()
{  
  var m=document.getElementById('menu');
  var p=document.getElementById('plusik');
                    
  if(m.style.display!='none'){
    m.style.display='none';
    p.innerHTML='+';
  }
  else{
    m.style.display='block';
    p.innerHTML='-';
  }
}
</script>
</head>
<body>

<span id="plusik">+</span>
<span onclick="f()">Главная</span>

<div id="menu" style="display:none">
  <a href="#">+ Юмор(5)</a><br>
  <a href="#">+ Ещё что-то (10)</a><br>
  <a href="#">+ И тут что-то (20)</a><br>
  <a href="#">+ И на последок что-то(15)</a>
</div>

</body>
</html>

   
 
 автор: DDK   (26.08.2006 в 15:16)   письмо автору
 
   для: Dead   (26.08.2006 в 13:51)
 

Поиск поможет. По словосочитанию "Древовидное меню".

   
 
 автор: Dead   (26.08.2006 в 13:51)   письмо автору
 
   для: Dead   (26.08.2006 в 00:04)
 

А дельным никто не поможет...

   
 
 автор: 12345   (26.08.2006 в 00:24)   письмо автору
 
   для: Dead   (26.08.2006 в 00:04)
 

Ну, тут нужны 2-4 часовые курсы в зависимости от способностей учащегося.

Сперва напишите код, чтобы было чему помогать.
А если готовое меню -
http://script.woweb.ru/index.htm/c/6
http://bogolubow.narod.ru/js/index.html
http://www.freeprogrammingresources.com/jscriptsrc.html
http://javascript.internet.com/

   
 
 автор: Dead   (26.08.2006 в 00:04)   письмо автору
 
 

Необходимо сделать вот такое меню

- Главная
+ Юмор(5)
+ Ещё что-то (10)
+ И тут что-то (20)
+ И на последок что-то(15)

Тоесть чтоб щелкнув на ссылку главная
+ Юмор(5)
+ Ещё что-то (10)
+ И тут что-то (20)
+ И на последок что-то(15)
исчезало, и появлялся плюсик напротив главной, ессесна при нажатии опять список выпадал.

Пы.Сы: плюсики возле ссылок Юмор и.т.д я просто поставил для ясности вопроса, на самом деле при нажатии на них должен осуществляться переход на какую-то страничку, буду очень благодарен за помощь.

   

Сообщения:  [1-9] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования