Jump to content

wwt

Expert
  • Posts

    2,571
  • Joined

  • Last visited

  • Days Won

    119

Everything posted by wwt

  1. Что-тo я не сразу понял что не получается, посмотрел исходник самого плагина и сюдя по этому: $.fn.extend({ hideSuperfishUl : function(){ var o = sf.op, not = (o.retainPath===true) ? o.$path : ''; o.retainPath = false; var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass) .find('>ul').hide().css('visibility','hidden'); o.onHide.call($ul); return this; }, showSuperfishUl : function(){ var o = sf.op, sh = sf.c.shadowClass+'-off', $ul = this.addClass(o.hoverClass) .find('>ul:hidden').css('visibility','visible'); sf.IE7fix.call($ul); o.onBeforeShow.call($ul); $ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); }); return this; } }); Анимация предусмотрена только при открытии. Так что либо правте код плагина, к примеру так: Код плагина с правкой(При скрытие будет плавное растворение поставил скорость 500, но и будет эффект что выделены несоклько пунктов меню есл ибыстро провести мышкой по пунктам это изза задержки анимации, она не успевает скрывать обьекты). ;(function($){ $.fn.superfish = function(op){ var sf = $.fn.superfish, c = sf.c, $arrow = $(['<span class="',c.arrowClass,'"> »</span>'].join('')), over = function(){ var $$ = $(this), menu = getMenu($$); clearTimeout(menu.sfTimer); $$.showSuperfishUl().siblings().hideSuperfishUl(); }, out = function(){ var $$ = $(this), menu = getMenu($$), o = sf.op; clearTimeout(menu.sfTimer); menu.sfTimer=setTimeout(function(){ o.retainPath=($.inArray($$[0],o.$path)>-1); $$.hideSuperfishUl(); if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);} },o.delay); }, getMenu = function($menu){ var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0]; sf.op = sf.o[menu.serial]; return menu; }, addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); }; return this.each(function() { var s = this.serial = sf.o.length; var o = $.extend({},sf.defaults,op); o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){ $(this).addClass([o.hoverClass,c.bcClass].join(' ')) .filter('li:has(ul)').removeClass(o.pathClass); }); sf.o[s] = sf.op = o; $('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() { if (o.autoArrows) addArrow( $('>a:first-child',this) ); }) .not('.'+c.bcClass) .hideSuperfishUl(); var $a = $('a',this); $a.each(function(i){ var $li = $a.eq(i).parents('li'); $a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);}); }); o.onInit.call(this); }).each(function() { var menuClasses = [c.menuClass]; if (sf.op.dropShadows && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass); $(this).addClass(menuClasses.join(' ')); }); }; var sf = $.fn.superfish; sf.o = []; sf.op = {}; sf.IE7fix = function(){ var o = sf.op; if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined) this.toggleClass(sf.c.shadowClass+'-off'); }; sf.c = { bcClass : 'sf-breadcrumb', menuClass : 'sf-js-enabled', anchorClass : 'sf-with-ul', arrowClass : 'sf-sub-indicator', shadowClass : 'sf-shadow' }; sf.defaults = { hoverClass : 'sfHover', pathClass : 'overideThisToUse', pathLevels : 1, delay : 800, animation : {opacity:'show'}, speed : 'normal', autoArrows : true, dropShadows : true, disableHI : false, // true disables hoverIntent detection onInit : function(){}, // callback functions onBeforeShow: function(){}, onShow : function(){}, onHide : function(){} }; $.fn.extend({ hideSuperfishUl : function(){ var o = sf.op, not = (o.retainPath===true) ? o.$path : ''; o.retainPath = false; /*var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass) .find('>ul').hide().css('visibility','hidden');*/ /*my fix -->*/ var temp_ = $(['li.',o.hoverClass].join(''),this).add(this).not(not); var $ul = temp_.find('>ul').fadeOut(500, function(){ temp_.removeClass(o.hoverClass); $(this).css('visibility','hidden'); }); /*<--*/ o.onHide.call($ul); return this; }, showSuperfishUl : function(){ var o = sf.op, sh = sf.c.shadowClass+'-off', $ul = this.addClass(o.hoverClass) .find('>ul:hidden').css('visibility','visible'); sf.IE7fix.call($ul); o.onBeforeShow.call($ul); $ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); }); return this; } }); })(jQuery); либо ищите другой плагин который анимацию предусматривает.
  2. А мне кажется onShow это обработчик события запускающийся после окончания показа меню.onBeforeShow соответственно отрабатывает перед окончанием показа и onHide после скрытия. А вот за анимацию судя по описанию отвечают свойства animation: {opacity:'show'}, // an object equivalent to first parameter of jQuery’s .animate() method speed: 'normal', // speed of the animation. Equivalent to second parameter of jQuery’s .animate() method
  3. Помню когда то давно смотрел что из себя представляют программки-конструкторы. Пару тройку пробовал наверное, и главный недостаток который я там увидел это блочная верстка с абсолютным позиционированием. Для простейших задач наверное даже удобно для людей не знакомых с HTML/CSS.
  4. Автоматически возникает вопрос - как сделать так, чтобы родительский блок всегда "охватывал" дочерний по ширине? Так же, как он это делает по высоте. display:inline-block; мобыть http://jsfiddle.net/jTNY5/
  5. подключаешь по порядку: 1. http://code.jquery.com/jquery.min.js - сама jQuery версия 1.8.2 2. http://code.jquery.com/ui/1.8.23/jquery-ui.min.js - jQueryUI версия 1.8.23 3. http://cdn.jquerytools.org/1.2.7/all/jquery.tools.min.js - плагин jquery.tools версия 1.2.7 4. http://code.google.com/p/jsplumb/downloads/detail?name=jquery.jsPlumb-1.3.15-all-min.js - плагин jquery.jsPlumb версия 1.3.15 5. другие плагины 6. свои скрипты использующие подключенные выше библиотеки и плагины к ним. Я указал ссылки на актуальные версии фреймворка и плагинов все они должны работать друг с другом. Единственное jquery.tools на оф.сайте написано что использует jquery 1.7.2 вчера проверял и не заметил проблем её работы с 1.8.2
  6. о_О а таблицы не пробовали использовать?
  7. хм подключил отдельно jquery и отдельно jquery.tools у меня пример из демо работает. Вы что-то делаете не верно явно. Да и вообще смотрю у вас на странице подключено куча плагинов. Проверьте версии плагинов и какую версию jquery они требуют , если какие-то используют старую версию проверьте есть ли более новая версия этого плагина. А подключать 2 версии одного фреймворка это делается только в крайнем случае, если зависимого кода очень много, плюс обычно более новые версии имеют обратную совместимость и проблем со старым кодом в большинстве случаев быть не должно.
  8. если .htaccess в папке catalog должно работать вот так: RewriteEngine On RewriteRule ^(TELE|RELECO)(.*)$ /PDF/$1$2 [R=301,L]
  9. Разве в JS есть ссылки? Если изменить $, то c JQ ничего не стучится. var a = 1; var b = 2; a = b; b++; console.log(a); // 2 Ссылки есть. По сути вся работа с объектами в JS это и есть система ссылок. var link1 = { test: "test" }; var link2 = link1; console.log(link1.test); // test console.log(link2.test); // test link1.test = "test2"; console.log(link1.test); // test2 console.log(link2.test); // test2 или пример с функцией, которая по сути тоже является объектом, и b тут вовсе не функция, а ссылка на него: var a = 1; var b = function(val){ // или можно написать "function b(val){" без разницы if(val != undefined) this.data = val; else return this.data; }; b(1); a = b; b(2); console.log(a()); // 2
  10. jquery.tools.min.js подключенная на вашей странице уже содержит в себе jQuery v1.4.2. И вы тут же подключаете jquery.min.1.7.1.js Получая этим самым на одной странице две версии одного и того же фреймворка. Обновите jquery.tools до последней версии 1.2.7 она использует jquery v1.7.2. Вообще у вас два варианта решения: 1) подключить jquery.tools с уже добавленной jquery по ссылке выше и не подключать отдельно jquery 2) подключить jquery.tools без jquery по ссылке выше и подключить отдельно jquery
  11. 1. Прописать доктайп 2. Переверстывать или вносить изменения проверяя во всех браузерах.
  12. Получает он фокус, если вы не видите курсора это не значит что фокус не получен. Пример : http://jsfiddle.net/Ehxjk/ Чтобы сразу поставить курсор в редактируемый контент можно просто дописать вот так: $(".menuedit").dblclick(function() { $(this).attr('contentEditable', 'true'); $(this).focus(); $(this).html($(this).html()); });
  13. wwt

    Прокрутка

    Свойства CSS: overflow overflow-y overflow-x
  14. метоксихлордиэтиламинометилбутиламиноакридин ЗЫ есть такое не валидное и не входящее в стандарты свойство word-wrap .text { word-wrap:break-word; } и CSS3 свойство word-break .text { word-break: break-all; } перенос слова если оно не вмещается в ширину блока.
  15. запилите зверушку туда какуюнить
  16. Открой для себя настройку скинов Открыл. Настроил. Стало хуже Не в них дело. Aptana требует самостоятельности там где Expression может "водить" по диалоговым окнам "за ручку". Ещё не удалось найти, например, панелей в которых отображались бы свойства о текущем теге и связанных с ним стилевых определениях, доступных для редактирования "на лету". Наверняка все это тоже можно как-то сделать, просто требуется время на первичное освоение. В процессе. Не бери в голову, Aptana это JS IDE с возможностью доставить кучу других возможностей с помощью плагинов. А експрешшион веб это по сути просто визуальный редактор для создания веб-страниц. Используй то что нравится и удобно лично тебе. Но ознакомится с другими редакторами и ide всеже стоит хоть и не сразу, возможно ты что-то откроешь для себя лучшее. Открой для себя настройку скинов Открыл. Настроил. Стало хуже там есть настройка цветовых схем подсветки, их там наскока помню несколько десятков ))
  17. которая переключает вкладки по полсекунды и запускается секунд 5. При наборе текста тоже притормаживает, пытаясь найти автодополнение. На мощном компе это практически не замечается. Да и это минусы не Аптаны, а Еклипса и java по сути то.Тоже можно сказать и про Зенд студио к примеру.
  18. Нифига не легковесная, вкладки переключает по полсекунды. Я вот geany выбрал. Один минус - не делает подстановку css-свойств. Для этого приходится брать jedit. Это я про мелкомягковскую говорил )) А далее сказал что если бы и выбирал IDE с расширенными возможностями то это бы скорее стала к примеру аптана. ))
  19. остановить всплытие при клике на дочерний элемент. $('.a2').bind("mousedown mouseup", function(e){e.stopPropagation();}); $(".a1").mouseup(function(){ $(this).append('<span style="color:#000;">Mouse up.</span>'); }).mousedown(function(){ $(this).append('<span style="color:#000;">Mouse down.</span>'); });
  20. тогда ajax-запрос(ваш запрос из поля отсылаем на сервер)-php(принимаем запрос получаем данные с вашего поисковика, парсим и отсылаем ответ)-ajax-ответ(получаем результаты и выводим куда надо) к примеру на примере jQuery: HTML+JS index.html <input id="val" type="text"><input id="sub" type="button" value="Поиск"> <div id="result"></div> <script> $(document).ready(function() $("#sub").click(function(){ //тут аякс запрос файлу search.php, к примеру методом post, и обработка ответа $.ajax({ url: "search.php", type: "POST", data: {val : $("#val").val()} }).done(function( data ) { //чтото делаем с полученным ответом }); }); }); </script> PHP search.php <?php $url = "адрес куда запрос?";//к адресу подставляем то что было в поле $_POST["val"]; $data = file_get_contents(url); //далее парсим страницу которую получили и отсылаем в index.html ответ $out_data = ..... echo $out_data; ?> Примерно так, естественно какаято часть этого рабочая, а какую-то придется вам самому дописать. К примеру место где вы парсите страницу
  21. Обычная IDE с кучей ненужной фигни и в добавок нифика не легковестная )) Если уж мне нужна будет IDE я выберу чтото типо Aptana там действительно есть возможности которых нет в нотепаде.
  22. Последуйте совету и хотя бы почитайте самоучитель.
  23. Если элементы идут друг за другом можно сделать так подогнать межстрочный интервал к высоте иконки и выровнить тект по верху. <img src="..."><span>text</span> span { line-height: 25px; vertical-align: top; } а если img вложен то можно выравнить саму иконку относительно текста <span><img src=""> Text</span> img {vertical-align: middle;}
  24. ...Смешались в кучу кони, люди, И залпы тысячи орудий Слились в протяжный вой... (с)Лермонтов и правда Бородино
×
×
  • 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