Angel_33_3
Newbie-
Posts
29 -
Joined
-
Last visited
Information
-
Sex
мужской
Angel_33_3's Achievements
Explorer (1/14)
0
Reputation
-
Выезжающий фиксированный блок внутри контента
Angel_33_3 replied to Angel_33_3's question in HTML Coding
Это то, что нужно. Спасибо за помощь! -
Внутри блока с основным контентом нужна фиксированная кнопка при нажатии по которой будет выезжать div блок и этот блок должен растягивается по все высоте экрана. Внешне это я реализовал вот так Пример кода Проблема в том, что сейчас блок fixed-block, который поверх всего, перекрывает контент и не позволяет взаимодействовать с ним. Может кто-то подскажет как избежать это проблемы и внешне оставить все так же?
-
Спасибо!
-
В браузерах firefox и chrome когда в форму ввода текста вводишь какие-нибудь данные, браузер их запоминает. Например, тут http://zthata.com.ua/map в поле названия улицы, когда вводишь первую-вторую буквы появляется выпадающий список с улицами на эту букву и ты выбираешь нужную себе улицу. Но, потом когда ты опять ищешь улицу на ту букв которую искал раньше, тебе помимо выпадающего списка улиц самого скрипта еще сам браузер показывает список улиц, которых ты раньше выбирал. Как сделать, так чтобы браузер не показывал введенный ранее мной текст.
-
Спасибо! Как раз разобрался с этим вопросом.
-
На этой странице 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=/"; } };
-
дааа... здесь я эту строчку не смотрел. завтыкал малеха. но я в эту строчку $("#идентификатор_того_что_нужно_держать_открытым").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>
-
я в любом случае буду изучать js и jQuery, мне это очень надо, но это меню мне по работе нужно сделать сейчас. Надеялся что, кто-то в код заглянет и подскажет.
-
http://nz-ua.com/design/scripts/jquery-1.2.6.min.js загляни сам в код там нет такой строчки
-
Так в коде вообще такой строчки нету
-
в css в margin-top изменил значение с -249px на 0px и теперь оно по умолчанию развернутое, но как сделать, чтобы вначале меню сворачивалось с первого раза кликая на стрелку, а не со второго, как сейчас. Потом оно сворачивается и разворачивается с первого раза.
-
меню уже работает, но при нажатии на стрелку оно раскрывается, а при переходе на новую страницу, опять закрывается. Как зафиксировать положение меню или как сделать, чтобы оно по умолчанию было открыто, а не закрыто? вот скрипт в 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 Правда там код не красиво оформлен
-
Кто работает с движком dle? Подскажите, пожалуйста, как в dle можно накрутить результат голосов. надо в начале создать видимость популярности опросов
-
я в JS не силен. как можно сделать чтобы при нажатии на кнопку Услуги, она оставалась на месте, а список выезжал вниз?
-
На форуме нужной мне темы не нашел. Вот есть сайт, нужно сделать динамическое меню, которое при нажатии на Услуги сворачивалась бы и разворачивалось. в меню на фоне используется градиен, внизу тень и в этом вся проблема. подскажите, как можно добиться этого эффекта.