[Ozor]

Mam taką mapkę: http://winstonwolf.pl/clickable-maps/poland.html
I taki manual: http://www.samoobrona.org.pl/cssmap-poland-v4-4/
Ale nie umiem zrobić żeby na starcie jeden region był wybrany.
Pomoże ktoś?

 $(function($){
 $('#map-poland').cssMap({
size : 500,
agentsListId : '#addresses',
 agentsListSpeed : 500,
 agentsListOnHover : true,
 cities : false,
});
 });

#webdev #jquery

[TwigTechnology]

@Ozor: po linii najmniejszego oporu

$(function($){
$('#map-poland').cssMap({
size : 500,
agentsListId : '#addresses',
agentsListSpeed : 500,
agentsListOnHover : true,
cities : false,
});
$("#dolnoslaskie").click();
});

[Ozor]

@TwigTechnology: Nie bangla :(

[TwigTechnology]

@Ozor: a coś w konsoli ci wypisuje przeglądarka?

[Ozor]

@TwigTechnology: Nie
Używam mapy do wyświetlania listy adresów jak w przykładzie: http://www.samoobrona.org.pl/cssmap-poland-v4-4/#agents-list

[TwigTechnology]

@Ozor: dobra, już widzę - tam ustawia klasę "active-region" dla regionu. Potrzebujesz coś więcej niż podświetlić?

zmień linijkę z click na:
$(".pl16", "#map-poland").addClass('active-region');

[Ozor]

@TwigTechnology: Nie podświetla, na mapie został napis Loading a w konsoli:

TypeError: w is undefined
a.fn.cssMap/</p.selectRegion.activated()
a.fn.cssMap/</p.regions.autoSelectRegion()
a.fn.cssMap/</p.regions.init()
a.fn.cssMap/</p.loader/<()
m.event.dispatch()
m.event.add/r.handle()

[TwigTechnology]

@Ozor:

Bo w złym miejscu wstawiłeś. Sprawdź to:

$(function($){
$('#map-poland').cssMap({
size : 500,
agentsListId : '#addresses',
agentsListSpeed : 500,
agentsListOnHover : true,
cities : false,
});
$(".pl16", "#map-poland").addClass("active-region");
});

[Ozor]

@TwigTechnology: Tak właśnie wkleiłem:

$(function($){
$('#map-poland').cssMap({
size : 500,
agentsListId : '#addresses',
agentsListSpeed : 500,
agentsListOnHover : true,
cities : false,
});
$(".pl16", "#map-poland").addClass("active-region");
});

Błąd w konsoli ten sam.

[TwigTechnology]

@Ozor: sprawdź bez przecinka po cities : false

[Ozor]

@TwigTechnology: Bez zmian

[TwigTechnology]

@Ozor: weź mi wyślij na pw linka do tego gdzie to konkretnie masz, bo tak to jak zabawa w głuchy telefon

[wezyr112]

@Ozor: zrobiłeś? Bo jakby coś to sam ostatnio robiłem coś takiego i mogę ci napisać co i jak.

[Ozor]

@wezyr112: Tak, wspólnymi siłami daliśmy radę ;D

[Ozor]

Rozwiązanie:

$(function($){
$('#map-poland').cssMap({
size : 500,
agentsListId : '#addresses',
agentsListSpeed : 500,
agentsListOnHover : true,
cities : false,
onLoad : function(e){
$(".pl16 a", "#map-poland").click(); 
}
});
});