Здравствуете! Начну с того что поблагодарю за информационный сайт, который мне (человеку, не разбирающемуся в яваскрипте) помог создать карту на моем сайте. Не судите строго если напишу глупость, так как не программист, а просто копирую код и методом тыка меняю его.

Собственно проблема:
На моей карте http://www.hitchmap.info/index1.html очень много линий + маркеры. Проблема нагрузки на браузер решается с помощью КМЛ.
Но при удалении, все линии сливаются в общий клубок, что не очень красиво. Поэтому хочу создать эффект как при кластеризации. Т.е при удалении показывается инфоокно с информацией про количество и тип маркеров и линий. К примеру открываете вы карту на с зумом 1 (самый удаленный) вы видите окно с инфой про метки и линии, начинаете приближать и на 10 зуме вы уже не видите окошко, а видите сами линии и метки.

Проблема в том что я не знаю как связать клм и кластеризацию. возможно эта тема поднималась, но я ее не могу найти.

Здравствуйте! Для отчетной формы с полями типа DATE и динамичным количеством строк был выбран datepicker. если применить стандартный вариант вызова, все работает. А вот если сделать для инпута вызов функции по клику мыши, передать ей имя/id инпута и внутри прописать вызов календаря, то он не появляется при первичном клике в инпут. Кто-нибудь сталкивался с такой проблемой?

Приветствую тебя автор статей дабы очень интересных статей.
У меня есть фирма Wi-Fi хотелось бы создать карту только своего производсва, грубо говоря есть карта разрешением 8100х8100 как сделать так чтоб именно эта карта работала на движке яндекса а не карта яндекса дабы она мне не нужна, и уже на своей собственной карте я хочу ставить метки вай фай, отмечать зоны покрытия и т.д. облазил все твои статьи но не в одной я не нашол как работать с собственной картой. Если можно разжуйте как корове что откуда куда зачем и почему, а то на яндекс сайте так как для профи написано, везде конструктор но он мне не нужен. Заранее благодарен!

Привет.

Использую jQuery и такую конструкцию:

$("html").scrollTop(0);

чтобы при нажатии на F5 страница обновлялась но не прокручивалась на прежнее место, так тоже пробовал:

$("html").animate( { scrollTop: 0 }, 0);

Работает только в Опере и Фаерфоксе, подскажите, пожалуйста, какой-нибудь кроссбраузерный метод.

Привет всем.

Такая простая задача: есть блок, у него с помощью 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
body{margin:100px; padding:0px;}
#fl_menu{position:absolute; top:800px; left:0px; z-index:9999; width: 80%; height: 0;}
#fl_menu .label{padding-left:20px; line-height:50px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; background:#ffffff; color:#fff; letter-spacing:7px;}
#fl_menu .menu{display:none;}
#fl_menu .menu .menu_item{display:block; background:#000; color:#bbb; border-top:1px solid #333; padding:10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
#fl_menu .menu a.menu_item:hover{background:#333; color:#fff;}

а вот скрипт


//config
$float_speed=1500; //milliseconds
$float_easing="easeOutQuint";
$menu_fade_speed=500; //milliseconds
$closed_menu_opacity=0.75;

//cache vars
$fl_menu=$("#fl_menu");
$fl_menu_menu=$("#fl_menu .menu");
$fl_menu_label=$("#fl_menu .label");

$(window).load(function() {
menuPosition=$('#fl_menu').position ().top;
FloatMenu();
$fl_menu.hover(
function(){ //mouse over
$fl_menu_label.fadeTo($menu_fade_sp eed, 1);
$fl_menu_menu.fadeIn($menu_fade_spe ed);
},
function(){ //mouse out
$fl_menu_label.fadeTo($menu_fade_sp eed, $closed_menu_opacity);
$fl_menu_menu.fadeOut($menu_fade_sp eed);
}
);
});

$(window).scroll(function () {
FloatMenu();
});

