22 декабря 2015
18 мая 2013
КЛМ и скрытие линий в гугл мапс
Здравствуете! Начну с того что поблагодарю за информационный сайт, который мне (человеку, не разбирающемуся в яваскрипте) помог создать карту на моем сайте. Не судите строго если напишу глупость, так как не программист, а просто копирую код и методом тыка меняю его.
Собственно проблема:
На моей карте http://www.hitchmap.info/index1.html очень много линий + маркеры. Проблема нагрузки на браузер решается с помощью КМЛ.
Но при удалении, все линии сливаются в общий клубок, что не очень красиво. Поэтому хочу создать эффект как при кластеризации. Т.е при удалении показывается инфоокно с информацией про количество и тип маркеров и линий. К примеру открываете вы карту на с зумом 1 (самый удаленный) вы видите окно с инфой про метки и линии, начинаете приближать и на 10 зуме вы уже не видите окошко, а видите сами линии и метки.
Проблема в том что я не знаю как связать клм и кластеризацию. возможно эта тема поднималась, но я ее не могу найти.
Собственно проблема:
На моей карте http://www.hitchmap.info/index1.html очень много линий + маркеры. Проблема нагрузки на браузер решается с помощью КМЛ.
Но при удалении, все линии сливаются в общий клубок, что не очень красиво. Поэтому хочу создать эффект как при кластеризации. Т.е при удалении показывается инфоокно с информацией про количество и тип маркеров и линий. К примеру открываете вы карту на с зумом 1 (самый удаленный) вы видите окно с инфой про метки и линии, начинаете приближать и на 10 зуме вы уже не видите окошко, а видите сами линии и метки.
Проблема в том что я не знаю как связать клм и кластеризацию. возможно эта тема поднималась, но я ее не могу найти.
24 апреля 2013
datepicker не появляется при первом нажатии
Здравствуйте! Для отчетной формы с полями типа DATE и динамичным количеством строк был выбран datepicker. если применить стандартный вариант вызова, все работает. А вот если сделать для инпута вызов функции по клику мыши, передать ей имя/id инпута и внутри прописать вызов календаря, то он не появляется при первичном клике в инпут. Кто-нибудь сталкивался с такой проблемой?
2 февраля 2013
Кнопка
Здравствуйте.Хочу сделать вот такую кнопочку http://floomby.ru/s1/Xaavc7 пробовала всё...получается сделать такую кнопку ну просто не в точ в точ.А мне нужно что бы было прям в точ точ.Киньте стили кнопки этой пж:)
2 февраля 2013
Меню
Здравствуйте,дорогие вебмастеры.Хочу сделать себе в чат меню такое http://floomby.ru/s1/Vaav2g Пока что я не матер,поэтому сделать такое не смогу.Пожалуйста помогите.Киньте стили и код html.
29 января 2013
Как вертикальное меню переделать в горизонтальное? CSS
Есть шаблон с доступом в html и css www.problabla.jimdo.com (jimdo - платформа такая)есть и статья с небольшими подсказками http://hostoplist.ru/kak-sdelat-shablon-dlya-jimdo/
Но я в этом..., ну не совсем - "0", но близко к "1-2")))
Подскажите, как перевести это меню в горизонтальное ниже шапки.
Вот исходный код CSS^
/* Typo
----------------------------------------------- */
a:link, a:visited
{
text-decoration: underline;
color:#EC4413;
}
a:active { text-decoration: underline; }
a:hover { text-decoration:none; }
h1 { font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; }
h2 { font:bold 14px/140% "Trebuchet MS", Verdana, sans-serif; }
p { font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}
/* Layout
----------------------------------------------- */
body {
background: #FFFFFF url(bg.gif) no-repeat top left;
padding:35px 0 0 0;
margin:0;
font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#container
{
margin:0 auto;
width:840px;
background:white;
}
#header
{
padding:0px;
}
#header h1,
#header a
{
padding:0;
font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:30px;
font-weight:normal;
text-decoration:none;
line-height:1.3em;
color:#666666;
text-align:right;
}
#header a:hover { text-decoration:none; }
#navigation
{
float:right;
width:220px;
padding:10px;
}
#sidebar
{
padding-top:10px;
}
#content
{
float:left;
width:530px;
padding:10px;
}
#footer
{
clear:both;
margin-top:10px;
background:url(footer-bg.gif) repeat-x top;
height:65px;
}
#footer .gutter
{
height:30px;
padding:35px 15px 0 90px;
}
/* Navigation
----------------------------------------------- */
ul.mainNav1,
ul.mainNav2
{
margin:0;
padding: 0;
}
ul.mainNav1 li,
ul.mainNav2 li
{
display: inline;
margin: 0;
padding: 0;
}
ul.mainNav1 li a,
ul.mainNav2 li a
{
font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
color:#333;
border-bottom:1px solid #CCC;
}
ul.mainNav1 li a { padding:4px 4px 4px 4px; }
ul.mainNav2 li a { padding:4px 4px 4px 14px; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }
ul.mainNav1 a:hover
{
background:#EEE;
color:black;
}
ul.mainNav1 a.current { font-weight:bold; }
Но я в этом..., ну не совсем - "0", но близко к "1-2")))
Подскажите, как перевести это меню в горизонтальное ниже шапки.
Вот исходный код CSS^
/* Typo
----------------------------------------------- */
a:link, a:visited
{
text-decoration: underline;
color:#EC4413;
}
a:active { text-decoration: underline; }
a:hover { text-decoration:none; }
h1 { font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; }
h2 { font:bold 14px/140% "Trebuchet MS", Verdana, sans-serif; }
p { font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}
/* Layout
----------------------------------------------- */
body {
background: #FFFFFF url(bg.gif) no-repeat top left;
padding:35px 0 0 0;
margin:0;
font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#container
{
margin:0 auto;
width:840px;
background:white;
}
#header
{
padding:0px;
}
#header h1,
#header a
{
padding:0;
font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:30px;
font-weight:normal;
text-decoration:none;
line-height:1.3em;
color:#666666;
text-align:right;
}
#header a:hover { text-decoration:none; }
#navigation
{
float:right;
width:220px;
padding:10px;
}
#sidebar
{
padding-top:10px;
}
#content
{
float:left;
width:530px;
padding:10px;
}
#footer
{
clear:both;
margin-top:10px;
background:url(footer-bg.gif) repeat-x top;
height:65px;
}
#footer .gutter
{
height:30px;
padding:35px 15px 0 90px;
}
/* Navigation
----------------------------------------------- */
ul.mainNav1,
ul.mainNav2
{
margin:0;
padding: 0;
}
ul.mainNav1 li,
ul.mainNav2 li
{
display: inline;
margin: 0;
padding: 0;
}
ul.mainNav1 li a,
ul.mainNav2 li a
{
font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
color:#333;
border-bottom:1px solid #CCC;
}
ul.mainNav1 li a { padding:4px 4px 4px 4px; }
ul.mainNav2 li a { padding:4px 4px 4px 14px; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }
ul.mainNav1 a:hover
{
background:#EEE;
color:black;
}
ul.mainNav1 a.current { font-weight:bold; }
15 января 2013
Что нужно знать, чтобы делать такие сайты?
10 января 2013
Яндекс карта
Приветствую тебя автор статей дабы очень интересных статей.
У меня есть фирма Wi-Fi хотелось бы создать карту только своего производсва, грубо говоря есть карта разрешением 8100х8100 как сделать так чтоб именно эта карта работала на движке яндекса а не карта яндекса дабы она мне не нужна, и уже на своей собственной карте я хочу ставить метки вай фай, отмечать зоны покрытия и т.д. облазил все твои статьи но не в одной я не нашол как работать с собственной картой. Если можно разжуйте как корове что откуда куда зачем и почему, а то на яндекс сайте так как для профи написано, везде конструктор но он мне не нужен. Заранее благодарен!
У меня есть фирма Wi-Fi хотелось бы создать карту только своего производсва, грубо говоря есть карта разрешением 8100х8100 как сделать так чтоб именно эта карта работала на движке яндекса а не карта яндекса дабы она мне не нужна, и уже на своей собственной карте я хочу ставить метки вай фай, отмечать зоны покрытия и т.д. облазил все твои статьи но не в одной я не нашол как работать с собственной картой. Если можно разжуйте как корове что откуда куда зачем и почему, а то на яндекс сайте так как для профи написано, везде конструктор но он мне не нужен. Заранее благодарен!
29 декабря 2012
Посоветуйте новичку
Доброго времени суток!
Задался я на днях вопросом.
Какие курсы/книги нужно пройти/прочесть, что нужно сделать чтобы стать приличным фронт-енд девелопером?
На данный момент знаю HTML(обычно пишу на HTML5), CSS(CSS3), немного Яваскрипта(на уровне написания не сложных компонентов(какие нибудь слайдеры, ползунки и прочее)).
Прочел парочку книг по данной теме (1, 2, 3, 4,одна книжка по HTML5 и пару видео курсов от тутс+ и линда.ком(по бутстрапу, less и по сеткам)).
Есть кое-какой опыт в данном направлении(несколько сверстанных псд по заказу).
Какую технологию посоветуйте дальше на изучении?
Спасибо заранее всем за ответы!
ПС: Мне лишь 17 лет, так что ан учебу у меня время есть(не говорите думать счяс о школе так как там я тоже не плохо преуспеваю:)).
Задался я на днях вопросом.
Какие курсы/книги нужно пройти/прочесть, что нужно сделать чтобы стать приличным фронт-енд девелопером?
На данный момент знаю HTML(обычно пишу на HTML5), CSS(CSS3), немного Яваскрипта(на уровне написания не сложных компонентов(какие нибудь слайдеры, ползунки и прочее)).
Прочел парочку книг по данной теме (1, 2, 3, 4,одна книжка по HTML5 и пару видео курсов от тутс+ и линда.ком(по бутстрапу, less и по сеткам)).
Есть кое-какой опыт в данном направлении(несколько сверстанных псд по заказу).
Какую технологию посоветуйте дальше на изучении?
Спасибо заранее всем за ответы!
ПС: Мне лишь 17 лет, так что ан учебу у меня время есть(не говорите думать счяс о школе так как там я тоже не плохо преуспеваю:)).
29 декабря 2012
Автоскролл при обновлении страницы
Привет.
Использую jQuery и такую конструкцию:
$("html").scrollTop(0);
чтобы при нажатии на F5 страница обновлялась но не прокручивалась на прежнее место, так тоже пробовал:
$("html").animate( { scrollTop: 0 }, 0);
Работает только в Опере и Фаерфоксе, подскажите, пожалуйста, какой-нибудь кроссбраузерный метод.
Использую jQuery и такую конструкцию:
$("html").scrollTop(0);
чтобы при нажатии на F5 страница обновлялась но не прокручивалась на прежнее место, так тоже пробовал:
$("html").animate( { scrollTop: 0 }, 0);
Работает только в Опере и Фаерфоксе, подскажите, пожалуйста, какой-нибудь кроссбраузерный метод.
28 декабря 2012
jQuery и css
Привет всем.
Такая простая задача: есть блок, у него с помощью css задано position: absolute; и top: 0px; т.е. как я понимаю, он должен находится сверху страницы.
Затем нужно с помощью js или jQuery по нажатию кнопки задать top: 100px; и при нажатии на другую вернуть обратно.
Есть такой код:
$("#button").click(OnOff);
function OnOff(eventObj)
{
$("#dead").css({'top':'100'});
}
$("#button2").click(OnOff2);
function OnOff2(eventObj)
{
$("#dead").css({'top':'0'});
}
но почему-то блок с id dead не хочет двигаться.
Подскажите, пожалуйста, в чем ошибка?
Такая простая задача: есть блок, у него с помощью css задано position: absolute; и top: 0px; т.е. как я понимаю, он должен находится сверху страницы.
Затем нужно с помощью js или jQuery по нажатию кнопки задать top: 100px; и при нажатии на другую вернуть обратно.
Есть такой код:
$("#button").click(OnOff);
function OnOff(eventObj)
{
$("#dead").css({'top':'100'});
}
$("#button2").click(OnOff2);
function OnOff2(eventObj)
{
$("#dead").css({'top':'0'});
}
но почему-то блок с id dead не хочет двигаться.
Подскажите, пожалуйста, в чем ошибка?