Ir para conteúdo

VCastilho

Members
  • Total de itens

    16
  • Registro em

  • Última visita

Reputação

0 Comum

Sobre VCastilho

  • Data de Nascimento 10/09/1998

Informações Pessoais

  • Sexo
    Masculino
  1. VCastilho

    Erro Javascript no console

    Hum entendi, muito obrigado, consegui resolver
  2. VCastilho

    Erro no console

    Bom Dia Estou fazendo uma pagina do meu site via Elementor, e começou a aparecer alguns erros no console que não consigo localizar a raiz. Inclusive a função de Carrossel de Imagens não está funcionando, esta inserido na Div porém não funciona, poderia me ajudar? Segue o link referente ao site:
  3. VCastilho

    Erro Javascript no console

    Esta aparecendo um erro no console do meu site com a seguinte mensagem: Uncaught TypeError: Cannot read property 'top' of undefined at HTMLDocument.<anonymous> Segue o código com erro: jQuery(document).ready(function( $ ) { var mn = $(".sticky-main-nav"); var bsf = $(".below-sticky-frame"); mns = "main-nav-scrolled"; bsfp= "below-sticky-frame-position"; hdsticky = $('.fusion-header').height(); if($('#wpadminbar')){ admin = $('#wpadminbar').height(); hdsticky = hdsticky + admin; } var bottom = $('.sticky-main-nav').offset().top; $(window).scroll(function(){ if ($(this).scrollTop() > bottom && $( window ).width() > 700){ mn.addClass(mns); bsf.addClass(bsfp); mn.css({'top': + hdsticky}); } else{ mn.removeClass(mns); bsf.removeClass(bsfp); } }); }); Poderiam me ajudar?
  4. VCastilho

    Inserir arquivo PHP no tema Avada Wodpress

    Boa Tarde Estou tentando criar um arquivo.php novo no meu Wordpress do tema Avada mas não consigo, simplesmente não aparece a opção de inserir arquivo e nem com o botão direito do mouse, poderiam me ajudar, como posso inserir esse arquivo?
  5. VCastilho

    Deformação JavaScript no Wordpress

    Realmente resolveu o problema da organização, porém quando coloco no Wordpress ainda continua deformando, sendo que em vez de quando eu uso o botão de mover ele mover a parte horizontal, esta movendo o horizontal e vertical, conforme na foto anterior Agradeço pela resposta
  6. VCastilho

    Deformação JavaScript no Wordpress

    Bom Dia Estou tentando aplicar um HTML com Javascript no Portifólio do Meu Wordpress Mas assim que coloco ele deforma, como as imagens no final: Em vez de modificar apenas horizontalmente, modifica também verticalmente, iguais as imagens, conferi o código e não localizei algo que causa isso, sendo que se visualizar o código no navegador, esta normal. A parte que esta desalinhado creio que consigo arrumar depois com o CSS Segue o código completo: <!doctype> <html> <head> <meta charset="utf-8"> <style> * { font-size: 16px; box-sizing: border-box; } button { display: block; margin: auto; } article { position: relative; display: inline-block; } aside { height: 200px; max-width: 260px; font-size: 3.2rem; font-weight: bold; line-height: 200px; display: inline-block; vertical-align: bottom; } aside#left { text-align: right; padding-right: 2rem; } aside#right { text-align: left; padding-left: 2rem; } .img-comp-container { height: 200px; min-width: 820px; position: relative; text-align: center; } .img-comp-img { width: 300px; height: 200px; overflow: hidden; position: absolute; } .img-comp-img img { display: block; vertical-align: middle; } .img-comp-slider { position: absolute; z-index: 9; cursor: ew-resize; width: 24px; height: 24px; background-image: url("http://images.tcdn.com.br/678962/themes/37/img/clicker1.png?325.80026377726244"); opacity: 1; } </style> </head> <body> <button onclick="initComparisons()">Centralizar ajustes</button> <div class="img-comp-container"> <aside id="left">Antes</aside> <article> <div class="img-comp-img "> <img src="https://www.lupadigital.info/wp-content/uploads/2018/05/imagens-gratis.jpg" width="280" height="200" alt="" /> </div> <div class="img-comp-img img-comp-overlay"> <img src="http://s2.glbimg.com/7B_srQyXERP_NoJCHSzgOnuwsyc=/smart/e.glbimg.com/og/ed/f/original/2017/07/26/best-sapce-photos-2017-designboom-10.jpg" width="280" height="200" alt="" /> </div> </article> <aside id="right">Depois</aside> </div> <script> slider = document.createElement("DIV"); slider.setAttribute("class", "img-comp-slider"); console.log(getId('right')); getId('right').style.width = getId('left').offsetWidth; function initComparisons() { var x, i, c, cc; getId('left').style.color = "#808080"; getId('right').style.color = "#808080"; x = document.getElementsByClassName("img-comp-overlay"); for (i = 0; i < x.length; i++) { x[i].style.width = "300px"; compareImages(x[i]); } function compareImages(img) { var clicked = 0, w = img.offsetWidth, h = img.offsetHeight; img.style.width = (w / 2) + "px"; img.parentElement.insertBefore(slider, img); img.parentElement.style.width = w; img.parentElement.style.height = h; slider.style.top = (h / 1) - (slider.offsetHeight / 2) + "px"; slider.style.left = (w / 2) - (slider.offsetWidth / 2) + "px"; slider.addEventListener("mousedown", slideReady); window.addEventListener("mouseup", slideFinish); slider.addEventListener("touchstart", slideReady); window.addEventListener("touchstop", slideFinish); function slideReady(e) { e.preventDefault(); clicked = 1; window.addEventListener("mousemove", slideMove); window.addEventListener("touchmove", slideMove); } function slideFinish() { clicked = 0; } function slideMove(e) { var pos; if (clicked == 0) return false; pos = getCursorPos(e) if (pos < 0) pos = 0; if (pos > w) pos = w; slide(pos); } function getCursorPos(e) { var a, x = 0; e = e || window.event; a = img.getBoundingClientRect(); x = e.pageX - a.left; x = x - window.pageXOffset; return x; } function slide(x) { c = 225 * x / w; cc = 225 - c; getId('right').style.color = "rgb(" + c + ',' + c + ',' + c + ")"; getId('left').style.color = "rgb(" + cc + ',' + cc + ',' + cc + ")"; img.style.width = x + "px"; slider.style.left = img.offsetWidth - (slider.offsetWidth / 2) + "px"; } } } function getId(ref) { return document.getElementById(ref); } initComparisons(); </script> </body> </html> Sendo que estou tentando utilizar tudo no mesmo arquivo, com o e o Estou fazendo errado? Há uma forma correta?
  7. VCastilho

    Função ao clicar no botão

    Entendo, não tinha reparado na tag </script> na verdade estava fazendo alguns testes e no meio deles devo ter esquecido de incluir dentro da tag, peço desculpas O Css tinha um antigo ali, eu apaguei acabei esquecendo a chave Coloquei "url" pois estava usando uma direto do PC, como vai ser alterada deixei apenas como referência, pois sei que a chamada não é a mesma, queria saber qual é a chamada certa.... Assim a função que preciso creio que é mais viável utilizar a Tag <if>, <else> e <ifelse> porém não tenho experiencias com as mesmas e não consigo desenvolve-las Pois preciso assim, que ao clicar no botão 1 seja tudo substituído para outro painel.... e o Botão 2 para outro painel.... e assim por diante, pretendo fazer como se fosse uma "arvore" 1 2 1a 1b 2a 2b 1aa 1ab 1ba 1bc 2aa 2ab 2ba 2bb Seria algo desse estilo... mas a função que utilizo agora ele não substitui mas sim apenas "injeta" o meu HTML Consegue me ajuda?
  8. VCastilho

    Função ao clicar no botão

    Boa Tarde Estou desenvolvendo um filtro que ao clicar nas opções, sobrepõe com novas opções e assim triando o meu publico aonde precisa Segue o código que desenvolvi: <!DOCTYPE html> <html> <body> <style> #filtrotopo { background: #484949; } } #h4topo { text-align: center; color: white; font-size: 18px; } #form1 section { display: flex; flex-wrap: wrap; justify-content: center; } h4 { } #form1 section label { display: flex; justify-content: center; align-items: center; margin: 0 10px; /* width: calc(100% / 5); */ color: red; text-align: center; } @media screen and (max-width:768px) { #form1 section label { margin-bottom: 20px; width: 100%; } } </style> <div id="minhaEscolha"></div> <div id = "filtrotopo"> <h4 style="text-align: center;" id="h4topo">Personalize</h4> <form action="#" id="form1"> <section> <label> <button onclick="exemplo1()"> exemplo1</button> </label> <label> <button onclick="exemplo2()"> exemplo2 </button> </label> </section> </form> <br> </div> <div id="teste1" style="display: none;"> <h3>Texto 1</h3> <p>Sou o Texto 1</p> <p>Tenho o nome de Texto 1</p> </div> <script> function exemplo1() { var x = document.getElementById("url"); var y = document.getElementById("minhaEscolha"); y.innerHTML = x.innerHTML; } </script> function exemplo2() { var x = document.getElementById("teste1"); var y = document.getElementById("minhaEscolha"); y.innerHTML = x.innerHTML; } <body> </html> Poderiam me ajudar a finalizar esse código? No caso ele coloca na parte de cima o texto que quero, mas no caso vou substituir com um outro filtro desse, e o Exemplo 1 esta com "url" pois quero enviar para uma pagina mas não consigo fazer essa chamada
  9. VCastilho

    Função ao clicar no botão

    Bom Dia Consegui da seguinte forma, mas com faço para que o código selecionado substitua o antigo? <!DOCTYPE html> <html> <body> <style> #filtrotopo { background: #484949; } } #h4topo { text-align: center; color: white; font-size: 18px; } #form1 section { display: flex; flex-wrap: wrap; justify-content: center; } h4 { } #form1 section label { display: flex; justify-content: center; align-items: center; margin: 0 10px; /* width: calc(100% / 5); */ color: red; text-align: center; } @media screen and (max-width:768px) { #form1 section label { margin-bottom: 20px; width: 100%; } } </style> <div id="minhaEscolha"></div> <div id = "filtrotopo"> <h4 style="text-align: center;" id="h4topo">Personalize</h4> <form action="#" id="form1"> <section> <label> <button onclick="exemplo1()"> exemplo1</button> </label> <label> <button onclick="exemplo2()"> exemplo2 </button> </label> </section> </form> <br> </div> <div id="teste1" style="display: none;"> <h3>Texto 1</h3> <p>Sou o Texto 1</p> <p>Tenho o nome de Texto 1</p> </div> <script> function exemplo1() { var x = document.getElementById("url"); var y = document.getElementById("minhaEscolha"); y.innerHTML = x.innerHTML; } </script> <script> function exemplo2() { var x = document.getElementById("teste1"); var y = document.getElementById("minhaEscolha"); y.innerHTML = x.innerHTML; } </script> <body> </html>
  10. VCastilho

    Capturar ação de um botão

    Não consigo desenvolver o JavaScript para o funcionamento do Filtro
  11. VCastilho

    Capturar ação de um botão

    Bom Dia Desenvolvi um filtro HTML e estou com dificuldades em criar o JavaScript para o funcionamento do mesmo, poderiam em ajudar a criar esse JS? Segue o código: <div id = "filtro"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style disabled> #filtro { border-style:double; } #button1 { width: 120px; position: inherit; right: 10px; background-color: #e00505; font-size: 12px; FLOAT: right } h4 { font-size: 18px; border-style: inset; } select { border: 1px solid #000; box-sizing: border-box; width: 124px; border-radius: 5px; height: 25px; padding: 3px; } section label { width: calc(100% / 4); color: red; text-align: center; } section { display: flex; flex-wrap: wrap; } h4/ { border-style:double; } @media screen and (max-width:768px) { section label { margin-bottom: 20px; width: 100%; } } </style> <h4 style="text-align: center;">Personalize o seu Kit de Segurança</h4><br><br> <form action="#" id="form"> <section> <label> <b> Tipo do seu Kit </b><br> <select name="speed" id="speed" style=" "> <option desable>Selecione</option> <option>Residencial</option> <option>Comercial</option> </select> </label> <label> <b>Qualidade de Seu Kit</b><br> <select name="files" id="files" style=" "> <option desable> Selecione </option> <option value="HD">HD</option> <option value="Full HD">Full HD</option> <option value="Analógica">Analógica</option> </select> </label> <label> <b> Quantidade de Câmeras </b><br> <select name="number" id="number" style=" "> <option desable> Selecione </option> <option>1 Câmera</option> <option>2 Câmeras</option> <option>3 Câmeras</option> <option>4 Câmeras</option> <option>5 Câmeras</option> <option>6 Câmeras</option> <option>7 Câmeras</option> <option>8 Câmeras</option> <option>9 Câmeras</option> <option>10 Câmeras</option> <option>11 Câmeras</option> <option>12 Câmeras</option> <option>13 Câmeras</option> <option>14 Câmeras</option> <option>15 Câmeras</option> <option>16 Câmeras</option> </select> </label> <label> <b> Selecione a Marca </b><br> <select name="salutation" id="salutation"> <option desable selected>Selecione</option> <option>Intelbras</option> <option>Hikvision</option> <option>Outras</option> </select> </label> </section> <BR> <BR> </form> </div> <br> <br> <button class="kd-filter-button" id="button1">Ver resultados</button> Seria bom, se possível o botão funcionar fora da tag "form" pois para personalizar fica melhor
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.