Блог

Наш веб-сайт выбирает заведения из запроса и возвращает результаты пользователю пакетами по 10 местоположений, отображая детали в виде сетки и местоположения в виде пользовательских кнопок в bing maps. При наведении курсора мыши на элемент на карте появляется информационная панель и т. Д. Мои требования, чтобы сделать это более удобным, заключаются в следующем:-

1) Когда пользователь наводит курсор мыши на элемент в списке gridview, соответствующий значок на карте должен быть выделен. 2) Когда пользователь щелкает элемент в списке, карта приближается к этому местоположению. (что, я думаю, относительно просто путем перерисовки карты с другим центром и масштабом)

Мои мысли о первом — использовать JavaScript, чтобы получить элемент связанной кнопки и заменить его новым изображением в ‘выделенном’ состоянии, а затем заменить его оригиналом.

Итак, мой вопрос: — Это правильный подход или есть лучший и есть ли какой-либо пример кода, делающий что-то подобное, доступный там?

Большое спасибо, Пол

Это именно тот подход, который я использую 😉 Единственное небольшое изменение, которое я бы предложил, заключается в том, что вместо замены изображения на совершенно новое, вы используете лист спрайтов, на котором есть как выделенные, так и неосвещенные изображения. Затем в обработчике события onmouseover установите свойство typeName кнопки, чтобы назначить класс CSS, который смещает изображение для отображения только выделенного состояния, а в событии onmouseout снова сбросьте класс CSS, чтобы отображалось неосвещенное фоновое изображение. Таким образом, ваша страница будет загружаться быстрее, и вам не придется рисковать мерцанием, поскольку старое изображение заменяется новым.

Ссылка на свойство typeName: http://msdn.microsoft.com/en-us/library/gg427629.aspx