Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Сворачивающийся/собирающийся список

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
Butch
Отправлено: 25 Марта, 2007 - 16:33:41
Post Id


Новичок


Покинул форум
Сообщений всего: 6
Дата рег-ции: Март 2007  


Помог: 0 раз(а)
Приветствую всех форумчан!

на сайте http://mobicomk[dot]ru/tariffs/main

обнаружил интересную штуку.

наводим мышь на Ростовская область (к примеру). В строке состояния браузера видим ссылку - "http://mobicomk.ru/tariffs/main#

Нажимаем на нее - под надписью ростовская область разворачивается список. Нажимаем еще раз - список собирается.

Очень нужно повторить этот трюк. Как это сделано? Возможно ли сделать это на PHP или что это за скрипт? Заранее спасибо!
 
 Top
evgenijj
Отправлено: 25 Марта, 2007 - 17:03:18
Post Id



Участник


Покинул форум
Сообщений всего: 1212
Дата рег-ции: Авг. 2006  
Откуда: Москва


Помог: 10 раз(а)
PHP:
скопировать код в буфер обмена
  1.  
  2. < script type='text/javascript'>
  3. function showHide()
  4. {
  5.     if ( document.getElementById('myDiv').style.display == 'block' )
  6.         document.getElementById('myDiv').style.display = 'none';
  7.     else
  8.         document.getElementById('myDiv').style.display = 'block';
  9. }
  10. < /script>
  11. <a href="#" onclick="showHide();">Показать/Скрыть</a>
  12. <div id="myDiv" style="display:none">
  13.   <ul>
  14.     <li>Элемент 1</li>
  15.     <li>Элемент 2</li>
  16.     <li>Элемент 3</li>
  17.   </ul>
  18. </div>
  19.  
 
 Top
-SCHATTEN-
Отправлено: 25 Марта, 2007 - 17:07:31
Post Id



Пользователь


Покинул форум
Сообщений всего: 615
Дата рег-ции: Июль 2006  
Откуда: Оттуда !


Помог: 0 раз(а)
Это JavaScript
вот этот код вставляешь в <HEAD> страницы
PHP:
скопировать код в буфер обмена
  1. <style type="text/css">
  2. .menutitle{
  3. cursor:pointer;
  4. margin-bottom: 5px;
  5. background-color:#ECECFF;
  6. color:#000000;
  7. width:140px;
  8. padding:2px;
  9. text-align:center;
  10. font-weight:bold;
  11. /*/*/border:1px solid #000000;/* */
  12. }
  13.  
  14. .submenu{
  15. margin-bottom: 0.5em;
  16. }
  17. </style>
  18.  
  19. <script type="text/javascript">
  20.  
  21. var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
  22. var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only
  23.  
  24. if (document.getElementById){ //DynamicDrive.com change
  25. document.write('<style type="text/css">n')
  26. document.write('.submenu{display: none;}n')
  27. document.write('</style>n')
  28. }
  29.  
  30. function SwitchMenu(obj){
  31.         if(document.getElementById){
  32.         var el = document.getElementById(obj);
  33.         var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
  34.                 if(el.style.display != "block"){ //DynamicDrive.com change
  35.                         for (var i=0; i<ar.length; i++){
  36.                                 if (ar[i].className=="submenu") //DynamicDrive.com change
  37.                                 ar[i].style.display = "none";
  38.                         }
  39.                         el.style.display = "block";
  40.                 }else{
  41.                         el.style.display = "none";
  42.                 }
  43.         }
  44. }
  45.  
  46. function get_cookie(Name) {
  47. var search = Name + "="
  48. var returnvalue = "";
  49. if (document.cookie.length > 0) {
  50. offset = document.cookie.indexOf(search)
  51. if (offset != -1) {
  52. offset += search.length
  53. end = document.cookie.indexOf(";", offset);
  54. if (end == -1) end = document.cookie.length;
  55. returnvalue=unescape(document.cookie.substring(offset, end))
  56. }
  57. }
  58. return returnvalue;
  59. }
  60.  
  61. function onloadfunction(){
  62. if (persistmenu=="yes"){
  63. var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
  64. var cookievalue=get_cookie(cookiename)
  65. if (cookievalue!="")
  66. document.getElementById(cookievalue).style.display="block"
  67. }
  68. }
  69.  
  70. function savemenustate(){
  71. var inc=1, blockid=""
  72. while (document.getElementById("sub"+inc)){
  73. if (document.getElementById("sub"+inc).style.display=="block"){
  74. blockid="sub"+inc
  75. break
  76. }
  77. inc++
  78. }
  79. var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
  80. var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
  81. document.cookie=cookiename+"="+cookievalue
  82. }
  83.  
  84. if (window.addEventListener)
  85. window.addEventListener("load", onloadfunction, false)
  86. else if (window.attachEvent)
  87. window.attachEvent("onload", onloadfunction)
  88. else if (document.getElementById)
  89. window.onload=onloadfunction
  90.  
  91. if (persistmenu=="yes" && document.getElementById)
  92. window.onunload=savemenustate
  93.  
  94. </script>