function FloatMenu(){
var scrollAmount=$(document).scrollTop( );
var newPosition=menuPosition+scrollAmou nt;
if($(window).height()

Уважаемые, кто подскажет, как доработать уже готовый код, что бы был возврат к первому товару, без клика на "далее". т.е. если товаров 7, отображается по очереди 1 2 3 4 5 6 7 далее сразу за 7 следует 1.

код:

(function($){
$.fn.carousel = function(config) {
var defaults = {
slider: '.slider',
slide: '.slide',
prevSlide: '.prev',
nextSlide: '.next',
speed: 500
},
opt = $.extend(defaults, config),
dStyle = document.body.style,
transitionSupport = dStyle.webkitTransition !== undefined ||
dStyle.MozTransition !== undefined ||
dStyle.msTransition !== undefined ||
dStyle.OTransition !== undefined ||
dStyle.transition !== undefined;

$(opt.prevSlide).addClass('disabled');


function moveNext($slider) {
var leftmargin = $slider.attr('style').match(/margin\-left:(.*[0-9])/i) && parseInt(RegExp.$1),
$slide = $slider.find(opt.slide);

if (!$slider.is(":animated") && (-leftmargin) != (($slide.length - 1) * 100)) {
leftmargin -= 100;

if(transitionSupport) {
$slider.css('marginLeft', leftmargin + "%");
} else {
$slider.animate({ marginLeft: leftmargin + "%" }, opt.speed);
}
if((-leftmargin) == ($slide.length - 1) * 100) {
return false;
}
}
}

function movePrev($slider) {
var leftmargin = $slider.attr('style').match(/margin\-left:(.*[0-9])/i) && parseInt(RegExp.$1);

if(!$slider.is(":animated") && (leftmargin != 0)) {
leftmargin += 100;

if(transitionSupport) {
$slider.css('marginLeft', leftmargin + "%");
} else {
$slider.animate({ marginLeft: leftmargin + "%" }, opt.speed);
}
if(leftmargin == 0) {
return false;
}
}
}

$(opt.nextSlide + ',' + opt.prevSlide).click(function(e) {
var $el = $(this),
link = $el.attr('href'),
$target = $(opt.slider).filter(link);

$(opt.nextSlide).each(function() {
if($(this)[0] == $el[0]) {
if(moveNext($target) === false) {
$el.addClass('disabled');
};
$(opt.prevSlide).filter(function() {
return this.getAttribute('href') === link;
}).removeClass('disabled');
}
});

$(opt.prevSlide).each(function() {
if($(this)[0] == $el[0]) {
if(movePrev($target) === false) {
$el.addClass('disabled');
};
$(opt.nextSlide).filter(function() {
return this.getAttribute('href') === link;
}).removeClass('disabled');
}
});

e.preventDefault();
});


//swipes trigger move left/right
$(this).live( "swipe", function(e, ui){
(ui.direction === "left" ? moveNext : movePrev)($(this).find( opt.slider ));
});

return this.each(function() {
var $wrap = $(this),
$slider = $wrap.find(opt.slider),
$slide = $wrap.find(opt.slide),
slidenum = $slide.length,
speed = opt.speed / 300;

$wrap.css({
overflow: "hidden"
});

$slider.css({
marginLeft: "0px",
float: "left",
width: 32 * slidenum + "%",
"-webkit-transition": "margin-left " + speed + "s ease",
"-moz-transition": "margin-left " + speed + "s ease",
"-ms-transition": "margin-left " + speed + "s ease",
"-o-transition": "margin-left " + speed + "s ease",
"transition": "margin-left " + speed + "s ease"
});

$slide.css({
float: "left",
width: (100 / slidenum) + "%"
});
});
};


//modified swipe events from jQuery Mobile
// also handles swipeleft, swiperight
$.event.special.swipe = {
setup: function() {
var $el = $(this);

$el
.bind("touchstart", function(e) {
var data = e.originalEvent.touches ? e.originalEvent.touches[0] : e,
start = {
time: (new Date).getTime(),
coords: [ data.pageX, data.pageY ],
origin: $(e.target)
},
stop;

function moveHandler(e) {
if(!start) {
return;
}

var data = e.originalEvent.touches ? e.originalEvent.touches[0] : e;
stop = {
time: (new Date).getTime(),
coords: [ data.pageX, data.pageY ]
};

// prevent scrolling
if (Math.abs(start.coords[0] - stop.coords[0]) > 10) {
e.preventDefault();
}
}

$el
.bind("touchmove", moveHandler)
.one("touchend", function(e) {
$el.unbind("touchmove", moveHandler);
if (start && stop) {
if (stop.time - start.time < 1000 &&
Math.abs(start.coords[0] - stop.coords[0]) > 30 &&
Math.abs(start.coords[1] - stop.coords[1]) < 75) {
var left = start.coords[0] > stop.coords[0];
start.origin
.trigger("swipe", {direction: left ? "left" : "right"})
.trigger(left ? "swipeleft" : "swiperight" );
}
}
start = stop = undefined;
});
});
}
};
})(jQuery);

Эге-гей, привет!

есть много div-ов фиксированной ширины, у них float: left; доходят они до правого края страницы и переходят на новую строку и так далее... нужно выбрать элементы первой получившейся строки

подскажите, пожалуйста, как это сделать