wwt
Expert-
Posts
2,571 -
Joined
-
Last visited
-
Days Won
119
Content Type
Profiles
Forums
Calendar
Store
Everything posted by wwt
-
Что-т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); либо ищите другой плагин который анимацию предусматривает.
-
А мне кажется 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
-
Помню когда то давно смотрел что из себя представляют программки-конструкторы. Пару тройку пробовал наверное, и главный недостаток который я там увидел это блочная верстка с абсолютным позиционированием. Для простейших задач наверное даже удобно для людей не знакомых с HTML/CSS.
-
Почему родительский блок не растягивается шире viewport'а ?
wwt replied to salikoff's question in HTML Coding
Автоматически возникает вопрос - как сделать так, чтобы родительский блок всегда "охватывал" дочерний по ширине? Так же, как он это делает по высоте. display:inline-block; мобыть http://jsfiddle.net/jTNY5/ -
подключаешь по порядку: 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
-
о_О а таблицы не пробовали использовать?
-
хм подключил отдельно jquery и отдельно jquery.tools у меня пример из демо работает. Вы что-то делаете не верно явно. Да и вообще смотрю у вас на странице подключено куча плагинов. Проверьте версии плагинов и какую версию jquery они требуют , если какие-то используют старую версию проверьте есть ли более новая версия этого плагина. А подключать 2 версии одного фреймворка это делается только в крайнем случае, если зависимого кода очень много, плюс обычно более новые версии имеют обратную совместимость и проблем со старым кодом в большинстве случаев быть не должно.
-
если .htaccess в папке catalog должно работать вот так: RewriteEngine On RewriteRule ^(TELE|RELECO)(.*)$ /PDF/$1$2 [R=301,L]
-
Разве в 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
-
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
-
1. Прописать доктайп 2. Переверстывать или вносить изменения проверяя во всех браузерах.
-
Получает он фокус, если вы не видите курсора это не значит что фокус не получен. Пример : http://jsfiddle.net/Ehxjk/ Чтобы сразу поставить курсор в редактируемый контент можно просто дописать вот так: $(".menuedit").dblclick(function() { $(this).attr('contentEditable', 'true'); $(this).focus(); $(this).html($(this).html()); });
-
Свойства CSS: overflow overflow-y overflow-x
-
метоксихлордиэтиламинометилбутиламиноакридин ЗЫ есть такое не валидное и не входящее в стандарты свойство word-wrap .text { word-wrap:break-word; } и CSS3 свойство word-break .text { word-break: break-all; } перенос слова если оно не вмещается в ширину блока.
-
запилите зверушку туда какуюнить
-
Открой для себя настройку скинов Открыл. Настроил. Стало хуже Не в них дело. Aptana требует самостоятельности там где Expression может "водить" по диалоговым окнам "за ручку". Ещё не удалось найти, например, панелей в которых отображались бы свойства о текущем теге и связанных с ним стилевых определениях, доступных для редактирования "на лету". Наверняка все это тоже можно как-то сделать, просто требуется время на первичное освоение. В процессе. Не бери в голову, Aptana это JS IDE с возможностью доставить кучу других возможностей с помощью плагинов. А експрешшион веб это по сути просто визуальный редактор для создания веб-страниц. Используй то что нравится и удобно лично тебе. Но ознакомится с другими редакторами и ide всеже стоит хоть и не сразу, возможно ты что-то откроешь для себя лучшее. Открой для себя настройку скинов Открыл. Настроил. Стало хуже там есть настройка цветовых схем подсветки, их там наскока помню несколько десятков ))
-
которая переключает вкладки по полсекунды и запускается секунд 5. При наборе текста тоже притормаживает, пытаясь найти автодополнение. На мощном компе это практически не замечается. Да и это минусы не Аптаны, а Еклипса и java по сути то.Тоже можно сказать и про Зенд студио к примеру.
-
Нифига не легковесная, вкладки переключает по полсекунды. Я вот geany выбрал. Один минус - не делает подстановку css-свойств. Для этого приходится брать jedit. Это я про мелкомягковскую говорил )) А далее сказал что если бы и выбирал IDE с расширенными возможностями то это бы скорее стала к примеру аптана. ))
-
остановить всплытие при клике на дочерний элемент. $('.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>'); });
-
тогда 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; ?> Примерно так, естественно какаято часть этого рабочая, а какую-то придется вам самому дописать. К примеру место где вы парсите страницу
-
http://jsfiddle.net/WrMkE/
-
Обычная IDE с кучей ненужной фигни и в добавок нифика не легковестная )) Если уж мне нужна будет IDE я выберу чтото типо Aptana там действительно есть возможности которых нет в нотепаде.
-
Последуйте совету и хотя бы почитайте самоучитель.
-
Если элементы идут друг за другом можно сделать так подогнать межстрочный интервал к высоте иконки и выровнить тект по верху. <img src="..."><span>text</span> span { line-height: 25px; vertical-align: top; } а если img вложен то можно выравнить саму иконку относительно текста <span><img src=""> Text</span> img {vertical-align: middle;}
-
...Смешались в кучу кони, люди, И залпы тысячи орудий Слились в протяжный вой... (с)Лермонтов и правда Бородино