Jump to content

Rezet

Newbie
  • Posts

    6
  • Joined

  • Last visited

Everything posted by Rezet

  1. Совершенно без знания скриптов сделал так: show: function(){ this.fade.start({ opacity: this.options.opacity, visibility: 'visible' }); this.iframe.setStyles({ opacity:1 }); }, hide: function(){ this.fade.start({ opacity: 0, visibility: 'hidden' }); this.iframe.setStyles({ opacity:0 }); Это позволило добиться нужного результата, НО в Opera апплету насрать на точто его перекрывает фрейм... Я вижу один вариант при клике присвоить visibility:hidden аплету, но как это вставить в этот скрипт???
  2. Ну как обычно мне никто не может ответить.... Нашёл косяк в скрипте создающем оверлей для multibox. Вот что он мне выдаёт: <div style="overflow: hidden; position: absolute; left: 0px; top: 0px; width: 1242px; visibility: visible; z-index: 1; opacity: 0.7; height: 1016px;" id="OverlayContainer"><iframe style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; visibility: hidden; opacity: 0; z-index: 1;" src="java script:void(0);" name="OverlayIframe" id="OverlayIframe" scrolling="no" frameborder="0"></iframe><div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; background-color: rgb(0, 0, 0);" id="Overlay"></div></div> Хотя по идее он должен отображать это в такой структуре: <div><iframe><div></div></iframe></div> Помогите, пожалуйста, исправить ошибку! Код скрипта: var Overlay = new Class({ getOptions: function(){ return { colour: '#000', opacity: 0.7, zIndex: 1, container: $(document.body), onClick: new Class() }; }, initialize:function(options) { this.setOptions(this.getOptions(),options); this.container = new Element('div').setProperty('id','OverlayContainer').setStyles({ position: 'absolute', left: '0px', top: '0px', width: '100%', visibility: 'hidden', overflow: 'hidden', zIndex: this.options.zIndex, opacity: 0 }).inject(this.options.container,'inside'); this.iframe = new Element('iframe').setProperties({ id: 'OverlayIframe', name: 'OverlayIframe', src: 'java script:void(0);', frameborder: 0, scrolling: 'no' }).setStyles({ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', filter: 'progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)', opacity: 0, zIndex: 1 }).inject(this.container,'inside'); this.overlay = new Element('div').setProperty('id','Overlay').setStyles({ position: 'absolute', left: '0px', top: '0px', width: '100%', height: '100%', zIndex: 2, backgroundColor: this.options.colour }).inject(this.container,'inside'); this.container.addEvent('click',function(){ this.options.onClick(); }.bind(this)); this.fade = new Fx.Morph(this.container); this.position(); window.addEvent('resize',this.position.bind(this)); }, position: function(){ this.container.setStyle('height','0');//reset container height ready for resize( removes scrollbar so new calc is true - liam) if(this.options.container == document.body){ if(this.options.container.getSize().y >= this.options.container.getScrollSize().y){ this.container.setStyles({ width: window.getSize().x+'px', height: window.getSize().y+'px' }); }else{ this.container.setStyles({ width: window.getSize().x+'px', height: window.getScrollSize().y+'px' }); } }else{ var myCoords = this.options.container.getCoordinates(); this.container.setStyles({ top: myCoords.top+'px', height: myCoords.height+'px', left: myCoords.left+'px', width: myCoords.width+'px' }); }; }, show: function(){ this.fade.start({ opacity: this.options.opacity, visibility: 'visible' }); }, hide: function(){ this.fade.start({ opacity: 0, visibility: 'hidden' }); } }); Overlay.implement(new Options);
  3. Задача: Наложить полупрозрачный слой на java applet. На сайте использую multibox для подгрузки подробной версии новости. В мультибоксе при клике на "Подробнее" стандартно создаётся полупрозрачный див 100 на 100 процентов + слой-рамка новости, а в этом слою в iframe подгружается полная новость. Всё работало отлично, пока я не поставил java applet на страницу(pjirc). Теперь аплет перекрывает даже оверлей, создаваемый мультибоксом. Погуглив, я выяснил, что апплеты как бЭ грузятся не браузером, а операционкой, потому это не проблема z-index'a... Самое нормальное решение нашёл ЗДЕСЬ. Для тех кто не шарит в английском, чел перекрыл апплет используя трюк iFrame shim. Он как бы сделал слой над фреймом, а фрейм над апплетом. Ну думаю, знающие люди уже поняли всё по коду скрипта (я просто совсен не знаю java script). И к сожалению это решение не работает на Опере... А оперой то пользуется... дай Бог народа. Можете исправить код, чтобы он работал и в опере? И может кто-то тоже юзает multibox, помог добавить этот фикс в сприпт, наверняка многим это тоже пригодится!
  4. Ну что-то никто не помогает) В итоге нашёл вот такую вещь http://www.artlebedev.ru/tools/technogrette/js/tabsheets/
  5. Привет, хочу на странице сайта реализовать переключение между "закладками" без перехода на новую страницу: |__news__| champ |__air___|___team__| champ content На моём мега рисунке открыта закладка champ Нашёл подходящий скрипт, всё работает отлично, но только вот я хочу, чтобы после открытия определённой "закладки" (Например champ) её стиль менялся на заданый(Тоесть ссылка после открытия закладки получала новый стиль), ну и понятно, что если я открываю другую закладку(Например team), стиль кнопки для открытия закладки champ возвращался на первичный. Вот код: <script type="text/javascript"> function hide() { for(i=0; i<hide.arguments.length; i++) { document.getElementById(hide.arguments[i]).style.display = 'none'; } } function show(id) { hide('news', 'champ', 'air', 'team'); document.getElementById(id).style.display = 'block'; } </script> Кнопки закладок, к которым и нужно добавить стиль при открытой закладке, выглядят так: <a href="#news" onclick="show('news')">[News]</a> Помогите, пожалуйста, совсем не шарю в javascript! То что я хочу реализовано на сайте битрикса Там используется такой скрипт: function SetActiveTab(tab) { var listElement = tab.parentNode.parentNode; var arTabs = listElement.getElementsByTagName("LI"); //Hide for (var i = 0; i < arTabs.length; i++) { arTabs[i].className = ""; var tabBody = document.getElementById(arTabs[i].id + "-body"); if (tabBody) tabBody.style.display = "none"; } //Show var tabBody = document.getElementById(tab.parentNode.id + "-body"); if (tabBody) { tab.parentNode.className = "active"; tab.blur(); tabBody.style.display = "block"; } }
  6. а если div задать margin 0 auto?
×
×
  • 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