Jump to content

Search the Community

Showing results for tags 'javascript'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2199 results

  1. Rodrigo F

    ajuda com php

    olá boa noite , gostaria de saber se esta informação que irei apresentar se é mesmo real e pode mesmo vir a funcionar , a questão é a seguinte um user registava-se no banco de dados e logo automaticamente ja tinha criado um pasta e um subdominio isso tudo automatico feito por um simples registo , isto é necessario php e js fazer o sistema registo é facil já o tenho feito só nao sei como é que faço a parte de criar uma pasta automatica e como cria um subdominio com o nome do user automatico : gostaria imenso de saber se isso funciona assim atentamente Rodrigo Ferreira
  2. 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?
  3. Boa tarde pessoal, Sou nova por aqui e também sou nova na programação, e gostaria da ajuda de alguém, se possível. Eu montei uma pagina que cria questionários, onde o usuário pode criar perguntas com 4 tipos de respostas (Radio, Checkbox, Text e Number). Porém não sei como verificar se no questionário, foi criado pelo menos uma pergunta de cada tipo. Montei assim: <select name="tipoconsquestao" id="tipoconsquestao" style="color:#000000; font-size:9px; width:130px; "> <option value="1" selected >Única escolha</option> <option value="2">Múltipla escolha</option> <option value="3">Texto livre</option> <option value="4">Número livre</option> </select> Criei um bloco desses para cada tipo de pergunta: <%if (ArrayQuestions(6,i) = 1) then%> <td width="8%" align=center> <input name="<%=conta_grupo%>" data-sm-tipo="<%=ArrayQuestions(6,i)%>" data-sm-vrmaxquestao="<%=ArrayQuestions(11,i)%>" data-sm-questao-numero="<%=ArrayQuestions(2,i)%>" data-sm- alternativa="<%=ArrayQuestions(3,i)%>" data-sm-questao="<%=conta_grupo%>" id="<%=conta_Alternativa%>" type="radio" value="<%=ArrayQuestions(3,i) %>" <%if ArrayQuestions(4,i) = 1 then response.write "checked"%>/> </td> <td width="92%" >&nbsp;&nbsp;&nbsp;<b><%=ArrayQuestions(1,i)%><b></td> <% end if %> Recebo aqui: var arrayquestoes = []; var arrayalternativas = []; var questionarioRadio = []; var questionarioCheck = []; var questionarioText = []; var questionarioNum = []; for (var i = 1; i <= n_grupos; i++) { var countRadio = 0; var countCheck = 0; var countText = 0; var countVrText = 0; var countVariosVrText = 0; var countNum = 0; $("[data-sm-questao='" + i + "']").each(function (index, value) { var questao = $(this).attr("data-sm-questao-numero"); var alternativa = $(this).attr("data-sm-alternativa"); //alert(alternativa); var vralternativa = $(this).val(); var tipoalternativa = $(this).attr("data-sm-tipo"); vrmaxtotalizacao = $(this).attr("data-sm-vrmaxquestao"); arrayquestoes[i - 1] = questao; //============================================================================================================== // Verifica todos os campos tipo questão 1 (Radiobuttons) e carrega o array questionarioRadio com true ou false //============================================================================================================== if (eval(tipoalternativa) == 1) { if (this.checked) { questionarioRadio[countRadio] = true; if (textoalternativas == '') { textoalternativas = questao + '|' + alternativa + '|' + 1; } else { textoalternativas = textoalternativas + ';'+ questao + '|' + alternativa + '|' + 1; } } else { questionarioRadio[countRadio] = false; } countRadio = countRadio + 1; //console.log(cont); } Faço a validação aqui: for (var k = 0; k < questionarioRadio.length; k++) { if (questionarioRadio[k]) { if (!saidafinalRadio) { saidafinalRadio = true; } } } if (questionarioRadio.length == 1) { saidafinalRadio = true; } } if (!saidafinalRadio) { alert('Por favor responda todas as questões de única escolha.'); return; } E mando para o banco de dados.
  4. peterstefan

    LOAD NÃO PARA DE CARREGAR

    Bom dia, estou fazendo uma cadastro via rest e estou utilizando o curl para cadastrar no webservice... Meu código está cadastrando tudo certinho, porem quando ele cadastra e mostra o retorno que foi cadastrado com sucesso ele fica o AGUARDE, CARREGANDO e não para.. não sei oque esta faltando pq já tentei varias coisas e não deu certo... $Data = [ "nomeRazaoSocial" => $PostData['nomeRazaoSocial'], "identMF" => $PostData['identMF'], "email" => $PostData['email'], "telefone" => $PostData['telefone'], "senhaProvisoria" => $PostData['senhaProvisoria'] ]; $DataString = json_encode($Data); $curl = curl_init(WEBSERVICECADASTRO); curl_setopt($curl, CURLOPT_CUSTOMREQUEST, "POST"); curl_setopt($curl, CURLOPT_POSTFIELDS, $DataString); curl_setopt($curl, CURLOPT_RETURNTRANSFER, true); curl_setopt($curl, CURLOPT_HTTPHEADER, array( 'Content-Type: application/json', 'Content-Length: ' . strlen($DataString)) ); $result = curl_exec($curl); if ($result) { $jSON['success'] = "<i class='icon-checkmark'></i>Pronto, cadastro foi realizado com sucesso!"; }else{ $jSON['error'] = "<i class='icon-warning'></i>Oops! Erro ao cadastrar! Por favor, tente novamente!"; }
  5. lucianfpaula

    Mudar cor de texto selecionado

    Olá saudações, tenho a seguinte duvida, dentro de uma div vou ter varios campos de texto, seja h1, p, smaill etc.. a minha duvida é a seguinte: como manipular a cor de um texto selecionado, tipo tenho um <h1>Minha texto que pode ser grande, quero mudar essa cor</h1> tem varios editor que usam textarea, mas queria saber se é possivel fazer isso a partir de qualquer tag. tipo seleciono o texto e clico em um botão com a cor que quero e mude o texto selecionado. Muito obrigado
  6. Anderson Ronilson Xavier

    Galeria Responsiva com Menu

    Olá a todos gostaria da ajuda dos colegas estou em um projeto de site landing page usando o plugin construtor de sites chamado themify ultra e não estou conseguindo uma galeria de imagens igual ao cliente está me pedindo que responsiva e com um menu que tenha as opções por exemplo "todas maçã banana laranja " se eu clicar em maçã a galeria ocultaria as bananas e Laranja e se eu clicar em todas e voltaria a apresentar todas as frutas ... Desculpa o jeito de explicar ... Mas galeria não estou conseguindo achar nada que me ajude a opção do themify ultra foi do próprio cliente que já tinha e acabei topando por fazer usando ele mesmo mas no site do themify não achei nenhum pluguin interessante a galeria deles é a padrão do WordPress será que teria como eu usar alguma outra os colegas tem alguma sugestão? Vou deixar um site que o cliente deixou de modelo de como ele gostaria de que dele ficasse www.levelmont.com.br Grato pelo ajuda dos colegas.
  7. tiagosp

    Alterar elemento em tempo real

    Estou gerando uma tabela no corpo html com javascript function responseAllHours(ObJson){ //Função que trabalha com multiplas arrays e elementos var ObJS = JSON.parse(ObJson); var divMain = document.getElementById("main"); var constructor = '<table><thead><tr><th colspan="3">Lista de horários</th></tr><tr><th colspan="1">Semana</th><th colspan="1">Sábado</th><th colspan="1">Domingo</th></tr></thead><tbody>'; var lista1 = ObJS[0].split(","); var lista2 = ObJS[1].split(","); var lista3 = ObJS[2].split(","); for(i = 0; i <= lista1.length -1; i++){ constructor += '<tr id="list' + i + '">' + '<td>' + lista1[i] + '</td>'; } constructor += '</tbody></table>'; divMain.innerHTML = constructor; for(i=0; i <= lista2.length -1; i ++){ document.getElementById("list" + i).innerHTML = '<td>' + lista2[i] + '</td>'; } for(i=0; i <= lista3.length -1; i ++){ document.getElementById("list" + i).innerHTML = '<td>' + lista3[i] + '</td>'; } } Porém as duas ultimas partes não estão sendo construídas: for(i=0; i <= lista2.length -1; i ++){ document.getElementById("list" + i).innerHTML = '<td>' + lista2[i] + '</td>'; } for(i=0; i <= lista3.length -1; i ++){ document.getElementById("list" + i).innerHTML = '<td>' + lista3[i] + '</td>'; } Então resolvi dar um break antes de chegar nos dois últimos laços, e para minha surpresa, a tabela não é montada antes do fim da função, logo o "document.getElementById" não localiza o elemento... Então estou sem saber o que fazer. Gostaria de ressaltar que solicito a montagem da tabela antes de iniciar os próximos laços ("divMain.innerHTML = constructor;")
  8. Bom dia pessoal!Vocês também estão programando em primeira pessoa? Recentemente escrevi este artigo e gostaria de compartilhar a ideia com vocês. Pare de programar em primeira pessoa!
  9. DunkMask

    Rotacionar canvas

    Olá, boa tarde. estou enfrentando um probleminha aqui. estou criando um teste aqui para inserir um canvas em um mapa e o angulo que ele esta entrando nao esta bacana, então preciso alterar ele. Mas acontece que ao usar o context.rotate() ele esta distorcendo todo o meu desenho e nao rotaciona o todo. Estou passando posição x e y, o _M_ seria o tamanho do desenho referente ao zoom do mapa e o tipo é um indicador qualquer e para posicionar ele no mapa, até ai tudo bem, funciona perfeitamente, mas quando tento rotacionar que o problema começa. function poste(pX, pY, _M_, context,tipo){ context.strokeStyle = '#000000'; context.lineWidth = 1; context.lineJoin = 'round'; context.lineCap = 'round'; context.style(). switch(tipo) { case 1: context.beginPath(); context.arc(pX+(12.5 * _M_), pY+(6 * _M_), 17 * _M_, 111.2 * (Math.PI / 180), 68.8 * (Math.PI / 180), true); context.stroke(); context.beginPath(); context.arc(pX+(41.9 * _M_), pY+(12.5 * _M_), 25 * _M_, 158 * (Math.PI / 180), 202 * (Math.PI / 180), false); context.stroke(); context.beginPath(); context.arc(pX+(12.5 * _M_), pY+(19 * _M_), 17 * _M_, 291.3 * (Math.PI / 180), 248.8 * (Math.PI / 180), true); context.stroke(); context.beginPath(); context.arc(pX+(-16.9 * _M_), pY+(12.5 * _M_), 25 * _M_, 22 * (Math.PI / 180), 338 * (Math.PI / 180), true); context.stroke(); break; } } Alguém pode me dar uma luz, eu tento inserir o rotate no final de todas as linhas ele buga, tento inserir no começo e ele buga, ou se eu insiro fora do switch ele buga. se puderem me apontar uma solução eu agradeço
  10. peterstefan

    controlar F12

    Bom dia, eu conseguiria fazer um controle das teclas F12 e Ctrl + shift + I com js?
  11. arleyfroes

    Gráfico JS com dados MYSQL

    Boa Tarde, eu tenho o seguinte código com os dados do gráfico inseridos na mão: <html> <head> <script type="text/javascript" src="js/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['TimeStamp', 'FT001', 'FT002'], ['2019-04-10 10:24:09', 300, 400], ['2019-04-10 10:25:09', 600, 460], ['2019-04-10 10:26:09', 500, 1120], ['2019-04-10 10:27:09', 550, 540] ]); var options = { title: 'Company Performance', hAxis: {title: 'TimeStamp', titleTextStyle: {color: '#333'}}, vAxis: {minValue: 0}, backgroundColor: '#E4E4E4', }; var chart = new google.visualization.AreaChart(document.getElementById('chart_div')); chart.draw(data, options); } </script> </head> <body> <div id="chart_div" style="width: 100%; height: 500px"></div> </body> </html> gostaria de saber como busco os dados do Banco de Dados Mysql.
  12. AlexandrePrezzi

    Abrir modal que está em outro arquivo

    Seguinte: Em um arquivo teste.php tem um monte de coisas e também tem um modal la pelo meio. <div class="modal fade" id="myModalDadosBasicos" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="myModalLabel_DadosBasicos" aria-hidden="true" data-backdrop="static"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="myModalLabel_DadosBasicos"></h4> </div> <div class="modal-body"> .... Em outro arquivo "principal.php" criei um botão. Gostaria de saber como posso far para quando eu clicar nesse botao, abrir o modal que esta no outro arquivo. Codigo do botão <button type="button" title="Abre Modal" class="btn btn-xs btn-success tp btnAbreModal">Transformar em Pedido Novo</button> O que eu tentei fazer baseado em dicas de outros: $('.btnAbreModal').on('click', function(e){ $.ajax({ type: 'POST', //Caminho do arquivo do seu modal url: 'teste.php', success: function(data){ alert(data); $('#myModalDadosBasicos').modal('show'); } }); }); A questão é .... como defino que o que eu quero abrir na minha página seja somente o modal "myModalDadosBasicos".
  13. Olá, boa tarde! Preciso de algo assim: Em uma página PHP, quando ela fosse acessada pela primeira vez redirecionasse para um link usando javascript. Tenho o seguinte código de redirecionamento: <script language= "JavaScript"> setTimeout("document.location = 'http://www.link.com.br'",5000); </script> Mas acho que vai precisar usar jquery cookie, pois assim toda vez que acessar é redirecionada, quero que redirecione apenas uma vez por dia. Desde já obrigado!
  14. Boa tarde! Estou batendo a cabeça numa configuração simples, porém que foge do meu conhecimento, andei pesquisando na internet, mas não encontrei uma solução que funcionasse na minha pagina. Preciso apenas configurar o pattern do input para receber dados tanto de email, quanto de cpf para simplificar meu sistema, limitei meu usuario a cadastrar apenas os numeros do CPF, porem como meu sistema permite que o usuario se logue pelo email ou pelo cpf, não conseguigo configurar o pattern do login eu gostaria que meu pattern permitisse apenas letras e numeros e FACULTATIVO o "@" e "." mas ai eu so estou conseguindo fazer sem o "@" e "." ou com "@" e "." esse facultativo que nao sei como colocar dentro do pattern. Existe essa possibilidade ou teria que ser por javascript mesmo? alguem me da uma luz!!!! o meu sonho seria um campo que conseguisse diferenciar se esta sendo preenchido como [caractere]@[caractere].[caractere] ou [3car].[3car].[3car]-[2ca], mas isso é muito dificil, estou errado? não tenho ideia se isso é possivel ou como poderia ser feito, esse foi o principal motivo de eu limitar o usuario a cadastrar somente numeros (sei que existe como fazer um "editar" na hora do POST, mas por enquanto meus estudos não chegaram ate ai) muito obrigado!!!
  15. winterjeferson

    October31 (Meu projeto)

    De momento só tem suporte para computadores e tablets. Roda direto no navegador (google chrome, firefox, etc), não precisa instalar nada. Agradeço a todos que puderem ajudar testando ou deixando considerações: http://www.october31.com.br/
  16. Rodrigo Ferreira Santos

    Enviar dados via php para preencher grafico JS !

    Salve lista, senhores estou montando um dashboard e ele tem varios graficos com a seguinte estrutura: try { //Sales chart var ctx = document.getElementById("sales-chart"); if (ctx) { ctx.height = 150; var myChart = new Chart(ctx, { type: 'line', data: { labels: ["2010", "2011", "2012", "2013", "2014", "2015", "2016"], type: 'line', defaultFontFamily: 'Poppins', datasets: [{ label: "Foods", data: [0, 30, 10, 120, 50, 63, 10], backgroundColor: 'transparent', borderColor: 'rgba(220,53,69,0.75)', borderWidth: 3, pointStyle: 'circle', pointRadius: 5, pointBorderColor: 'transparent', pointBackgroundColor: 'rgba(220,53,69,0.75)', }, { label: "Electronics", data: [0, 50, 40, 80, 40, 79, 120], backgroundColor: 'transparent', borderColor: 'rgba(40,167,69,0.75)', borderWidth: 3, pointStyle: 'circle', pointRadius: 5, pointBorderColor: 'transparent', pointBackgroundColor: 'rgba(40,167,69,0.75)', }] }, options: { responsive: true, tooltips: { mode: 'index', titleFontSize: 12, titleFontColor: '#000', bodyFontColor: '#000', backgroundColor: '#fff', titleFontFamily: 'Poppins', bodyFontFamily: 'Poppins', cornerRadius: 3, intersect: false, }, legend: { display: false, labels: { usePointStyle: true, fontFamily: 'Poppins', }, }, scales: { xAxes: [{ display: true, gridLines: { display: false, drawBorder: false }, scaleLabel: { display: false, labelString: 'Month' }, ticks: { fontFamily: "Poppins" } }], yAxes: [{ display: true, gridLines: { display: false, drawBorder: false }, scaleLabel: { display: true, labelString: 'Value', fontFamily: "Poppins" }, ticks: { fontFamily: "Poppins" } }] }, title: { display: false, text: 'Normal Legend' } } }); } } catch (error) { console.log(error); } Todos em um aquivo main.js eu chamo ele no html assim: <div class="col-lg-6"> <div class="au-card m-b-30"> <div class="au-card-inner"> <h3 class="title-2 m-b-40">Comparativo Visitante/Membros</h3> <canvas id="sales-chart"></canvas> </div> </div> </div> Meu problema e que estou usando um modelo ja pronto de dashboard e preciso setar dados neste grafico eu nao sei como fazer, vi na internet que eu preciso criar um arquivo json mas como faço para incorporar no js !
  17. Artes Ussler

    Verificar e-mail com validação

    Olá! Tenho este código (validação.js): $("#formulario").validate({ ignore: ".ignore", rules: { nome:{required: true}, usuario:{required: true}, senha:{required: true, minlength:6}, email:{required: true, email: true}, confirma:{ required: true, equalTo: "#password"}, }, messages: { senha:{minlength:"A senha deve ter pelo menos 6 caracteres"}, confirma:{equalTo: "Senhas não conferem!"}, } }); Funciona muito bem, mas preciso acrescentar que somente poderão ser aceitos e-mails de um determinado domínio, ou seja, só podem ser aceitos e-mails com @fulano.com.br e @ciclano.com.br, apenas usando como exemplo. Fico grato se alguém puder me ajudar nisso.
  18. Estou iniciando agora com javascript e tenho vários códigos de javascript que não funcionam e não consigo resolvê-los. Alguém poderia me ajudar?
  19. Wanderson Moreira

    While com valores do banco de dados

    boa tarde! como faço para fazer um while com as linhas de uma tabela do banco de dados? preciso retornar todos os usuários de uma tabela no meu código atual ele busca o valor da tabela mas apenas 1 linha estou fazendo uma aplicação em electron então não da pra usar PHP <script> $sql = 'SELECT * FROM `usuarios`'; connection.query($sql, function (error, results, fields) { if (error) throw error; console.log(results); $('.nome-lista').text(results[0].nome); }); connection.end(); </script> //imprimir nome <div class="nome-lista"></div>
  20. Cabidelli

    [AJUDA] Site não lê arquivos .js

    Olá, criei meu site a partir de um template e tudo funcionava normal. Quando precisei alterar o site de servidor ele parou de ler os arquivos .js. Não consigo entender o motivo se os arquivos estão lá no código do site. Gostaria de pedir ajuda de algum de vocês deste fórum. Peço que analisem o código do meu site e me informem o motivo de não estar carregando os arquivos .js para que eu possa resolver. Conto com vocês. Obrigado: http://cabidelli.com/
  21. Galera, é o seguinte. Estou criando meu site todo em ancoras(na verdade só falta isso para terminar). Inicio, sobre, Serviços, e Contato. Quando clico em cada link do menu principal, esse link me encaminha para o respectivo local dentro da página, sendo assim, clicando em contato eu desco o site inteiro até a ultima seção. Nesta Seção eu criei um formulário, com os campos: Nome, email, Telefone, Cidade e mensagem, e abaixo eu coloquei o botão enviar. No arquivo php eu recebo os dados, encaminho ao meu email, e redireciono para a pagina de obrigado. Neste caso, quando eu clico no botão de submit, este botão me envia o email contendo os dados e abre uma pagina diferente da que estou com a mensagem obrigado. O que eu quero é: Que quando eu clicar no botão submit, essa mensagem de obrigado apareça no mesmo local que eu estou na página principal. Ou seja, clicar no botão enviar, o formulário sumir e no lugar dele aparecer uma mensagem de obrigado, sem atualizar o site principal que eu estou. Segue codigo HTML: <form action="enviacontato.php" class="form-contact" name="form" method="post" tabindex="1"> <input type="text" class="form-contact-input" name="nome" placeholder="Nome" required /> <input type="email" class="form-contact-input" name="email" placeholder="E-mail" required /> <input type="tel" class="form-contact-input-menor" maxlength="15" id="telefone" name="telefone" placeholder="Telefone" required /> <input type="text" class="form-contact-input-menor" name="cidade" placeholder="cidade" /> <textarea class="form-contact-textarea" name="mensagem" placeholder="Deixe uma mensagem" required></textarea> <button type="submit" class="form-contact-button">Enviar</button> </form> Segue o Código PHP: <? $destinatario = "email@email.com"; $nome = $_REQUEST['nome']; $email = $_REQUEST['email']; $telefone = $_REQUEST['telefone']; $cidade = $_REQUEST['cidade']; $mensagem = $_REQUEST['mensagem']; $assunto = "Contato Site"; $body = "===================================" . "\n"; $body = $body . "FALE CONOSCO - FORMULÁRIO DO SITE" . "\n"; $body = $body . "===================================" . "\n\n"; $body = $body . "Nome: " . $nome . "\n"; $body = $body . "Email: " . $email . "\n"; $body = $body . "Telefone: " . $telefone . "\n"; $body = $body . "Cidade: " . $cidade . "\n"; $body = $body . "Mensagem: " . $mensagem . "\n\n"; $body = $body . "===================================" . "\n"; mail($destinatario, $assunto , $body, "From: $email\r\n"); header("location:obrigado.html"); ?> Então é isso galera, espero que me ajudem, Vale =D
  22. André_Maronne

    Como inicializar o player automaticamente

    Olá pessoal, estou com seguinte problema, gostaria de inicializar o play do meu player automaticamente, ou seja, disparar o comando play , através do código abaixo, function registerKeyHandler() { document.addEventListener('keydown', function (e) { switch (e.keyCode) { case 13: // Enter player.toggleFullscreen(); break; case 10252: // MediaPlayPause case 415: // MediaPlay case 19: player.playPause(); break; case 413: // MediaStop player.stop(); break; case 48: //Key 0 log(); break; case 49: //Key 1 setUhd(); break; case 50: //Key 2 player.getTracks(); break; case 51: //Key 3 player.getProperties(); break; case 10009: // Return if (webapis.avplay.getState() !== 'IDLE' && webapis.avplay.getState() !== 'NONE') { player.stop(); } else { tizen.application.getCurrentApplication().hide(); } break; default: log("Unhandled key"); } }); }
  23. s3c0

    [RESOLVIDO] DIV + JS

    Amigo, estou com um probleminha e não consigo resolver... já revirei a internet inteira, mas não encontrei nada parecido com o que preciso. A questão é o seguinte. Queria executar um comando JS assim que uma div aparecer na tela. Abaixo estou deixando os codes <script src="js/jquery.min.js" type="text/javascript"></script> <style> #progress { width:100%; height:20px; border: solid #808080 2px; border-radius: 5px; background-image: linear-gradient( 90deg, green, yellow, red ); } #processador{ width: 0%; height: 16px; background-color: rgba(0, 0, 0, 0.5); } #memoria{ width: 0%; height: 16px; background-color: rgba(0, 0, 0, 0.5); } #hd{ width: 0%; height: 16px; background-color: rgba(0, 0, 0, 0.5); } </style> Processador <span data-bind="Usage"><div id="progress"><div id="processador"></div></div><div style="text-align:right;">20%</div></span> Memória <span data-bind="Usage"><div id="progress"><div id="memoria"></div></div><div style="text-align:right;">50%</div></span> Hard Disk <span data-bind="Usage"><div id="progress"><div id="hd"></div></div><div style="text-align:right;">80%</div></span> JS <script type="text/javascript"> $("#processador").html(function(){ alert("ok"); var width = 1; var id = setInterval(frame, 10); var id2 = setInterval(frame2, 10); var id3 = setInterval(frame3, 10); function frame() { if (width >= 20) { clearInterval(id); } else { width++; document.getElementById("processador").style.width = width + '%'; } } function frame2() { if (width >= 50) { clearInterval(id2); } else { width++; document.getElementById("memoria").style.width = width + '%'; } } function frame3() { if (width >= 80) { clearInterval(id3); } else { width++; document.getElementById("hd").style.width = width + '%'; } } }); </script> A "animação" em si, está funcionando perfeitamente, porém ao carregar a página e não no momento em que a DIV aparece na tela
  24. Tenho um cod javascript pra enviar via ajax dados de dois forms pra uma pagina.php que envia pro banco de dados, tudo funciona bem. porem ao ter adicionado um codigo pra atualizar uma div contendo boa oparte do site inclusive os formularios, o código e o carregamento normal da p´[agina ficam lentos, e atualiza normal tbm de tempos em tempos determinados, mas com esse conflito tbm acontece que se clico no submit, e aperto f5 ou simplesmente faço recarregamento manual da página toda, aparece caixa de texto dizendo que essa página já enviou dados e tal. Como resolver esse conflito . meu teclado nao tem interrogação configurado. Abaixo coloco os codigos javascript e PHP : // start of PLAYER PLAY AND BUTTON CHANGES WHEN PRESSED function aud_play_pause() { var radiorockfm = document.getElementById("radiorockfm"); if (radiorockfm.paused) { $('#radiorockfmicon').removeClass('.button'); $('#radiorockfmicon').addClass('paused'); radiorockfm.play(); } else { $('#radiorockfmicon').removeClass('paused'); $('#radiorockfmicon').addClass('.button'); radiorockfm.pause(); } } // end of PLAYER PLAY AND BUTTON CHANGES WHEN PRESSED //<script type="text/javascript" > // Liking songs user_ip $(function () { $(".button_like_song").click(function (event) { var songID = $("#songID").val(); var artist_liked = $("#artist_liked").val(); var title_liked = $("#title_liked").val(); var liked = $("#liked").val(); var song_date_rated = $("#song_date_rated").val(); var song_date_played = $("#song_date_played").val(); var song_duration = $("#song_duration").val(); var current_user_ip = $("#current_user_ip").val(); var dataString = 'songID=' + songID + '&artist_liked=' + artist_liked + '&title_liked=' + title_liked + '&liked=' + liked + '&song_date_rated=' + song_date_rated + '&song_date_played=' + song_date_played + '&song_duration=' + song_duration + '&current_user_ip=' + current_user_ip; console.log(dataString); if (songID == '' || artist_liked == '' || title_liked == '' || liked == '' || song_date_rated == '' || song_date_played == '' || song_duration == '' || current_user_ip == '') { $('.success').fadeOut(200).hide(); $('.error').fadeOut(200).show(); } else { $.ajax({ type: "POST", url: "get_likes.php", data: dataString, success: function (data) { $('.success').fadeIn(200).show(); $('.error').fadeOut(200).hide(); $("#feedback_message").html(data); } }); } event.preventDefault(); }); }); //</script> //<script type="text/javascript" > // Disliking songs $(function () { $(".button_dislike_song").click(function (event) { var songID_disliked = $("#songID_disliked").val(); var artist_disliked = $("#artist_disliked").val(); var title_disliked = $("#title_disliked").val(); var disliked = $("#disliked").val(); var song_date_disliked = $("#song_date_disliked").val(); var song_date_played_disliked = $("#song_date_played_disliked").val(); var song_duration_disliked = $("#song_duration_disliked").val(); var current_user_ip_disliked = $("#current_user_ip_disliked").val(); var dataString = 'songID_disliked=' + songID_disliked + '&artist_disliked=' + artist_disliked + '&title_disliked=' + title_disliked + '&disliked=' + disliked + '&song_date_disliked=' + song_date_disliked + '&song_date_played_disliked=' + song_date_played_disliked + '&song_duration_disliked=' + song_duration_disliked + '&current_user_ip_disliked=' + current_user_ip_disliked; console.log(dataString); if (songID_disliked == '' || artist_disliked == '' || title_disliked == '' || disliked == '' || song_date_disliked == '' || song_date_played_disliked == '' || song_duration_disliked == '' || current_user_ip_disliked == '') { $('.success').fadeOut(200).hide(); $('.error').fadeOut(200).show(); } else { $.ajax({ type: "POST", url: "get_dislikes.php", data: dataString, success: function (data) { $('.success').fadeIn(200).show(); $('.error').fadeOut(200).hide(); $("#feedback_message").html(data); } }); } event.preventDefault(); }); }); //</script> //REFRESHING DIV AUTOMATICALLY TO CHANGE ARTIST DETAILS: setInterval("my_function();",60000); function my_function(){ $('.playing_track').load(location.href + ' .playing_track'); } //------------------------------------------------------------ PHP: <?php function convertTime($seconds) { $sec = $seconds; // Time conversion $hours = intval(intval($sec) / 3600); $padHours = True; $hms = ($padHours) ? str_pad($hours, 2, "0", STR_PAD_LEFT). ':' : $hours. ':'; $minutes = intval(($sec / 60) % 60); $hms .= str_pad($minutes, 2, "0", STR_PAD_LEFT). ':'; $seconds = intval($sec % 60); $hms .= str_pad($seconds, 2, "0", STR_PAD_LEFT); return $hms; } ?> <div class="main_table" > <?php db_conn(); $query = "SELECT `ID`, `date_played`, `artist`, `title`, `duration` FROM `history` WHERE `song_type` = 0 ORDER BY `date_played` DESC LIMIT 0," . ($resLimit+1); $result = mysqli_query(@$opened_db, $query); if (!$result) { echo mysqli_error(); exit; } if (mysqli_num_rows($result) == 0) { exit; } $inc = 0; while($row = mysqli_fetch_assoc($result)) { if ($inc == 0) { //Like or Dislike songs (Rating Script) $receivelikespage = "";//"get_likes.php"; //Use adress only tosend with refresh. $receivedislikespage = ""; //"recebe_dislikes.php"; //Use adress only tosend with refresh. $songid = htmlspecialchars($row['ID'], ENT_QUOTES); $artist_now_playing = htmlspecialchars($row['artist'], ENT_QUOTES) ; $title_now_playing = htmlspecialchars($row['title'], ENT_QUOTES); $song_duration = convertTime($row['duration']); $song_date_played = date('Y.m.d h:i:s', strtotime($row['date_played'])); $song_date_rated = date('Y.m.d h:i:s'); $artista_da_biografia = $artist_now_playing; $ch = curl_init(); $artist = strtolower("$artista_da_biografia"); $fields = array('method' => 'artist.getInfo', 'artist' => $artist, 'api_key' => $lastfm_apikey, 'lang' => 'pt'); $fields_string = ""; foreach($fields as $key=>$value) { $fields_string .= $key.'='.$value.'&'; } rtrim($fields_string,'&'); curl_setopt($ch, CURLOPT_TIMEOUT, 10); curl_setopt($ch, CURLOPT_URL, 'http://ws.audioscrobbler.com/2.0/'); curl_setopt($ch, CURLOPT_POST, true); curl_setopt($ch, CURLOPT_POSTFIELDS, $fields_string); curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/4.0 (compatible; MSIE 5.01; Windows NT 5.0)"); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); $response = curl_exec($ch)or die( curl_error($ch) ); curl_close($ch); $s = simplexml_load_string($response); //================================PARTIAL END OF SHOWING ARTIST IMAGE WITH LAST FM API================================// //=========NOW PLAYING IMAGE AND INFO======================== echo "<div class=\"coming_up_next_form\">"; echo "</div>"; echo "<div class=\"playing_track\">"; echo "<div id=\"first_live_stat\">"; echo "<div id =\"logo_live_stat\"><div id =\"logo_live_stat_image\"></div></div>"; echo "<p class=\"header_live\"> BIOGRAPHY </p>\n"; ?> <div id="artist_bio"><p><?php echo nl2br(strip_tags($s->artist->bio->content)); ?></p></div> <?php echo "</div>"; ?> <div class="img_now_playing_artist"> <h1 style="text-transform:uppercase;"><?php //print $artist; ?></h1> <img class="now_playing_img" src="<?php print $s->artist->image[3]; ?>" alt="<?php print $artist; ?>" /> </div> <?php echo "<div id=\"now_playing_text_and_buttons\">"; echo "<table class=\"coming_up_next\">" . "\n"; echo " <tr>" . "\n"; echo " <td class=\"header_live\">NOW PLAYING</td>\n"; echo " </tr>" . "\n"; echo "<tr><td><div id=\"now_playing_text\"><strong>" . htmlspecialchars($row['artist'], ENT_QUOTES) . " </strong><br/> " . htmlspecialchars($row['title'], ENT_QUOTES) . "</div></td></tr>"; echo "<div id=\"like_buttons\">"; echo "<form id=\"thumb_up\" name=\"like\" action=\"$receivelikespage\" onsubmit=\"like()\" method=\"post\">"; echo " <input type=\"hidden\" value=\"$songid\" id=\"songID\" name=\"songID\"/>\n"; echo " <input type=\"hidden\" value=\"$artist_now_playing\" id=\"artist_liked\" name=\"artist_liked\"/>\n"; echo " <input type=\"hidden\" value=\"$title_now_playing\" id=\"title_liked\" name=\"title_liked\"/>\n"; echo " <input type=\"hidden\" value=\"1\" id=\"liked\" name=\"liked\"/>\n"; echo " <input type=\"hidden\" value=\"$song_date_rated\" id=\"song_date_rated\" name=\"song_date_rated \"/>\n"; echo " <input type=\"hidden\" value=\"$song_date_played\" id=\"song_date_played\" name=\"song_date_played\"/>\n"; echo " <input type=\"hidden\" value=\"$song_duration\" id=\"song_duration\" name=\"song_duration\"/>\n"; echo " <input type=\"hidden\" value=\"$current_user_ip\" id=\"current_user_ip\" name=\"current_user_ip\"/>\n"; echo " <button type=\"submit\" value=\"submit\" class=\"button_like_song\" id=\"button_like_song\" name=\"submit\"><div id=\"up\"></div></button>\n"; echo "</form>"; echo "<form id=\"thumb_down\" name=\"dislike\" action=\"$receivedislikespage\" onsubmit=\"dislike()\" method=\"post\">"; echo " <input type=\"hidden\" value=\"$songid\" id=\"songID_disliked\" name=\"songID\"/>\n"; echo " <input type=\"hidden\" value=\"$artist_now_playing\" id=\"artist_disliked\" name=\"artist_disliked\"/>\n"; echo " <input type=\"hidden\" value=\"$title_now_playing\" id=\"title_disliked\" name=\"title_disliked\"/>\n"; echo " <input type=\"hidden\" value=\"-1\" id=\"disliked\" name=\"disliked\"/>\n"; echo " <input type=\"hidden\" value=\"$song_date_rated\" id=\"song_date_disliked\" name=\"song_date_rated\"/>\n"; echo " <input type=\"hidden\" value=\"$song_date_played\" id=\"song_date_played_disliked\" name=\"song_date_played\"/>\n"; echo " <input type=\"hidden\" value=\"$song_duration\" id=\"song_duration_disliked\" name=\"song_duration\"/>\n"; echo " <input type=\"hidden\" value=\"$current_user_ip\" id=\"current_user_ip_disliked\" name=\"current_user_ip\"/>\n"; echo " <button type=\"submit\" value=\"submit\" class=\"button_dislike_song\" id=\"button_dislike_song\" name=\"submit\"><div id=\"down\"></div></button>\n"; echo "</form></td></tr>"; echo "<span id=\"feedback_message\"></span></div>"; echo " <div id=\"player_radio_rock_fm\">"; echo " <audio id=\"radiorockfm\">"; echo " <source src=\"http://stream.zenolive.com/ne5c3p44puquv\" type=\"audio/mp3\">"; //echo " <source src=\"radiorockfm_desktop.m3u\" type=\"audio/m3u\">"; //echo " <source src=\"radiorockfm_desktop.pls\" type=\"audio/pls\">"; //echo " <source src=\"http://stream.zenolive.com/ne5c3p44puquv.m3u\" type=\"audio/m3u\">"; //echo " <source src=\"http://stream.zenolive.com/ne5c3p44puquv.pls\" type=\"audio/pls\">"; echo " Your browser does not support the audio element."; echo " </audio>"; echo " <button id=\"radiorockfmicon\" class=\"button\" onclick=\"aud_play_pause()\" type=\"button\"></button>"; echo " <span class=\"text_vol\">VOL</span>"; echo " <input type=\"range\" list=\"tickmarks\" class=\"volumebutton\" min=\"0\" value=\"0.5\" max=\"1\" step=\"0.1\" onchange=\"document.getElementById('radiorockfm').volume=this.value\">"; echo " </div>"; // echo "<tr><td><div class=\"coming_up_next_form_backdiv\">"; // echo "</div></td></tr>"; $shuffleQuery = null; If ($shufleUpcoming == True) { $shuffleQuery = " ORDER BY RAND()"; } $nextquery = "SELECT songs.ID, songs.artist, queuelist.songID FROM songs, queuelist WHERE songs.song_type=0 AND songs.ID=queuelist.songID" . $shuffleQuery . " LIMIT 0," . $nextLimit; $resultx = mysqli_query(@$opened_db, $nextquery); if (!$resultx) { echo mysqli_error(); exit; } if (mysqli_num_rows($resultx) > 0) { // If there tracks in the playlist, we show them $inc = 0; echo " <tr>" . "\n"; echo " <td class=\"header_live\"> COMING UP NEXT </td>\n"; echo " </tr>" . "\n"; while($rowx = mysqli_fetch_array($resultx)) { //================================SHOWING ARTIST IMAGE WITH LAST FM API CURL CODE- IN LAST RECENTPLY PLAYED================================// $ch = curl_init(); $next_artist = htmlspecialchars($rowx['artist'], ENT_QUOTES); $artist = strtolower("$next_artist"); $fields = array('method' => 'artist.getInfo', 'artist' => $artist, 'api_key' => $lastfm_apikey, 'lang' => 'pt'); $fields_string = ""; foreach($fields as $key=>$value) { $fields_string .= $key.'='.$value.'&'; } rtrim($fields_string,'&'); curl_setopt($ch, CURLOPT_TIMEOUT, 10); curl_setopt($ch, CURLOPT_URL, 'http://ws.audioscrobbler.com/2.0/'); curl_setopt($ch, CURLOPT_POST, true); curl_setopt($ch, CURLOPT_POSTFIELDS, $fields_string); curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/4.0 (compatible; MSIE 5.01; Windows NT 5.0)"); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); $response = curl_exec($ch)or die( curl_error($ch) ); curl_close($ch); $s = simplexml_load_string($response); //================================PARTIAL END OF SHOWING ARTIST IMAGE WITH LAST FM API CODE - IN LAST RECENTPLY PLAYED================================// //==================COMING SOON ARTISTS================= ?> <tr><td><p class="coming_up_next_contend"><img style="width:40px; position: relative;" src="<?php print $s->artist->image[1]; ?>" alt="<?php print $artist; ?>" /> <?php echo "<span class=\"next_artist_text\">" . htmlspecialchars($rowx['artist'], ENT_QUOTES) . "</span></p></td></tr>"; //if the current track is not the last, we put a separator if ($inc < (mysqli_num_rows($resultx) -1)) { echo " "; } $inc += 1; } echo "</table>" . "\n"; } echo "</div>\n"; echo "<table class=\"now_playing_recently_played\" border=\"0\" cellspacing=\"0\" cellpadding=\"5\">"; if ($resLimit > 0) { echo " <tr>" . "\n"; echo " <td class=\"header_live\"> RECENTLY PLAYED</td>\n"; echo " </tr>" . "\n"; } } else { if ($resLimit > 0) { $ch = curl_init(); $rec_played_artist = htmlspecialchars($row['artist'], ENT_QUOTES); $artist = strtolower("$rec_played_artist"); $fields = array('method' => 'artist.getInfo', 'artist' => $artist, 'api_key' => $lastfm_apikey, 'lang' => 'pt'); $fields_string = ""; foreach($fields as $key=>$value) { $fields_string .= $key.'='.$value.'&'; } rtrim($fields_string,'&'); curl_setopt($ch, CURLOPT_TIMEOUT, 10); curl_setopt($ch, CURLOPT_URL, 'http://ws.audioscrobbler.com/2.0/'); curl_setopt($ch, CURLOPT_POST, true); curl_setopt($ch, CURLOPT_POSTFIELDS, $fields_string); curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/4.0 (compatible; MSIE 5.01; Windows NT 5.0)"); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); $response = curl_exec($ch)or die( curl_error($ch) ); curl_close($ch); $s = simplexml_load_string($response); echo " <tr>" . "\n"; echo " <td class=\"now_playing_recently_played_td\">" ;?> <img src="<?php print $s->artist->image[2]; ?>" alt="<?php print $artist; ?>" /> <?php echo "<div class=\"rec_played_texto\"><span class=\"title_rec_played\">" . htmlspecialchars($row['title'], ENT_QUOTES) . "</span><br/><span class=\"artist_rec_played\">" . htmlspecialchars($row['artist'], ENT_QUOTES) . " </span><br/><span class=\"date_rec_played\">" . date('H:i:s', strtotime($row['date_played'])) . "</span></div></td>\n"; echo " </tr>" . "\n"; } } $inc += 1; } echo "</table>"; @mysqli_free_result($result); db_close($opened_db); ?> </div></div> ?> Código PHP resumindo a principal parte: Essa div class="playing-track"> essa div que está obviamente sendo recarregada sem refresh em toda a página, porém parece dar conflito com o ajax que envia os dados desses dos formularios, e pior após apertar o submit, se recarregar manualmente a janela, asparece mensagem dizendo que conteudo recarregado já foi enviado ou algo assim, vcs devem saber do que tou falando. Tah f***, o jeito foi positionar em outro lutar e bagunçar meu layout, mas gostaria de entender pq isso acontece, e tentar repositionar para criar um layout abnsoluto em cima da ideia do site que eh este:
  25. function funcao() { var indice = document.getElementById("seletor").selectedIndex; <?php $indice = echo "<script>document.write(indice)</script>"; $item = array(); $item = $itens[$indice]; echo "ITEM: $item[0]"; ?> } O problema é que eu não consigo passar esse valor do indice do javascript pro php, esse indice é de um <select> ele muda cada vez que um novo <option> é selecionado. Eu quero popular os campos com valores do banco de dados, por isso preciso do indice, pra saber quais valores buscar no banco.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.