-
Content count
4 -
Joined
-
Last visited
Community Reputation
0 ComumAbout Priscila Neu

Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
-
Priscila Neu changed their profile photo
-
Como fazer condição para mais de uma classe igual
Priscila Neu replied to Priscila Neu's topic in Javascript
Oi... Bom dia!!! Deu certo, muitoo obrigada mesmo!!! Estou finalizando esse script e me deparei com outra situação? Se eu precisasse percorrer e guardar em uma variável parte da chamada de uma classes, no caso parte de uma url, eu consigo? Por exemplo, hoje eu chamo o ícone pelo nome da classe, mas observei que em alguns casos a classe é um nome e o ícone chamado para ela tem nome diferente de arquivo: .ico-check {background-image:url(../icon/feather/check-circle.svg);} .ico-check-in {background-image:url(../icon/feather/check.svg);} Seria possível pegar somente o check-circle.svg dessa classe para aplicar posteriormente no js? Como jogar na variável chamada em 'icons', conforme segue abaixo: div.innerHTML = '<svg class="' + currentClass + '"><use xlink:href="assets/icon/sprite/sprite.svg#'+ icons +'" /></svg>'; Oi William, Muito obrigada, sim, ajudou bastante e funcionou, mas tem um porém, a ordem é manter a classe que determina o seu tamanho :( .. no caso tenho essas: .ico-sm, .ico-md, .ico-lg, .ico-xl, .ico-90p Pensei em filtrar na busca só o que estivesse depois do primeiro espaço, mas se acontecer de em algum lugar, elas terem sido chamadas ao inverso, ferrou.. rsrs... E como se trata de um sistema já existente e com mais desenvolvedores trabalhando, não teria como controlar essa ordem. Por isso que pensei inicialmente, em buscar pelo nome exato da classe e guardar em uma variável. Desculpa não ter explicado em detalhes antes. -
Como fazer condição para mais de uma classe igual
Priscila Neu replied to Priscila Neu's topic in Javascript
Oi William, Muito obrigada, sim, ajudou bastante e funcionou, mas tem um porém, a ordem é manter a classe que determina o seu tamanho :( .. no caso tenho essas: .ico-sm, .ico-md, .ico-lg, .ico-xl, .ico-90p Pensei em filtrar na busca só o que estivesse depois do primeiro espaço, mas se acontecer de em algum lugar, elas terem sido chamadas ao inverso, ferrou.. rsrs... E como se trata de um sistema já existente e com mais desenvolvedores trabalhando, não teria como controlar essa ordem. Por isso que pensei inicialmente, em buscar pelo nome exato da classe e guardar em uma variável. Desculpa não ter explicado em detalhes antes. -
Oi, Estou batendo cabeça com algo que deva ser simples, mas eu não sei.. rsrs... Estou transformando chamadas de ícones em svgs inline através de javascript, está funcionando, mas o porém é que tenho mais de uma classe junto que determina tamanho do ícones e eu desejaria manter essa classe. Tenho o seguinte código, ele está funcionando, porém executa uma vez só e não sei como fazer a partir de agora. HTML antes do script: <i class="ico-activity ico-md"></i> <i class="ico-folder ico-lg"></i> <i class="ico-zap ico-md"></i> <i class="ico-add-version ico-lg"></i> <i class="ico-folder-mac ico-lg"></i> HTML após script: <svg class="ico-md"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="sprite/sprite.svg#activity"></use></svg> <svg class="ico-md"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="sprite/sprite.svg#folder"></use></svg> <svg class="ico-md"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="sprite/sprite.svg#zap"></use></svg> <svg class="ico-md"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="sprite/sprite.svg#add-version"></use></svg> <svg class="ico-md"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="sprite/sprite.svg#folder-mac"></use></svg> Código Javascript atual: function iconesSgv(){ var elements = document.querySelectorAll("i[class*=ico-]"); elements.forEach(element => { var icoMd = document.querySelector(".ico-md"); var icoLg = document.querySelector(".ico-lg"); var icons = element.getAttribute('class').replace('ico-', '').split(' ')[0]; var div = document.createElement('div'); if(icoMd){ div.innerHTML = '<svg class="ico-md"><use xlink:href="sprite/sprite.svg#'+ icons +'" /></svg>'; element.replaceWith(div.firstChild); }else if(icoLg){ div.innerHTML = '<svg class="ico-lg"><use xlink:href="sprite/sprite.svg#'+ icons +'" /></svg>'; element.replaceWith(div.firstChild); } }); }; iconesSgv();
-
Boa noite, Por favor, uma ajuda, sou nova em programação e estou precisando fazer um relacionamento de tabela mysql, com retorno em json, eu tentei o seguinte código, mas está com erros. Já pesquisei muito no google e youtube, mas não consegui achar nada parecido. <?php header("Access-Control-Allow-Origin: *"); header('Content-Type: application/json; charset=utf-8'); $con = new mysqli('mysql.meusite.com.br', 'meubanco', 'senha', 'meubanco'); if (mysqli_connect_errno()) trigger_error(mysqli_connect_error()); $sql = "SELECT refeicao.nome, refeicao.id FROM refeicao_refeicao AS refeicao INNER JOIN refeicao_alimento AS opcao INNER JOIN alimentos_refeicao AS cardapio WHERE cardapio.id_refeicao = refeicao.id AND cardapio.id_alimentos = opcao.id GROUP BY refeicao.id"; $query = mysql_query($sql); $arr = Array(); if(mysql_num_rows($query)){ while($dados = mysql_fetch_object($query)){ $arr[0] = $dados->id; $arr[1] = $dados->nome; $arr[2] = $id_refeicao; } $sql2 = "SELECT refeicao_alimento.nome FROM refeicao_alimento INNER JOIN refeicao_refeicao INNER JOIN alimentos_refeicao WHERE alimentos_refeicao.id_alimentos = refeicao_alimento.id AND alimentos_refeicao.id_refeicao = $id_refeicao GROUP BY refeicao_alimento.id"; $query2 = mysql_query($sql2); $arr2 = Array(); if(mysql_num_rows($query)){ while($dados2 = mysql_fetch_object($query)){ $arr2[0] = $dados2->nome; } } echo json_encode(); //print_r($JSON); } ?> <br /> <b>Warning</b>: mysql_query(): No such file or directory in <b>/home/qualitserv/www/api/apiCardapios.php</b> on line <b>16</b><br /> <br /> <b>Warning</b>: mysql_query(): A link to the server could not be established in <b>/home/qualitserv/www/api/apiCardapios.php</b> on line <b>16</b><br /> <br /> <b>Warning</b>: mysql_num_rows() expects parameter 1 to be resource, boolean given in <b>/home/qualitserv/www/api/apiCardapios.php</b> on line <b>20</b><br /> Eu já uso essa mesma estrutura sql no meu sistema onde cadastro os dados, mas acredito que para api, deve funcionar de forma diferente! Obrigada!