Как задать стили в js файле?

Question

[Люба]

Подскажите как name: задать слили что бы в css прописать стили ? сейчас при наведение на область карты выводится подсказка в виде titl ?

Comments

[Александр Севиринов]

Покажите код, из того что Вы написали не разобраться в проблеме.

Answer 1

[Александр]

$('.class').css("color", "#000");

Comments

[Александр]

Если несколько стилей меняешь, то

$('.class').css({"color": "#000", "border": "1px solid #fff"});

[Люба]

Александр, а как его в коде прописать ?

malaya_vishera: {
		name: 'Малая Вишера',
        url: 'https://53nov.ru/catalog/all_0/malaya_vishera_6393/',     
		path: 'm 365.23615,264.66361 23.33759,14.33525 -0.47133,38.50001 13.07998,3.71865 -3.64634,8.01463 -2.87508,14.506 9.4465,-0.0924 27.14103,0.0729 0.27137,1.87017 7.35552,12.68462 12.87146,-1.54492 13.47132,0.0995 2.10811,-17.77202 7.67403,-3.68885 26.2338,-10.01489 16.37783,-16.44122 12.87145,-14.72284 -2.39947,-4.20381 0.72841,-19.77501 3.60492,-18.24634 0.12255,-6.34503 -2.81938,-17.88586 -13.09284,-1.32809 -1.25686,-9.34813 -30.13224,-0.29815 -4.6147,-8.74372 -6.62425,0.14609 0.52845,-18.54448 -1.18545,-0.29815 -1.08548,-0.29814 -0.74269,-0.0596 -0.52846,-0.23797 -2.59228,-0.65049 -1.19974,-0.0396 1.65107,-5.3747 -5.04747,2.93535 -5.81586,3.37173 -0.97122,-0.0396 -4.83893,1.08415 -6.44858,3.50454 -12.8986,-8.35342 -17.03268,14.85564 -13.02714,-0.0171 -4.85179,8.92531 -6.21006,-5.69453 -10.44485,14.15095 -2.7294,-5.42349 -7.09843,8.37781 -11.50462,13.3812 15.87994,13.59802 -10.58339,17.33566z '

 
	},

[Александр]

$('.class').mouseover(function(){
  $('.class').css("color", "#000");
});

Вставьте куда-нибудь, лучше в конец

[Люба]

вставила в конец файла init.js нечего не изменилось

[Александр]

Люба, Классы поменяли?

[Люба]

Александр, я не понимаю что на что менять ? не чего не меняла просто вставила в низ файла этот код

[Александр]

Люба, у вас классы или id для элементов задаются?

[Люба]

Там классов нет просто прописано name: город и все titl тоже нет хотя подсказка выводится как titl

Answer 2

[Alex]

У вас там какая то библиотека, которая строит эту карту по заданному JSON.
Нужно смотреть эту библиотеку

UPD.
Библиотека Raphael вот тут инициализируется google_yandex/karta/js/init.js
Добавляете новый параметр цвета в JSON например
color: "#fff"

а потом в init.js

colors[obj.id] = paths[country].color

Comments

[Люба]

вот эту карту использовала https://ruseller.com/lessons.php?id=952

[Alex]

Люба, Я уже посмотрел что используется и обновил ответ

[Люба]

Alex, как его тут добавить ? куда а в Raphael что либо врятли выйдет добавить так как там огромный код да еще и слитно все

$(function(){
	
	var r = Raphael('map', 990, 820),
		attributes = {
            fill: '#97BF1D',
            stroke: '#fff',
            'stroke-width': 1,
            'stroke-linejoin': 'round'
        },
		arr = new Array();
		colors = new Array();

	for (var country in paths) {
		var attr = attributes;

		var obj = r.path(paths[country].path);
		attr['title'] = paths[country].name;

		if(paths[country].type == 'city') {
			attr['fill'] = '#FFFFFF';
			attr['stroke'] = '#000000';
		}


		obj.attr(attr);
		arr[obj.id] = country;
		colors[obj.id] = attr['fill'];

		obj
		.hover(function(){
			this.animate({
				fill: '#11ADE7'
			}, 100);
		}, function(){
			self = this;
			this.animate({
				fill: colors[self.id]
			}, 100);
		})
		.click(function(){ document.location = paths[arr[this.id]].url; })
		
	}	
			
});

[Alex]

Люба,

colors[obj.id] = attr['fill'];  //заменить
colors[obj.id] = paths[country].color || attr['fill']; //на вот этот код

[Люба]

Alex, заменила а стили как задать ?

[Alex]

Люба,

malaya_vishera: {
    name: 'Малая Вишера',
    color: '#fff',
        url: 'https://53nov.ru/catalog/all_0/malaya_vishera_6393/',     
    path: 'm 365.23615,264.66361 23.33759,14.33525 -0.47133,38.50001 13.07998,3.71865 -3.64634,8.01463 -2.87508,14.506 9.4465,-0.0924 27.14103,0.0729 0.27137,1.87017 7.35552,12.68462 12.87146,-1.54492 13.47132,0.0995 2.10811,-17.77202 7.67403,-3.68885 26.2338,-10.01489 16.37783,-16.44122 12.87145,-14.72284 -2.39947,-4.20381 0.72841,-19.77501 3.60492,-18.24634 0.12255,-6.34503 -2.81938,-17.88586 -13.09284,-1.32809 -1.25686,-9.34813 -30.13224,-0.29815 -4.6147,-8.74372 -6.62425,0.14609 0.52845,-18.54448 -1.18545,-0.29815 -1.08548,-0.29814 -0.74269,-0.0596 -0.52846,-0.23797 -2.59228,-0.65049 -1.19974,-0.0396 1.65107,-5.3747 -5.04747,2.93535 -5.81586,3.37173 -0.97122,-0.0396 -4.83893,1.08415 -6.44858,3.50454 -12.8986,-8.35342 -17.03268,14.85564 -13.02714,-0.0171 -4.85179,8.92531 -6.21006,-5.69453 -10.44485,14.15095 -2.7294,-5.42349 -7.09843,8.37781 -11.50462,13.3812 15.87994,13.59802 -10.58339,17.33566z '

 
  },

[Люба]

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

вот мне нужно сделать как например тут при наведение мышки выводит город vega.elite-board.ru

[Alex]

Люба,
Ну название хранится в атрибуте title его стилизовать нельзя.
Если только подменить чем то или взять какой нибудь jQuery tooltip

[Люба]

Alex, title там нет просто написано name: город

[Alex]

Люба, Вы не понимаете как работает библиотека
Она парсит ваш JSON и создает по нему карту с title на полигоне.

Answer 3

[Егор Живагин]

Гляньте в инспекторе классы и разметку того, что хотите стилизовать по своему
Стилизуйте в css
Профит