Jump to content

Angel_33_3

Newbie
  • Posts

    29
  • Joined

  • Last visited

Everything posted by Angel_33_3

  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. На форуме нужной мне темы не нашел. Вот есть сайт, нужно сделать динамическое меню, которое при нажатии на Услуги сворачивалась бы и разворачивалось. в меню на фоне используется градиен, внизу тень и в этом вся проблема. подскажите, как можно добиться этого эффекта.
  14. спасибо за ссылку, очень полезная, но я уже наше именно то что искал. скрипт называется Lightbox http://www.lokeshdhakar.com/projects/lightbox2/ именно он используется для сайта, что я приводил в пример. вот только есть еще один вопрос - как во время просмотра фото можно переходить со странички на страничку не прерывая просмотр? Может кто знает какой скрипт надо прописать?
  15. ищу в гугле подобную галерею http://ua-net.info/ua/portfolio/port_poligrafiya.html Так чтоб при нажатии раскрывалось фото и были кнопки nexr prev close. пока что не нашел нужного. у такой галереи есть какое-то название, но я его не знаю. Может кто-то подскажет ссылку на исходник или урок такой галереи
  16. а сам скрипт или ссылку на скрипт не бросишь? а для чего такие форумы с соответствующими разделами?
  17. а так чтобы без JS? а то я с JS не очень. или если через JS, то как, какой скрипт должен быть?
  18. В input с помощью maxlength можно указать максимальное вводимое количество символов в поле, а как так же сделать для textarea?
  19. можно ли в textarea сделать прозрачный фон, чтобы был виден background на котором оно находится?
  20. Нужно чтоб при нажатии на меню "гостевая книга" сразу открывалось окно в котором можно оставлять комментарии, тоесть свои отзывы. Как комменты можно реализовать не подключая их к новостям? или может есть другой способ оставлять отзывы? помогите пожалуйста, очень нужно!
  21. Как все банально просто! Сам пользуюсь notepad++, но на это даже не обратил внимание. Моей благодарности нет придела!
×
×
  • 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