Jump to content

Angel_33_3

Newbie
  • Posts

    29
  • Joined

  • Last visited

Information

  • Sex
    мужской

Angel_33_3's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Внутри блока с основным контентом нужна фиксированная кнопка при нажатии по которой будет выезжать div блок и этот блок должен растягивается по все высоте экрана. Внешне это я реализовал вот так Пример кода Проблема в том, что сейчас блок fixed-block, который поверх всего, перекрывает контент и не позволяет взаимодействовать с ним. Может кто-то подскажет как избежать это проблемы и внешне оставить все так же?
  2. В браузерах firefox и chrome когда в форму ввода текста вводишь какие-нибудь данные, браузер их запоминает. Например, тут http://zthata.com.ua/map в поле названия улицы, когда вводишь первую-вторую буквы появляется выпадающий список с улицами на эту букву и ты выбираешь нужную себе улицу. Но, потом когда ты опять ищешь улицу на ту букв которую искал раньше, тебе помимо выпадающего списка улиц самого скрипта еще сам браузер показывает список улиц, которых ты раньше выбирал. Как сделать, так чтобы браузер не показывал введенный ранее мной текст.
  3. Спасибо! Как раз разобрался с этим вопросом.
  4. На этой странице http://stark-industry.zthata.com/product.html для левого динамического меню используется скрипт sdmenu. По умолчанию меню раскрытое. Подскажите, как по умолчанию его сделать закрытым. Вот код в хеде: <script type="text/javascript"> // <![CDATA[ var myMenu; window.onload = function() { myMenu = new SDMenu("my_menu"); myMenu.init(); }; // ]]> </script> И сам скрипт: function SDMenu(id) { if (!document.getElementById || !document.getElementsByTagName) return false; this.menu = document.getElementById(id); this.submenus = this.menu.getElementsByTagName("div"); this.remember = true; this.speed = 3; this.markCurrent = true; this.oneSmOnly = true; } SDMenu.prototype.init = function() { var mainInstance = this; for (var i = 0; i < this.submenus.length; i++) this.submenus[i].getElementsByTagName("span")[0].onclick = function() { mainInstance.toggleMenu(this.parentNode); }; if (this.markCurrent) { var links = this.menu.getElementsByTagName("a"); for (var i = 0; i < links.length; i++) if (links[i].href == document.location.href) { links[i].className = "current"; break; } } if (this.remember) { var regex = new RegExp("sdmenu_" + encodeURIComponent(this.menu.id) + "=([01]+)"); var match = regex.exec(document.cookie); if (match) { var states = match[1].split(""); for (var i = 0; i < states.length; i++) this.submenus[i].className = (states[i] == 0 ? "collapsed" : ""); } } }; SDMenu.prototype.toggleMenu = function(submenu) { if (submenu.className == "collapsed") this.expandMenu(submenu); else this.collapseMenu(submenu); }; SDMenu.prototype.expandMenu = function(submenu) { var fullHeight = submenu.getElementsByTagName("span")[0].offsetHeight; var links = submenu.getElementsByTagName("a"); for (var i = 0; i < links.length; i++) fullHeight += links[i].offsetHeight; var moveBy = Math.round(this.speed * links.length); var mainInstance = this; var intId = setInterval(function() { var curHeight = submenu.offsetHeight; var newHeight = curHeight + moveBy; if (newHeight < fullHeight) submenu.style.height = newHeight + "px"; else { clearInterval(intId); submenu.style.height = ""; submenu.className = ""; mainInstance.memorize(); } }, 30); this.collapseOthers(submenu); }; SDMenu.prototype.collapseMenu = function(submenu) { var minHeight = submenu.getElementsByTagName("span")[0].offsetHeight; var moveBy = Math.round(this.speed * submenu.getElementsByTagName("a").length); var mainInstance = this; var intId = setInterval(function() { var curHeight = submenu.offsetHeight; var newHeight = curHeight - moveBy; if (newHeight > minHeight) submenu.style.height = newHeight + "px"; else { clearInterval(intId); submenu.style.height = ""; submenu.className = "collapsed"; mainInstance.memorize(); } }, 30); }; SDMenu.prototype.collapseOthers = function(submenu) { if (this.oneSmOnly) { for (var i = 0; i < this.submenus.length; i++) if (this.submenus[i] != submenu && this.submenus[i].className != "collapsed") this.collapseMenu(this.submenus[i]); } }; SDMenu.prototype.expandAll = function() { var oldOneSmOnly = this.oneSmOnly; this.oneSmOnly = false; for (var i = 0; i < this.submenus.length; i++) if (this.submenus[i].className == "collapsed") this.expandMenu(this.submenus[i]); this.oneSmOnly = oldOneSmOnly; }; SDMenu.prototype.collapseAll = function() { for (var i = 0; i < this.submenus.length; i++) if (this.submenus[i].className != "collapsed") this.collapseMenu(this.submenus[i]); }; SDMenu.prototype.memorize = function() { if (this.remember) { var states = new Array(); for (var i = 0; i < this.submenus.length; i++) states.push(this.submenus[i].className == "collapsed" ? 0 : 1); var d = new Date(); d.setTime(d.getTime() + (30 * 24 * 60 * 60 * 1000)); document.cookie = "sdmenu_" + encodeURIComponent(this.menu.id) + "=" + states.join("") + "; expires=" + d.toGMTString() + "; path=/"; } };
  5. дааа... здесь я эту строчку не смотрел. завтыкал малеха. но я в эту строчку $("#идентификатор_того_что_нужно_держать_открытым").show(); подставляю разные идентификаторы и меню все равно закрывается. вот код самого меню, что я опять делаю не так? <div id="linkList"> <div id="sliderWrap"> <div id="openCloseIdentifier"></div> <div id="slider"> <div id="sliderContent"> <ul id="listService"> <li><a href="organizing_events.html">Организация событий</a></li> <ul id="listSer"> <li><a href="corporate_party.html">- корпоративный праздник</a></li> <li><a href="private_party.html">- частный праздник</a></li> <li><a href="major_events.html">- крупные мероприятия</a></li> </ul> <li><a href="creative.html">Креатив – копирайт, креатив</a></li> <li><a href="promo.html">Промо, PR</a></li> <li><a href="production.html">Продакшн – аудио видео</a></li> <li><a href="design.html">Дизайн</a></li> <ul id="listSer"> <li><a href="des_web.html">- веб</a></li> <li><a href="des_polygraphy.html">- полиграфия</a></li> </ul> </ul> </div> <div id="openCloseWrap"> <a href="#" class="topMenuAction" id="topMenuImage"> <img src="design/images/open.png" alt="" /> </a> </div> </div> </div> </div>
  6. я в любом случае буду изучать js и jQuery, мне это очень надо, но это меню мне по работе нужно сделать сейчас. Надеялся что, кто-то в код заглянет и подскажет.
  7. http://nz-ua.com/design/scripts/jquery-1.2.6.min.js загляни сам в код там нет такой строчки
  8. Так в коде вообще такой строчки нету
  9. в css в margin-top изменил значение с -249px на 0px и теперь оно по умолчанию развернутое, но как сделать, чтобы вначале меню сворачивалось с первого раза кликая на стрелку, а не со второго, как сейчас. Потом оно сворачивается и разворачивается с первого раза.
  10. меню уже работает, но при нажатии на стрелку оно раскрывается, а при переходе на новую страницу, опять закрывается. Как зафиксировать положение меню или как сделать, чтобы оно по умолчанию было открыто, а не закрыто? вот скрипт в html-странице: <script type="text/javascript"> $(document).ready(function() { $(".topMenuAction").click( function() { if ($("#openCloseIdentifier").is(":hidden")) { $("#slider").animate({ marginTop: "-248px" }, 500 ); $("#topMenuImage").html('<img src="design/images/open.png" alt="" />'); $("#openCloseIdentifier").show(); } else { $("#slider").animate({ marginTop: "0px" }, 500 ); $("#topMenuImage").html('<img src="design/images/close.png" alt="" />'); $("#openCloseIdentifier").hide(); } }); }); </script> Вот css код меню: #sliderWrap { width: 242px; } #slider { position: absolute; background-image:url(linkList2.png); background-repeat:no-repeat; background-position: bottom; width: 242px; height: 279px; margin-top: -249px; } #slider img { border: 0; } #sliderContent { position: absolute; text-align:left; } #openCloseWrap { position:absolute; margin: 248px 0 0 0px; font-size:12px; font-weight:bold; } Вот ссылка на сам скрипт: http://nz-ua.com/design/scripts/jquery-1.2.6.min.js Правда там код не красиво оформлен
  11. Кто работает с движком dle? Подскажите, пожалуйста, как в dle можно накрутить результат голосов. надо в начале создать видимость популярности опросов
  12. я в JS не силен. как можно сделать чтобы при нажатии на кнопку Услуги, она оставалась на месте, а список выезжал вниз?
  13. На форуме нужной мне темы не нашел. Вот есть сайт, нужно сделать динамическое меню, которое при нажатии на Услуги сворачивалась бы и разворачивалось. в меню на фоне используется градиен, внизу тень и в этом вся проблема. подскажите, как можно добиться этого эффекта.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy