-
Posts
209 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Mary_RND
-
Так я же говорила, что до конца не работал почему-то, вот и оставила, тот, что по вашему направлению, дописала. Поняла просто, что можно было сделать. Хотя хочу попробовать поставить ваш, только вечером, дома. Интересно его разобрать в работе =) А то на сайт в любой момент могут посмотреть -_-"
-
я вообще-то копировала О_О"
-
Скопировала. Получается если находишься на главной, то меню скрыто. Открывается только при клике. При то не происходит выделения. Если находишься на внутренних страницах, то если не внутри опять же, меню скрыто до клика. Если находишься внутри какого пункта меню, то выделяется все как надо. но опять же не меняется другие вкладки, когда ходишь по ним. Проблема в том, что если не находишься в разделах меню, то меню тот же например первый пункт, всегда должен быть виден ><.. Вообще довольно тяжелое меню... (
-
Почему-то не могла минут 30 обновить тему, но с вашей подачи, стало кое-что понятно и сделала так. $(document).ready(function(){ if(!$('.menu_dop .tab.active').length){ $( '.menu_dop .tab-content:first' ).show( 0 ); $( '.menu_dop .tab:first' ).addClass( 'selected' ); } else { $( '.menu_dop .tab.active .tab-content' ).show( 0 ); } $( '.menu_dop .tab' ).click( function () { $( '.menu_dop .tab' ).removeClass( 'selected' ); $( this ).addClass( 'selected' ); $( '.menu_dop .tab-content' ).hide( 0 ); $( this ).find( '.tab-content' ).show( 0 ); }) }); P.S.: работает второй код, но вот условие, что находясь в другом месте, а не в направлениях меню всегда должно быть раскрыто, не выполняет. Довольно заковыристое меню вышло по условиям ^_^" Спасибо большое за помощь ^____^
-
ой... что-то совсем странное происходит О_О
-
Изначально задача была на то, чтобы вкладка первая была всегда открыта, скажем она является основной. По сути если не находишься в разделах данного меню, первая вкладка и должна остаться активной. Но после того как сделала меню в cms и появился status active, у меня подсвечивается две вкладки, ведь когда переходишь в какой-то раздел этого меню, происходит обновление и selected, который добавляется к выбранным tab, сбрасывается на первый (( Я первый раз работаю с cms на уровне натянуть верстку. Поэтому и сталкиваюсь вот с такими проблемами ((( я правильно поняла, что надо было рассказать? Если решите, что нужно по другому переписать js, я не обижусь, даже круче будет, буду разбирать код по полочкам смотря в теорию, научусь чему-нибудь еще как говорится.
-
Какой букет событий надо завязать для отлова мобильника либо на изменение экрана
Mary_RND replied to borus's question in JavaScript
А вот вопрос, мне надо чтобы меню на iPad.. или телефоне, открывал меню по клику, при этом на компьютере оно должно остаться на hover.. Мне по сути по такой же системе надо делать?- 16 replies
-
- комплексное событие
- комплексное условие
- (and 3 more)
-
Какой букет событий надо завязать для отлова мобильника либо на изменение экрана
Mary_RND replied to borus's question in JavaScript
А можно вопрос? DOMContentLoaded и resize - это получаются классы, которые добавляются?- 16 replies
-
- комплексное событие
- комплексное условие
- (and 3 more)
-
Я скинула код свой, расставив какие теоретически там буду поля из umi. Хотя код слегка так перекосило О_о
-
Вот этот способ брала для моего случая: http://jsfiddle.net/UWYxZ/ Просто как добавить сюда проверку на active я не знаю...
-
Блин... а вы не можете посоветовать какую-нибудь карусель? Чтобы там такое было?
-
Крутиться-то она должна по кругу, надо чтобы их видно было по 4, но в некоторых моментах три блока информации, в других по 8. Но если их 3-4, нажимаешь кнопку и они соответственно идут по кругу как по кругу... А можно сделать так, чтобы если их 4 и меньше, кнопочек не было? Или они были не активны? (( (ступила, забыла что не картинки, написала на автомате -_-)
-
Я воспользовалась вроде очень простой карусели, но возникла проблема прокрутки. Мне надо отображение 4 изображений, но если их ровно 4 или меньше и нажать стрелки прокрутки, то они соответственно все равно крутят их по кругу... Пыталась найти в настройках, как убрать кнопки, но там такой опции нет. Как это можно обойти? T_T Вот источник http://www.gmarwaha.com/jquery/jcarousellite/documentation.php
-
А можно написать кодом пожалуйста ^_^"
-
Есть 4 таб меню, надо было, чтобы меню всегда было раскрыто, но вот теперь возникла проблема. Сейчас у меня подключена активность на меню, т.е. где находишься та вкладка и меняется, сейчас получается из-за изначальной задачи, у меня теперь активно два пункта >.<.... Если я убираю :first, то получаются активными все страницы. $( document ).ready( function () { $( '.menu_dop .tab-content:first' ).show( 0 ); $( '.menu_dop .tab:first' ).addClass( 'selected' ); $( '.menu_dop .tab' ).click( function () { $( '.menu_dop .tab' ).removeClass( 'selected' ); $( this ).addClass( 'selected' ); $( '.menu_dop .tab-content' ).hide( 0 ); $( this ).find( '.tab-content' ).show( 0 ); } );
-
вау... как код перекосило то О_О
-
Ну если расставить поля, то выглядит так... Есть две разные карты. На одной есть один адрес.Я Я так поняла что pos1n+1 это будет тоже переменная? function initialize() { var pos1 = new google.maps.LatLng(<xsl:value-of select="//property[@name = 'koordinaty']/value" />); var pos2 = new google.maps.LatLng(<xsl:value-of select="//property[@name = 'koordinaty']/value" />); var pos3 = new google.maps.LatLng(<xsl:value-of select="//property[@name = 'koordinaty']/value" />); var pos4 = new google.maps.LatLng(<xsl:value-of select="//property[@name = 'koordinaty']/value" />); var pos5 = new google.maps.LatLng(<xsl:value-of select="//property[@name = 'koordinaty']/value" />); var pos6 = new google.maps.LatLng(<xsl:value-of select="//property[@name = 'koordinaty']/value" />); var pos7 = new google.maps.LatLng(<xsl:value-of select="//property[@name = 'koordinaty']/value" />); ///SPB MAP ============================================================================= var mapOptions_spb = { zoom: 17, scrollwheel: false, center: new google.maps.LatLng(59.921090, 30.343043), mapTypeId: google.maps.MapTypeId.ROADMAP, styles: [{"featureType":"administrative","elementType":"all","stylers":[{"visibility":"on"},{"lightness":33}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f2e5d4"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#c5dac6"}]},{"featureType":"poi.park","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":20}]},{"featureType":"road","elementType":"all","stylers":[{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"color":"#c5c6c6"}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#e4d7c6"}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#fbfaf7"}]},{"featureType":"water","elementType":"all","stylers":[{"visibility":"on"},{"color":"#acbcc9"}]}] }; var map_spb = new google.maps.Map(document.getElementById('map_spb'), mapOptions_spb); var image_spb = '<xsl:value-of select="//property[@name = 'image_spb']/value" />'; var marker = new google.maps.Marker({ position: pos1, map: map_spb, icon: image_spb }); ///MSK MAP ============================================================================= var mapOptions_msk = { zoom: 17, scrollwheel: false, center: new google.maps.LatLng(55.7695689, 37.6226591), mapTypeId: google.maps.MapTypeId.ROADMAP, styles: [{"featureType":"water","elementType":"geometry","stylers":[{"color":"#e9e9e9"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#ffffff"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#dedede"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#333333"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#f2f2f2"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#fefefe"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#fefefe"},{"lightness":17},{"weight":1.2}]}] }; var map_msk = new google.maps.Map(document.getElementById('map_msk'), mapOptions_msk); var image_msk = '<xsl:value-of select="//property[@name = 'image_msk']/value" />'; // var image_msk = new google.maps.MarkerImage( 'images/beachflag_msk.png', new google.maps.Size(81,112), new google.maps.Point(0,0), new google.maps.Point(0,112)); // var image_mskHover = new google.maps.MarkerImage( 'images/beachflag_msk.png', new google.maps.Size(81,112), new google.maps.Point(0,112), new google.maps.Point(0,112) ); var marker2 = new google.maps.Marker({ position: pos2, map: map_msk, icon: image_msk }); var marker3 = new google.maps.Marker({ position: pos3, map: map_msk, icon: image_msk }); var marker4 = new google.maps.Marker({ position: pos4, map: map_msk, icon: image_msk }); var marker5 = new google.maps.Marker({ position: pos5, map: map_msk, icon: image_msk }); var marker6 = new google.maps.Marker({ position: pos6, map: map_msk, icon: image_msk }); var marker7 = new google.maps.Marker({ position: pos7, map: map_msk, icon: image_msk }); /*function showCity(event) { var coords = new google.maps.LatLng(event.data.lat, event.data.lng); map.setCenter(coords); }*/ $("<xsl:value-of select="//property[@name = 'css_class_city']/value" />").click(function(){ var coords = pos1; map_spb.panTo(coords); }); $("<xsl:value-of select="//property[@name = 'css_class_city']/value" />").click(function(){ var coords = pos2; map_msk.panTo(coords); }); $("<xsl:value-of select="//property[@name = 'css_class_city']/value" />").click(function(){ var coords = pos3; map_msk.panTo(coords); }); $("<xsl:value-of select="//property[@name = 'css_class_city']/value" />").click(function(){ var coords = pos4; map_msk.panTo(coords); }); $("<xsl:value-of select="//property[@name = 'css_class_city']/value" />").click(function(){ var coords = pos5; map_msk.panTo(coords); }); $("<xsl:value-of select="//property[@name = 'css_class_city']/value" />").click(function(){ var coords = pos6; map_msk.panTo(coords); }); $("<xsl:value-of select="//property[@name = 'css_class_city']/value" />").click(function(){ var coords = pos7; map_msk.panTo(coords); }); } google.maps.event.addDomListener(window, 'load', initialize); function smoothZoom (map_msk, max, cnt) { if (cnt >= max) { return; } else { z = google.maps.event.addListener(map_msk, 'zoom_changed', function(event){ google.maps.event.removeListener(z); smoothZoom(map_msk, max, cnt + 1); }); setTimeout(function(){map_msk.setZoom(cnt)}, 80); // 80ms is what I found to work well on my system -- it might not work well on all systems } }; function zoomTo(){ //console.log(zoomFluid); if(zoomFluid==10) return 0; else { zoomFluid ++; map_msk.setZoom(zoomFluid); setTimeout("zoomTo()", 500); } }
-
ну здесь я данные не вписывала, просто ваш код как вставить в мой @_@ Или вы имеете ввиду, чтобы там сразу для удобства были все поля, которые должны браться из cms?
-
Вот. А то... посмотрела код, думала что поняла, открыла свой код и поняла... что я ничего не поняла... >.< function initialize() { var pos1 = new google.maps.LatLng(59.921090, 30.343043); var pos2 = new google.maps.LatLng(55.7695689, 37.6226591); var pos3 = new google.maps.LatLng(55.7379675, 37.625534); var pos4 = new google.maps.LatLng(55.7580242, 37.5633864); var pos5 = new google.maps.LatLng(55.7387458, 37.6552768); var pos6 = new google.maps.LatLng(55.7387478, 37.6549528); var pos7 = new google.maps.LatLng(54.626516, 39.731236); ///SPB MAP ============================================================================= var mapOptions_spb = { zoom: 17, scrollwheel: false, center: new google.maps.LatLng(59.921090, 30.343043), mapTypeId: google.maps.MapTypeId.ROADMAP, styles: [{"featureType":"administrative","elementType":"all","stylers":[{"visibility":"on"},{"lightness":33}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f2e5d4"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#c5dac6"}]},{"featureType":"poi.park","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":20}]},{"featureType":"road","elementType":"all","stylers":[{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"color":"#c5c6c6"}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#e4d7c6"}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#fbfaf7"}]},{"featureType":"water","elementType":"all","stylers":[{"visibility":"on"},{"color":"#acbcc9"}]}] }; var map_spb = new google.maps.Map(document.getElementById('map_spb'), mapOptions_spb); var image_spb = '..//templates/demodizzy/images/beachflag.png'; var marker = new google.maps.Marker({ position: pos1, map: map_spb, icon: image_spb }); ///MSK MAP ============================================================================= var mapOptions_msk = { zoom: 17, scrollwheel: false, center: new google.maps.LatLng(55.7695689, 37.6226591), mapTypeId: google.maps.MapTypeId.ROADMAP, styles: [{"featureType":"water","elementType":"geometry","stylers":[{"color":"#e9e9e9"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#ffffff"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#dedede"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#333333"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#f2f2f2"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#fefefe"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#fefefe"},{"lightness":17},{"weight":1.2}]}] }; var map_msk = new google.maps.Map(document.getElementById('map_msk'), mapOptions_msk); var image_msk = '..//templates/demodizzy/images/beachflag_a.png'; // var image_msk = new google.maps.MarkerImage( 'images/beachflag_msk.png', new google.maps.Size(81,112), new google.maps.Point(0,0), new google.maps.Point(0,112)); // var image_mskHover = new google.maps.MarkerImage( 'images/beachflag_msk.png', new google.maps.Size(81,112), new google.maps.Point(0,112), new google.maps.Point(0,112) ); var marker2 = new google.maps.Marker({ position: pos2, map: map_msk, icon: image_msk }); var marker3 = new google.maps.Marker({ position: pos3, map: map_msk, icon: image_msk }); var marker4 = new google.maps.Marker({ position: pos4, map: map_msk, icon: image_msk }); var marker5 = new google.maps.Marker({ position: pos5, map: map_msk, icon: image_msk }); var marker6 = new google.maps.Marker({ position: pos6, map: map_msk, icon: image_msk }); var marker7 = new google.maps.Marker({ position: pos7, map: map_msk, icon: image_msk }); /*function showCity(event) { var coords = new google.maps.LatLng(event.data.lat, event.data.lng); map.setCenter(coords); }*/ $(".butSpb").click(function(){ var coords = pos1; map_spb.panTo(coords);///* }); $(".butCvet").click(function(){ var coords = pos2; map_msk.panTo(coords); }); $(".butNewArb").click(function(){ var coords = pos3; map_msk.panTo(coords); }); $(".butTrehgor").click(function(){ var coords = pos4; map_msk.panTo(coords); }); $(".butTagan").click(function(){ var coords = pos5; map_msk.panTo(coords); }); $(".butBaby").click(function(){ var coords = pos6; map_msk.panTo(coords); }); $(".butRyazan").click(function(){ var coords = pos7; map_msk.panTo(coords); }); } google.maps.event.addDomListener(window, 'load', initialize); function smoothZoom (map_msk, max, cnt) { if (cnt >= max) { return; } else { z = google.maps.event.addListener(map_msk, 'zoom_changed', function(event){ google.maps.event.removeListener(z); smoothZoom(map_msk, max, cnt + 1); }); setTimeout(function(){map_msk.setZoom(cnt)}, 80); // 80ms is what I found to work well on my system -- it might not work well on all systems } }; function zoomTo(){ //console.log(zoomFluid); if(zoomFluid==10) return 0; else { zoomFluid ++; map_msk.setZoom(zoomFluid); setTimeout("zoomTo()", 500); } }
-
А можно я сюда весь код карты сброшу? ><
-
Так получается? <xsl:template match="result[page/@type-id = '140']"> <section umi:element-id="{$document-page-id}" umi:field-name="content" umi:empty="&empty-page-content;"> <div class="relative map_msk"> <div id="map_msk"></div> <div class="buttons"> <xsl:apply-templates select="document('usel://address/245/181')/udata" mode="address"/> </div> </div> </section> </xsl:template> <!-- Address MsK--> <xsl:template match="udata" mode="address"> <xsl:apply-templates select="page" mode="address"/> </xsl:template> <xsl:template match="page" mode="address"> <xsl:for-each select="page"><!-- не могу только понять, как узел мне именно нужен --> <div class="" id=""> <xsl:attribute name="class"> <xsl:value-of select="extended/properties/property[@name = 'css_class_city']/value" /> </xsl:attribute> <xsl:attribute name="id"> <xsl:value-of select=".//property[@name = 'css_id_city']/value" /> </xsl:attribute> <p><xsl:value-of select=".//property[@name = 'nazvanie']/value" disable-output-escaping="yes" /></p> <span> <xsl:value-of select=".//property[@name = 'adres_podrobnyj']/value" disable-output-escaping="yes" /><br /> <xsl:value-of select=".//property[@name = 'telefony']/value" disable-output-escaping="yes" /> </span> </div> </xsl:for-each> </xsl:template> <!--/ Address MsK-->Или это надо прописать в скрипте? Но тогда как правильно? А то я новичок в xslt... Думала как-то надо сделать в цикле позиции маркера и плашки сделать на js
-
Доброго времени суток. Работаю сейчас с xslt в umi Вопрос такого плана: Есть гугл карта, для двух городов, у одной один адрес, а у другой - 6, На карте есть 6 полей с описание, адресом и телефоном, если на поле нажимаешь, то карта показывает маркер на нужном адресе Я сделала обращение к полям, т.е. заполняется все отлично через админку. Если у офиса поменяется адрес, то ничего сложного нет, заходишь в админку, меняешь координаты в созданном специально для этого поле, все хорошо. Но! Есть одна неприятность при создании нового адреса. У плашек есть тип данных Адрес, на каждый новый адрес, надо создать в типе данных новое поле для координат. И каждый раз прописывать вот такие поля в коде для карты, а доступ пользователю в код... ну как-то не вариант давать... var pos2 = new google.maps.LatLng(<xsl:value-of select="//property[@name = 'koordinaty']/value" />);var pos3 = new google.maps.LatLng(<xsl:value-of select="//property[@name = 'koordinaty_1']/value" />);....var pos(n) = new google.maps.LatLng(<xsl:value-of select="//property[@name = 'koordinaty_(n)']/value" />);var marker2 = new google.maps.Marker({ position: pos2, map: map_msk, icon: image_msk });А вот плашечка, для которой есть поле под добавление класса: $("<xsl:value-of select="//property[@name = 'css_class_city']/value" />").click(function(){ var coords = pos2; map_msk.panTo(coords); }); Вопрос. я не знаю как сделать, чтобы был цикл(так получается?) на позиции, маркеры и плашки, именно на js. Просто вписать xslt в js думаю смогу, уже делала так. Но с самим js я не очень хорошо работаю, а тут еще гугл карты. ><
-
Уиии... Спасибо большое
-
Проблема на самом деле смешная и решение простое, я это понимаю, но впадаю почему-то в ступор, когда начинаю над ней думать. И почему понять не могу. (может просто устала уже) У меня есть аккордеон, который раскрывает скрытый текст. Нажимаешь кнопочку и текст появляется. Вопрос. Как сделать чтобы текст "читать полностью" при раскрытие менялся на "скрыть текст" и соответственно обратно. Вот код аккордеона, для раскрытия текста по кнопке: $( '.accordionButton' ).click( function () { $( '.accordionButton' ).removeClass( 'on' ); $( '.accordionContent' ).slideUp( 'normal' ); if ( $( this ).prev().is( ':hidden' ) == true ) { $( this ).addClass( 'on' ); $( this ).prev().slideDown( 'normal' ); }} );$( '.accordionButton' ).mouseover( function () { $( this ).addClass( 'over' );} ).mouseout( function () { $( this ).removeClass( 'over' );} );$( '.accordionContent' ).hide(); И вот html: <section class="block-text"> <p>Немного текста</p> <section class="accordionContent"> <p>Еще немного текста</p> </section> <section class="more accordionButton">читать полностью</section></section> И css: .block-text .more.accordionButton { width: 200px; display: block; border: 0; cursor: pointer; margin: 20px 0;}.block-text.accordionContent { width: 100%; float: left;}.block-text .more.on { bottom: 0;}.over {}.block-text .more.accordionButton.hide { display: none;}
-
Вот блин, оказывается у гугл хрома с этим column баг... https://bugs.chromium.org/p/chromium/issues/detail?id=364609 Печалько Т_Т А можно на css/js разбивать большое li на ul автоматически?