Клуб API Карт

Клуб API Карт

Список Select

Пост в архиве.

Добрый день!

Кто может проконсультировать по вопросу создания списка (select) в картах?

 

т.е. на странице html можно создать список:

 

 

<select name="s1" id="s1" >

<option value="1">пункт 1</option>

<option value="2">пункт 2</option>

<option selected value="3">пункт 3</option>

<option value="4">пункт 4</option>

<option value="5">пункт 5</option>

</select>

 

 

а на карту, как сделана например выбор карты гибрид, схема, спутник на яндекс картах?

если это возможно, то как потом повесить обработчик на каждый пункт?

 

11 комментариев
Авторизуйтесь, чтобы оставить комментарий
dimik
28 января 2016, 05:38

тут есть пример

Алексей
28 января 2016, 05:38

спасибо, сделал через YMaps.ListBox, но не могу изменить длину списка, ставлю разные значения, но они не меняются

 

var listBox_test = new YMaps.ListBox({ caption: "тест" },{ width: "250" });

 

что может мешать, каким элементам нужно изменить css свойства?

dimik
28 января 2016, 05:38

YMaps.ListBox принимает один объект options, а не 2

и ширина передается как Integer

 

Алексей
28 января 2016, 05:38

всё верно, где-то недосмотрел:

var listBox_test = new YMaps.ListBox( { caption: "тест", width: 250 } ) ;

 

ещё вопрос по теме: при наведении на этот список ( на заголовок), надпись выделяется красным цветом, как это изменить например на чёрный цвет?

dimik
28 января 2016, 05:38

 

ещё вопрос по теме: при наведении на этот список ( на заголовок), надпись выделяется красным цветом, как это изменить например на чёрный цвет?

 

css-стилями

Алексей
28 января 2016, 05:38

 

css-стилями

 

это понятно, хотелось уточнить какими именно, как это можно посмотреть?

dimik
28 января 2016, 05:38

 

как это можно посмотреть?

 

например, firebug-ом

Алексей
28 января 2016, 05:38

class='YMaps-btn-caption'

осталось только треугольничек справа найти, он всё равно красным остаётся при наведении.

dimik
28 января 2016, 05:38

дайте ссылку на вашу страницу

я посмотрю

Алексей
28 января 2016, 05:38

http://www.vezu-nesu.ru

dimik
28 января 2016, 05:38

.YMaps-btn-name .YMaps-arr i, .YMaps-button-mini-map-hide, .YMaps-logo-link, .YMaps-logo-link i, .YMaps-ruler-point i {
  1. position: absolute;
  2. width: 56px;
  3. height: 106px;
  4. background-image: url(http://api-maps.yandex.ru/i/0.4/mics.png);
  5. background-repeat: no-repeat;
}замените этот стиль на свойсо своим спрайтом