15.11.2018, 09:03
|
Новичок на форуме
|
|
Регистрация: 15.11.2018
Сообщений: 5
|
|
Как вывести данные из JS в CSS
Есть такой код JS:
$(document).ready(function(){
window.addEventListener('message', function(event) {
var data = event.data;
$(".container-fluid").css("display",data.show? "none":"block");
$("#armor").css("width",data.armor);
$("#health").css("width",data.health);
$("#hunger").css("width",100 - data.hunger);
$("#thirst").css("width",100 - data.thirst);
});
});
Нужно вывести data.Health в stroke-dasharray(CSS). Пытался через
Код:
|
$(".circle").css("stroke-dasharray",data.health); |
но он выводит одно число, а нужно два. Пример: stroke-dasharray: 50 100, где 50 это data.Health, а 100 константа.
Последний раз редактировалось LaymMan, 15.11.2018 в 09:47.
|
|
15.11.2018, 09:13
|
Профессор
|
|
Регистрация: 04.12.2012
Сообщений: 3,791
|
|
Попробуйте так:
$('svg .circle').get(0).style.cssText+=';stroke-dasharray:('+data.Health+',100);';
upd. если это атрибут, то можно так попробовать:
$('svg .circle').get(0).setAttribute('stroke-dasharray','('+data.Health+',100)');
Последний раз редактировалось Nexus, 15.11.2018 в 09:15.
|
|
15.11.2018, 09:14
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,105
|
|
LaymMan,
$('svg .circle').attr('stroke-dasharray',data.Health+' 100');
Последний раз редактировалось рони, 15.11.2018 в 09:29.
|
|
15.11.2018, 09:25
|
Новичок на форуме
|
|
Регистрация: 15.11.2018
Сообщений: 5
|
|
Сообщение от Nexus
|
Попробуйте так:
$('svg .circle').get(0).style.cssText+=';stroke-dasharray:('+data.Health+',100);';
upd. если это атрибут, то можно так попробовать:
$('svg .circle').get(0).setAttribute('stroke-dasharray','('+data.Health+',100)');
|
Извините пожалуйста, раньше stroke-dasharray стоял в html, не то написал. Должно быть stroke-dasharray: 50 100
|
|
15.11.2018, 09:27
|
Профессор
|
|
Регистрация: 04.12.2012
Сообщений: 3,791
|
|
LaymMan, ну так удалите скобочки и запятую на пробел замените, с этим, я уверен, вы справитесь.
|
|
15.11.2018, 09:32
|
Новичок на форуме
|
|
Регистрация: 15.11.2018
Сообщений: 5
|
|
Все ответы не работают.
|
|
15.11.2018, 10:02
|
Профессор
|
|
Регистрация: 04.12.2012
Сообщений: 3,791
|
|
LaymMan, консоль смотрели?
У вас элемент 'svg .circle' вообще есть?
|
|
15.11.2018, 10:13
|
Новичок на форуме
|
|
Регистрация: 15.11.2018
Сообщений: 5
|
|
В HTML с svg и attr вот этот скрипт работает:
$("svg .circle").attr("stroke-dasharray",data.health);
Без svg, но с css работает в CSS. Ваши не там, не там не работают.
|
|
15.11.2018, 10:32
|
Новичок на форуме
|
|
Регистрация: 15.11.2018
Сообщений: 5
|
|
Всем спасибо большое, я тупой. health с маленькой буквы нужно писать.
|
|
|
|