А вот этот в то место где у тебя будет меню.
PHP:
скопировать код в буфер обмена
  1.  
  2. <!-- Keep all menus within masterdiv-->
  3. <div id="masterdiv">
  4.  
  5.         <div class="menutitle" onclick="SwitchMenu('sub1')">Site Menu</div>
  6.         <span class="submenu" id="sub1">
  7.                 - <a href="new.htm">What's New</a>
  8.  
  9.                 - <a href="hot.htm">What's hot</a>
  10.  
  11.                 - <a href="revised.htm">Revised Scripts</a>
  12.  
  13.                 - <a href="morezone/default.htm">More Zone</a>
  14.         </span>
  15.  
  16.         <div class="menutitle" onclick="SwitchMenu('sub2')">FAQ/Help</div>
  17.         <span class="submenu" id="sub2">
  18.                 - <a href="notice.htm">Usage Terms</a>
  19.  
  20.                 - <a href="faqs.htm">DHTML FAQs</a>
  21.  
  22.                 - <a href="help.htm">Scripts FAQs</a>
  23.         </span>
  24.  
  25.         <div class="menutitle" onclick="SwitchMenu('sub3')">Help Forum</div>
  26.         <span class="submenu" id="sub3">
  27.                 - <a href="../../www.codingforums.com/default.htm">Coding Forums</a>
  28.  
  29.         </span>
  30.        
  31.         <div class="menutitle" onclick="SwitchMenu('sub4')">Cool Links</div>
  32.         <span class="submenu" id="sub4">
  33.                 - <a href="../../www.javascriptkit.com/default.htm">JavaScript Kit</a>
  34.  
  35.                 - <a href="../../www.freewarejava.com/default.htm">Freewarejava</a>
  36.  
  37.                 - <a href="../../www.cooltext.com/default.htm">Cool Text</a>
  38.  
  39.                 - <a href="../../www.google.com/default.htm">Google.com</a>
  40.         </span>
  41.  
  42.         <img src="about.gif" onclick="SwitchMenu('sub5')">
  43.  
  44.         <span class="submenu" id="sub5">
  45.                 - <a href="../../www.dynamicdrive.com/link.htm">Link to DD</a>
  46.  
  47.                 - <a href="../../www.dynamicdrive.com/recommendit/default.htm">Recommend Us</a>
  48.  
  49.                 - <a href="../../www.dynamicdrive.com/contact.htm">Email Us</a>
  50.  
  51.         </span>
  52.  
  53. </div>
 
 Top
Butch
Отправлено: 25 Марта, 2007 - 17:26:10
Post Id


Новичок


Покинул форум
Сообщений всего: 6
Дата рег-ции: Март 2007  


Помог: 0 раз(а)
evgenijj пишет:
PHP:
скопировать код в буфер обмена
  1.  
  2. < script type='text/javascript'>
  3. function showHide()
  4. {
  5.     if ( document.getElementById('myDiv').style.display == 'block' )
  6.         document.getElementById('myDiv').style.display = 'none';
  7.     else
  8.         document.getElementById('myDiv').style.display = 'block';
  9. }
  10. < /script>
  11. <a href="#" onclick="showHide();">Показать/Скрыть</a>
  12. <div id="myDiv" style="display:none">
  13.   <ul>
  14.     <li>Элемент 1</li>
  15.     <li>Элемент 2</li>
  16.     <li>Элемент 3</li>
  17.   </ul>
  18. </div>
  19.  


Прекрасно! Большое спасибо!
Однако еще одна особенность. При открытии страницы содержащий ваш код IE блокирует активное содержимое. На сайте Мегафона этого не происходит. Почему?
 
 Top
kamikadze
Отправлено: 25 Марта, 2007 - 18:55:53
Post Id



Склонен к самоубийству


Покинул форум
Сообщений всего: 391
Дата рег-ции: Янв. 2007  


Помог: 0 раз(а)
Потомучто плорер на инетовских ресурсах не выдаёт такого (не часто) а на локальных часто!!!
 
 Top
Viper
Отправлено: 26 Марта, 2007 - 09:10:41
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)
пиши на ajax. и не будет ругаться


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
kamikadze
Отправлено: 27 Марта, 2007 - 21:58:28
Post Id



Склонен к самоубийству


Покинул форум
Сообщений всего: 391
Дата рег-ции: Янв. 2007  


Помог: 0 раз(а)
Под серваком не ругается!!!
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB