Pesquisar na Comunidade
Mostrando resultados para as tags ''javascript''.
-
Estou com um problema, tenho um site feito em wordpress, quando eu faço alteraçoes no front da home, tambem altera o front da pagina noticias... alguém tem alguma sugestao do que devo fazer?
-
Fiz tudo que o plugin pede, mas, o slide não funciona ! Por favor, me ajude já quebrei minha cabeça para fazer esse slide funcionar !! Meu código: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://malsup.github.io/jquery.cycle2.js"></script> <script> $('.cycle-slideshow').cycle({ speed: 600, manualSpeed:100 }); </script> </head> <body> <div class="slideshow"> <div class="slides"> <div class="slide-1"> <a href="#"><img src="img/01.jpg"></a> <div class="info-slide-left"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita"> <p>Categoria #1</p> </div> </div> </div> <div class="slide-2"> <a href="#"><img src="img/img02.jpg"><a/> <div class="info-slide-rigth"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita-2"> <p>Categoria #1</p> </div> </div> </div> <div class="slide-3"> <a href="#"><img src="img/img02.jpg"></a> <div class="info-slide-right-3"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita-3"> <p>Categoria #1</p> </div> </div> </div> </div> <div class="slide"><!--Grupo 2 de slide--> <div class="slide-1"> <a href="#"><img src="img/01.jpg"></a> <div class="info-slide-left"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita"> <p>Categoria #1</p> </div> </div> </div> <div class="slide-2"> <a href="#"><img src="img/img02.jpg"><a/> <div class="info-slide-rigth"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita-2"> <p>Categoria #1</p> </div> </div> </div> <div class="slide-3"> <a href="#"><img src="img/img02.jpg"></a> <div class="info-slide-right-3"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita-3"> <p>Categoria #1</p> </div> </div> </div> </div> </div><!--Fim do 2 Slide--> </div> -
Olá pessoal, tudo bem com vocês? bom estou com um popup em meu site.. que aparece sempre que a pessoa atualiza ou entra nele.. eu gostaria de que alguém me ajudasse ou criasse uma função javascript (pois a pagina é em html e não tem como usar php) para que pode-se aparecer apenas uma vez por usuário com um certo tempo.. tipo 1 dia para ela aparecer de novo.. saka? vou deixar abaixo o meu código: <html><head> <style> #popup{ margin-top: -45px; position: absolute;width: 300px;height: 250px;left: 400px; top: 288px; z-index: 99999;margin: -175px auto 0px 15px;border: 6px solid rgba(0, 165, 71, 0.13);padding: 10px;padding-left: 30px;padding-top: 30px;background: rgba(255, 255, 255, 0.96);} .fechar {position: absolute; top: -10px; right: -10px;} </style> </head> <body> <script src='http://ajax.googleap...2/jquery.min.js' type='text/javascript'/></script> <div id='popup'> <div class='fechar'> <img src='http://jconlinedigit...e_fechar.png'/> </div></div> <script type='text/javascript'> $(document).ready(function(){ $('.fechar').hover(function(event){ event.preventDefault(); $("#popup").hide(); }); }); setTimeout(function() { $("#popup").css("display","block"); }, 5000); </script> </body> </html> -
Estou começando a mexer com Json, ate então nunca tinha desenvolvido com ele estou com o seguinte problema estou montando um gráfico de barra em html 5 e tenho que passar os valores do gráfico por json para o script que esta responsável de montar ele no entanto não estou tendo sucesso Segue meu arquivo Json { "espacioB": 20, "anchoB": 20, "alturaC": 220, "nEtiquetasY": 6, "offsetX": 20, "anchoG": 550, "alturaG": 200 } e o javascript no qual passo valores para montar o grafico //trecho que tento passar o Json $(window).load(function () { $(document).ready(function () { $.getJSON('arquivo.json', function (data) { $('#espacioB').html(data.espacioB); $('#anchoB').html(data.anchoB); $('#alturaC').html(data.alturaC); $('#nEtiquetasY').html(data.nEtiquetasY); $('#offsetX').html(data.offsetX); $('#anchoG').html(data.anchoG); $('#alturaG').html(data.alturaG); }); }); var maxVal, valoresG = [], etiquetasX = [], etiquetasY = []; var cv, ctx; function obtenerValores() { // Valores $("#data tr td:nth-child(2)").each(function () { valoresG.push($(this).text()); }); //Etiquetas $("#data tr td:nth-child(1)").each(function () { etiquetasX.push($(this).text()); }); } function initCanvas() { cv = $("#canvas").get(0); if (!cv) { return; } ctx = cv.getContext('2d'); if (!ctx) { return; } } function valorMaximo(arr) { maxVal = 0; for (i = 0; i < arr.length; i++) { if (maxVal < parseInt(arr)) { maxVal = parseInt(arr); } } maxVal *= 1.1; } function escalar(param) { return Math.round((param / maxVal) * alturaG); } function x(param) { return (param * anchoB) + ((param + 1) * espacioB) + offsetX; } function y(param) { return alturaG - escalar(param); } function ancho() { return anchoB; } function altura(param) { return escalar(param); } function dibujarEtiquetasX() { ctx.save(); ctx.font = "10px 'arial'"; ctx.fillStyle = "#000"; for (index = 0; index < valoresG.length; index++) { ctx.fillText(etiquetasX[index], x(index), alturaG + 17); } ctx.restore(); } function dibujarEtiquetasY() { ctx.save(); for (index = 0; index < nEtiquetasY; index++) { etiquetasY.push(Math.round(maxVal / nEtiquetasY * (index + 1))); ctx.fillStyle = "#000"; ctx.fillText(etiquetasY[index], offsetX, y(etiquetasY[index]) + 10); } ctx.fillText("0", offsetX, alturaG + 7); ctx.restore(); } function dibujarGraficoBarras() { for (index = 0; index < valoresG.length; index++) { ctx.save(); ctx.fillStyle = "#B7B7B7"; ctx.fillRect(x(index), y(valoresG[index]), ancho(), altura(valoresG[index])); ctx.restore(); } $("#data").hide(); } obtenerValores(); initCanvas(); valorMaximo(valoresG); dibujarEtiquetasX(); dibujarEtiquetasY(); dibujarGraficoBarras(); }) alguém teria alguma dica para me ajudar ? obrigado -
Olá... Eu não sei se o javascript faz isso. Se não fizer por favor me diga qual faz. Então eu gostaria de saber como deixar os links que da página com essa cor cinza. Eu nem sei explicar na verdade... Mas acho que pela foto da para entender o que eu quero.
-
Boa tarde! Estou tentando colocar uma loading bar no meu projeto e ela teria que desaparecer assim que carregasse o typekit. Infelizmente, ela está desaparecendo antes dele carregar ainda, já que ele consta com um lazyload para não quebrar a página. Como proceder para a barra permanecer lá até o typekit carregar? Segue códigos: Javascript $(document).ready(function() { loading(0); }) function loading(status) { if ( status == 1 ) $('#loader').fadeIn(); else $('#loader').fadeOut(); }Header com o Typekit <script type="text/javascript" src='js/typekit.js'></script> <script type="text/javascript"> try { Typekit.load(); } catch (e) {} </script>
-
Boa tarde, tenho um formulário com dois botões: um para abrir chamado (quando clicado insere no textarea um texto avisando que o chamado foi aberto) e outro para finalizar um chamado (quando clicado insere no textarea um texto avisando que o chamado foi finalizado.). As funçoes que inserem esses textos estão funcionando corretamente mas para isso eu não posso ter escrito nem editado o texto no textarea, senão as funções não funcionam (mas também não dão erro nenhum no console). Essas são as funções javascript que utilizo: function finalizarchamado(event){ var descricao = ''; descricao = 'Seu chamado foi finalizado. Para mais informações, entre em contato com nossa equipe. \n(Mensagem automática. Por favor, não responda caso seu problema já tenha sido solucionado.)'; $('#descricao').html(descricao); event.preventDefault(); }; function abrirchamado(){ var descricao = ''; descricao = 'Estou iniciando o atendimento da sua solicitação. ☺'; $('#descricao').html(descricao); event.preventDefault(); }; E estes os botões no HTML: <div class="row"> <div class="col-md-2"> <input type="button" id='abrir_chamado' class="form-control btn btn-info" onClick="abrirchamado()" value="Em andamento"/> </div> <div class="col-md-2"> <input type="button" id='finalizar_chamado' class="form-control btn btn-success" onClick="finalizarchamado()" value="Finalizar Chamado"/> </div> </div> Espero que possam me ajudar. Desde já agradeço. -
Gente, boa tarde. To bolando um game em javascript com o canvas e to com uma dúvida que é a parte final do game. Preciso gerar blocos (27 em largura e 10 ou 12 em altura) que tem 30w e 20h. O problema esta que, eu já tenho 2 objetos na minha canvas, uma barra e uma bola, sempre que eu crio dois objetos bloco, a bola n anda ou tudo some.. Vou deixar o codigo do java aqui.. queria ver como gerar os blocos dinamicamente na tela, ou seja.. 270 blocos multiplicados e n um por um no codigo fonte.. Segue o codigo: var cnv = document.getElementById('canvas').getContext('2d') //Liga o game completo; cnv.fillRect(0, 0, canvas.width, canvas.height); // representar o tamanho máximo da tela onde movimenta os quadrados var w = 810; var h = 500; // Aqui cria as arrays que irão armazenar a posição dos quadrados (importante) var x = 390; var y = 300; // Aqui representará a velocidade dos nossos quadrados var vel = 15; var id; //Registro de game pause ou load game; var gameload = false; //Da partida ao motor em 24frames por segundo function loading(){ id = window.setInterval(motor, 1000/60) }; function bloco(x, y){ this.x = x; this.y = y; this.w = 30; this.h = 20; this.color; this.colorcont = 0; }; bloco.prototype.render = function(context){ context.fillStyle = this.color; context.fillRect(this.x, this.y, this.w, this.h); }; bloco.prototype.colors = function(){ var colors = Math.floor(Math.random()*70+1); if((colors > 0) && (colors < 10) && this.colorcont == 0){ this.color = '#6B6B6B'; this.colorcont = 1; } if((colors < 10) && this.colorcont == 0){ this.color = '#FFFFFF'; this.colorcont = 1; } if((colors > 10 && colors < 20) && this.colorcont == 0){ this.color = '#415FAC'; this.colorcont = 1; } if((colors > 20 && colors < 30) && this.colorcont == 0){ this.color = '#91CE9E'; this.colorcont = 1; } if((colors > 30 && colors < 40) && this.colorcont == 0){ this.color = '#E4E881'; this.colorcont = 1; } if((colors > 40 && colors < 50) && this.colorcont == 0){ this.color = '#EACC80'; this.colorcont = 1; } if((colors > 50 && colors < 60) && this.colorcont == 0){ this.color = '#EAA480'; this.colorcont = 1; } if((colors > 60 && colors < 70) && this.colorcont == 0){ this.color = '#CD87BA'; this.colorcont = 1; } }; var bloco = new bloco(0,0); //Dados da barra que segura a bola function barra(x, w, h){ this.x = x; this.y = 426; this.w = w; this.h = h; this.color = "#0D8961"; }; //Renderiza a barra barra.prototype.render = function(context){ context.fillStyle = this.color; context.fillRect(this.x, this.y, this.w, this.h); }; //Adiciona o movimento a variavel x de barra barra.prototype.move = function(pos){ if(pos < canvas.width - this.w){ this.x = pos; } if(pos > 0){ this.x = pos; } }; //Cria o objeto barra no sistema var barra = new barra(350,100,20); //Dados da bola seguindo os padrões function bola(x, y, raio, vel){ this.x = x; this.y = y; this.raio = raio; this.vel = vel; this.color = "white"; this.dirx = this.vel; this.diry = this.vel; }; //Renderiza a bola bola.prototype.render = function(context){ context.beginPath(); context.arc(this.x,this.y,this.raio,0,2*Math.PI); context.fillStyle = this.color; context.fill(); context.closePath(); }; //Cria o movimento diagonal da bola bola.prototype.move = function(){ //Lado Esquerdo da tela if(this.x < 10 && this.diry > 0) this.dirx = -this.dirx; if(this.x < 10 && this.diry < 0) this.dirx = -this.dirx; //Topo da tela if(this.y < 10 && this.dirx > 0) this.diry = -this.diry; if(this.y < 10 && this.dirx < 0) this.diry = -this.diry; //Lado direito da tela if(this.x > canvas.width - this.raio*2 && this.diry > 0) this.dirx = -this.dirx; if(this.x > canvas.width - this.raio*2 && this.diry < 0) this.dirx = -this.dirx; //Baixo da tela if(this.y > 450 - this.raio*2 && this.dirx > 0){ lifePoint(); this.x = 350; this.y = 400; this.diry = -this.diry; } if(this.y > 450 - this.raio*2 && this.dirx < 0){ lifePoint(); this.x = 350; this.y = 400; this.diry = -this.diry; } if(bola.y + (bola.raio*2) == barra.y && bola.x < barra.x + barra.w && bola.x + (bola.raio*2) > barra.x){ if((this.dirx > 0) || (this.dirx < 0)) this.diry = -this.diry; } if(bola.y + (bola.raio*2) > barra.y && bola.x < barra.x + barra.w && bola.x + (bola.raio*2) > barra.x){ if((this.dirx > 0) || (this.dirx < 0)) this.diry = -this.diry; } this.x += this.dirx; this.y -= this.diry; }; //Cria o objeto bola no sistema var bola = new bola(350, 400, 5, 5) //Renderiza todo o conteudo visual function render(){ //cria os objetos barra.render(cnv); bola.render(cnv); }; //Chama os movimentos function move(){ barra.move(); bola.move(); }; //Blocos function blocoMotor(){ bloco.colors(); bloco.render(cnv); }; //motor do game function motor(){ //apaga a tela cnv.clearRect(0, 0, canvas.width, canvas.height); render(); move(); blocoMotor(); }; //Captura o movimento x do mouse function getMousePos(canvas, evt) { var rect = canvas.getBoundingClientRect(); return { x: evt.clientX - rect.left, }; }; //Cria o movimento x da barra a partir do mouse document.addEventListener('mousemove', function(evt) { var mousePos = getMousePos(canvas, evt); var PosX = 350; if(mousePos.x < 750){ var PosX = mousePos.x - 50; } if(mousePos.x > 50){ var PosX = mousePos.x - 50; } if(mousePos.x < 50){ var PosX = 0; } if(mousePos.x > 750){ var PosX = 710; } barra.move(PosX); }, false); //Controle de teclas para pause e load game document.onkeydown = startGame; function startGame(evt){ //Tecla espaço keycode 32 inicia o game if(evt.keyCode == '32' && gameload == false){ gameload = true; loading(); } //Tecla p keycode 80 pausa o game if(evt.keyCode == '80'){ window.clearInterval(id); gameload = false; } }; //Controle de life point function lifePoint(){ alert('derrota'); };
-
Eu tenho um site e gostaria de varrer as págias dele a partir da página principal. Exemplo: Uma página "A" tem links para outras 2, página "B" e página "C". Eu quero colocar um script na página "A" para varrer a estrutura html que possui e quando achar um link (B e C), varrer essas páginas também. Atualmente eu só consigo fazer isso entrando em cada uma das páginas A, B e C. Mas como a página A é a principal gostaria de colocar o script apenas nesta e a apartir daí automatizar o processo. Obrigado. Qualquer dúvida estou a disposição!
-
Tenho uma página php que usa ajax pra carregar uma tabela sem dar refresh e mais uma função js que desabilita o botão "Buscar" enquanto a tabela é carregada. O problema é o seguinte: antes de eu colocar essa função que desabilita o botão, o ajax carregava a tabela normalmente na página. Agora, ele ainda carrega a tabela, porém carrega também uma cópia dos filtros select options que uso pra fazer a pesquisa. Não faço idéia do que aconteceu.... Alguém pode me ajudar ? Segue o código: <div id="formulario" class="container-fluid"> <div class="row"> <div class="plRel" id="relpesq"> <form class="form-inline" method="post" name="formpesq" action="/pesquisa_log.php" id="formpesq"> <input type="hidden" name="funcao" id="funcao" value="pesquisa"/> <div class="form-group"> <label>Empresa</label> <select class="form-control" name="codempresa" value="codempresa" id="codempresa" onchange="javascript:buscar();" style="width: 250px;"><?=$selectempresa?></select> </div><br> <div class="form-group" style="margin-top: 5px"> <label style="margin-right: 5px">Usuario</label> <input type="text" class="form-control" name="nomeusuario" id="nomeusuario" style="width: 250px;" onchange="javascript:nomes();"/> <select class="form-control" name="usuario" id="usuario" style="width: 250px;"></select> </div> <div class="form-group" style="padding-top: 6px"> <label style="margin-left: 15px">De</label> <input type="date" class="form-control" name="datade" id="datade" style="margin-left: 2px"/> </div> <div class="form-group" style="margin-top: 5px"> <label style="margin-right: 8px">Cliente</label> <input type="text" class="form-control" name="nomecliente" id="nomecliente" style="width: 250px;" onchange="javascript:nomeclientes();"/> <select class="form-control" name="codcliente" id="codcliente" style="width: 250px;"></select> </div> <div class="form-group" style="padding-top: 6px"> <label style="margin-left: 15px">Até</label> <input type="date" class="form-control" name="dataate" id="dataate" style="margin-left: 0px"/> </div><br> <div class="form-group" style="margin-top: 5px"> <label style="margin-left: -5px">Tipo Log</label> <select class="form-control" name="tipoentradalog" id="tipoentradalog" style="width: 250px;"><? foreach($rst2 as &$row) { echo("<option value='".$row['codtipoentradalog']."'>".$row['nome']."</option>");} ?></select> </div> <button type="button" style="margin: 6px 0px 0px 2px" id="botao" name="botao" onclick="javascript:carregartabela();" class="btn btn-default">Buscar</button> </form> </div><br> </div> </div> </div> <div id="tabela"></div>function carregartabela(){ if($("#codempresa").val() == ""){ alert("Selecione a empresa."); $("#codempresa").focus(); return; } else { $("#funcao").val("pesquisa"); data = $('#formpesq').serialize(); var jqxhr = $.ajax({ url: "/pesquisa_log.php", type: "POST", timeout: default_timeout, data: data }) .done(function (retorno) { arr = retorno; $('#tabela').replaceWith('<table id="carrtab">' + arr + '</table>'); console.log(arr); }); } } $(function(){ $('#botao').on('click', function(){ var self = $(this); $.ajax({ url: 'pesquisa_log.php', beforeSend: function(){ self.attr('disabled', 'true'); }, complete: function(){ self.removeAttr('disabled'); } }); }); });if($funcao == 'pesquisa') { ?> <table class="table table-bordered table-hover center-text" name="carrtab" id="carrtab" style="background-color: #ffffff;"> <thead align="center"> <tr class="danger"> <th class="text-center">Data</th> <th class="text-center">Tipo</th> <th class="text-center">Descrição</th> <th class="text-center">Cliente</th> <th class="text-center">Usuario</th> <th class="text-center">Link</th> </tr> </thead> <tbody> <? $tipoentradalog = post('tipoentradalog'); $usuario = post('usuario'); $codcliente = post('codcliente'); $datade = post('datade'); $dataate = post('dataate'); $codigo = post('codigo'); $sql = "SELECT l.datacriacao, tl.nome as tipo, l.descricao, cli.nome as cliente, us.nome as usuario, l.codigo FROM log l INNER JOIN cliente cli ON cli.codcliente=l.codcliente INNER JOIN usuario us ON us.codusuario=l.codusuario INNER JOIN empresa emp ON emp.codempresa=l.codempresa INNER JOIN tipoentradalog tl ON tl.codtipoentradalog=l.codtipoentradalog WHERE cli.codempresa=$codempresa AND l.datacriacao BETWEEN '$datade%' AND '$dataate%' "; if (!empty($usuario)) $sql .= " and us.codusuario=$usuario "; if (!empty($codcliente)) $sql .= " and cli.codcliente=$codcliente "; if (!empty($tipoentradalog)) $sql .= " and tl.codtipoentradalog=$tipoentradalog "; $rst = my_query($connR, $sql); foreach ($rst as $row) { ?> <tr> <td align="center"><?= normalDate($row['datacriacao']); ?></td> <td align="center"><?= $row['tipo'] ?></td> <td align="center"><?= $row['descricao'] ?></td> <td align="center"><?= $row['cliente'] ?></td> <td align="center"><?= $row['usuario'] ?></td> <td align="center"> <a href="loadmodal.php?codigo=<?= $row['codigo'] ?>" data-toggle="meumodal" data-target="#modalContainer" class="link-target" role="link" aria-expanded="false" aria-controls="modalContainer" style="text-decoration: none; color: black;"><?= $row['codigo'] ?></a> </td> </tr> <? if (!empty($row['codigo'])) { global $codigo; $codigo = $row['codigo']; } } ?> </tbody> </table>Obrigada.
-
[Resolvido] Criar uma função em HTML para repetir comandos
uma questão postou dhannemann HTML, XHTML, CSS
Olá. Gostaria de saber como criar uma função (talvez em JavaScript) para repetir linhas de comando de HTML. Por exemplo, atualmente crio 40 linhas iguais a essa: <div class="icons"><a href="#2"><img class="arred" src="images/Icones/2.jpg"/></a></div>A primeira com o "#2" e o "/2.jpg", a segunda com "3", a terceira com "4", e assim por diante. Gostaria de criar uma função para poder criar um laço (for) que fizesse isso por mim, mas com HTML não sei fazer isso. É possível? -
Pessoa, to mexendo no edge animate e ele suporta somente javascript quero personalizar a barra de rolagem de uma div (ou do site inteiro) e ta dificil hahah o codigo que quero criar em java é esse ::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1); border-radius: 10px; } ::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 40 50 0px rgba(0,0,0,0.4); } ::-webkit-scrollbar-thumb:vertical { height: 91px; width:21px; background: url(https://www.ocf.berkeley.edu/~recycle/RecycleMania/images/loading.gif) no-repeat center; <!-- Cor da barra de rolagem --> border-radius: 10px; <!-- Arredondamento da barra de rolagem --> }porem não sei como tentei fazer minha sym.$("iframe") estilizada mas nada funcionou com o codigo abaixo sym.$("iframe").css('overflow-x','hidden','scrollbar-face-color','#000000'); ajudem ? obg
-
boa noite, gostaria se possível de um auxilio, estou querendo implementar um cronometro de atendimento básico para os atendentes da empresa, gostaria de um cronometro que muda de cor conforme o tempo for passando.... por exemplo, inicia a contagem em preto, após 10 min. fica em amarelo e após 15 min do inicio da contagem fica vermelho, não sou programador, mas achei consegui iniciar o plano, será que podem auxiliar a incrementar? segue abaixo o código: <html> <head> <title>Cronometro</title> <script language=JavaScript> <!-- begin var sHors = "0"+0; var sMins = "0"+0; var sSecs = 1; function getSecs(){ sSecs++; if(sSecs==60){sSecs=0;sMins++; if(sMins<=9)sMins="0"+sMins; } if(sMins==60){sMins="0"+0;sHors++; if(sHors<=9)sHors="0"+sHors; } if(sSecs<=9)sSecs="0"+sSecs; clock1.innerHTML=sHors+"<font color=#000000>:</font>"+sMins+"<font color=#000000>:</font>"+sSecs; setTimeout('getSecs()',1000); } //--> </SCRIPT> </head> <body> <h2 align="center"> <font color="#065ca5" face="tahoma">Tempo de Atendimento</font></h2> <hr noshade size="2"> <div align="center"> <FONT SIZE="5" COLOR="#000000" face="arial"> </font> <font color="#000000" size="7"> <font color="#000000" size="5" face="Arial Black"><span id="clock1"></span><script>setTimeout('getSecs()',1000); </script></font> <br> <br> <br></FONT></div> </body> </html>
-
Galera estou desenvolvendo o site de uma produtora de vídeo, e tem um item do menu(vídeos) onde estão disponíveis alguns vídeos desenvolvidos pela produtora. Pois bem o site está sendo desenvolvido em HTML5 / JavaScript / PHP. Estou utilizando o bootstrap e todos os seus benefícios de responsividade já que o site funcionará tanto para Desktops quanto para mobiles. Nesta parte de vídeos, dividi a tela em 2 colunas e tem na tela inicial 4 vídeos(2 colunas e 5 linhas) que aparece os thumbs de 500px x 333px. Logo abaixo destes 4 thumbs tem um botão VER MAIS, gostaria de ativar aquela opção que ao clicar no ver mais ele abre mais alguns vídeos para baixo, e assim por diante. Alguém poderia me ajudar com isso? Desde já agradeço a ajuda de todos.
-
E ai galera sou novo por aqui. Estou precisando criar uma função em javascript que controle uma animação em css na tela, estou usando animate.css. Alguém pode me ajudar?
-
Olá pessoal, Estou com uma dúvida e já procurei em vários sites, porém não consegui encontrar uma resposta concreta. Estou tentando criar uma tabela que possua botões de ação, como excluir ou editar. Creio que eu deva usar JQuery ou JavaScript, pois em PHP não encontrei nada. Segue um exemplo: <?php echo "<table> <tr> <th>Nome</th> <th>Data nascimento</th> <th>E-mail</th> <th>Ações</th> </tr>"; while($linha = mysqli_fetch_array($resultado)){ $nome = $linha['nome']; $datanasc = $linha['datanasc']; $email = $linha['email']; $id - $linha['id']; echo "<tr> <td>$nome</td> <td>$datanasc</td> <td>$email</td> <td><button type=\"submit\" name=\"apagar\">Apagar</button></td> </tr>"; } echo "</table>"; ?> No caso, eu teria vários registro dentro do banco de dados com nome, data de nascimento e email, e uma id para idenfiticar esse registro. No caso acima, será impresso em casa linha da tabela um botão. Aí que vem minha dúvida. Gostaria que esse botão, por exemplo, apagasse somente o registro da linha que ele está, do banco de dados. Qualquer dúvida, estou a disposição.
-
Estou tentando utilizar o jcrop + php gd para fazer cortes em imagem e salvar em outro diretorio porem não sei qual o problema do meu codigo: <?php if ($_SERVER['REQUEST_METHOD'] == 'POST') { $targ_w = $targ_h = 150; $jpeg_quality = 90; $src = 'teste/imagem.jpg'; $img_r = imagecreatefromjpeg($src); $dst_r = ImageCreateTrueColor( $targ_w, $targ_h ); imagecopyresampled($dst_r,$img_r,0,0,$_POST['x'],$_POST['y'], $targ_w,$targ_h,$_POST['w'],$_POST['h']); header('Content-type: image/jpeg'); imagejpeg($dst_r,null,$jpeg_quality); exit; } ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="http://deepliquid.com/Jcrop/js/jquery.Jcrop.min.js"></script> <script src="../js/jquery.Jcrop.js"></script> <link rel="stylesheet" href="../css/jquery.Jcrop.css" type="text/css" /> <link rel="stylesheet" href="demo_files/demos.css" type="text/css" /> <script language="Javascript"> $(function(){ $('#cropbox').Jcrop({ aspectRatio: 1, onSelect: updateCoords }); }); function updateCoords(c) { $('#x').val(c.x); $('#y').val(c.y); $('#w').val(c.w); $('#h').val(c.h); }; function checkCoords() { if (parseInt($('#w').val())) return true; alert('Please select a crop region then press submit.'); return false; }; </script> </head> <body> <div id="outer"> <div class="jcExample"> <div class="article"> <h1>Crop jQuery</h1> <img src="teste/imagem.jpg" id="cropbox" /> <form action="crop.php" method="post" onsubmit="return checkCoords();"> <input type="hidden" id="x" name="x" /> <input type="hidden" id="y" name="y" /> <input type="hidden" id="w" name="w" /> <input type="hidden" id="h" name="h" /> <input type="submit" value="Crop Image" /> </form> </div> </div> </div> </body> </html> Obs: Esse codigo e um dos exemplos que vem dentro do jcrop! Eu queria fazer o seguinte carregar a imagem, depois cortar a area desejada, enviar por post para mesma pagina apos isso cortar com a biblioteca gd do php, e depois salvar a imagem em um diretorio especifico. alguém me ajuda !
-
Pessoal, eu tenho um script que adiciona linhas automaticamente em um formulário. Para isto utilizo jQuery. A cada clique num botão, o jQuey cria uma nova linha no formulário, para preenchimento de novos dados. Eu preciso que um campo seja populado com informaçoes baseadas em outro campo. Por exemplo: Eu digito o código do item e aparece, automaticamente, a descrição dele. Isto está funcionando na primeira linha, mas não fucniona nas seguintes, criadas com o jQuery. Endereço do exemplo: http://flagsmind.com/deltab/pedidos/4/ Códigos: ====================================================================================== HTML ====================================================================================== <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" href="style-exemplo.css" rel="stylesheet" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="scripts.js" ></script> <title>Pedidos</title> </head> <body bgcolor="#000000" text="#CCCCCC"> <h1>Pedidos</h1> <br><br> Digitar 1, 2 ou 3 no campo código.<br> Ao inserir nova linha, não funciona o script popular campo.<br><br><br> <div id="wrapper-formulario"> <form action="input.php" method="POST" id="form-produtos"> <table id="grid-produtos"> <thead> <tr> <th width="50px">cod_for</th><th width="50px">Codigo [1, 2 ou 3]</th><th width="50px">Descrição</th><th width="50px">Data</th><th width="50px">cod_valor</th><th width="50px">cod_pagto</th> <th width="50px">num_ped</th><th width="50px">cod_ped</th> </tr> </thead> <tbody> </tbody> <tfoot> <tr><td colspan="6"><br/></td></tr> </tfoot> </table> </form> <br> <button id="button-add" class="button">Adicionar Item</button> <input id="button-submit" type="submit" value="Enviar" class="button" /> <br><br><br> ============================================================================= PHP com os dados a serem populados ============================================================================= <?php $cpf = $_GET['cpf']; $pessoas['1']['nome'] = "Exemplo1"; $pessoas['1']['dataNascimento'] = "16/06/1986"; $pessoas['2']['nome'] = "Exemplo2"; $pessoas['2']['dataNascimento'] = "20/01/1932"; $pessoas['3']['nome'] = "Exemplo3"; $pessoas['3']['dataNascimento'] = "23/04/1914"; echo $pessoas[$cpf]['nome'] ."-". $pessoas[$cpf]['dataNascimento']; ?> =================================================================== SCRIPTS: =================================================================== // JavaScript Document //Executa quando todo DOM(Árvore de elementos HTML) for carregado jQuery(function(){ jQuery.AddRow(); jQuery('#button-add').click(function(e){ e.preventDefault(); //anula a ação padrão do elemento, neste caso impede que o formulario seja enviado ao click deste botão jQuery.AddRow(); // chamada da função que insere a nova linha; }); jQuery('#grid-produtos tbody :text').live('change',function(){ jQuerytr = jQuery(this).closest('tr'); if ( jQuery(this).val() != '' ) jQuerytr.removeClass('linha_vazia'); qtd_colunas = jQuery(this).closest('tr').find('td').length - 1; jQuerytd = jQuery(this).closest('td'); if( jQuerytd.index() != qtd_colunas ) { jQuery(this).closest('td').next().find(':text').focus(); } else { if ( jQuery('.linha_vazia').length == 0 ) jQuery.AddRow(); else jQuery(this).closest('tr').next().find(':text:first').focus(); } }); jQuery('#button-submit').click(function(){ jQuery('#form-produtos').submit(); }) }) /* * Função: AddRow ( Adiciona Linha ) * Descrição: Insere uma nova linha no formulário */ jQuery.AddRow = function(){ //Recuperando o tbody da table onde será inserido a nova linha jQuerytarget = jQuery('#grid-produtos tbody'); //Montando o html da nova linha' jQuerynova_linha = jQuery('<tr class="linha_vazia">' + '<td>' + '<input type="text" width="50px" name="cod_for[]" />' + '</td>' + '<td>' + '<input type="text" name="cpf[]" id="cpf">' + '</td>' + '<td>' + '<input type="text" name="nome[]" id="nome">' + '</td>' + '<td>' + '<input type="text" width="500px" name="dataNascimento[]" id="dataNascimento" />' + '</td>' + '<td>' + '<input type="text" width="50px" name="cod_valor[]" />' + '</td>' + '<td>' + '<input type="text" width="50px" name="cod_pagto[]" />' + '</td>' + '<td>' + '<input type="text" width="50px" name="num_ped[]" />' + '</td>' + '<td>' + '<input type="text" width="50px" name="cod_ped[]" />' + '</td>' + '</tr>'); jQuerytarget.append( jQuerynova_linha ); jQuerynova_linha.find(':text:first').focus(); //inserindo na tabela a nova linha //jQuerynova_linha.find('input[type=text]:first').focus(); } //Outra função inserindo aqui nesta mesma página. $(function () { $("#cpf").blur(function () { var cpf = $(this).val(); $.ajax({ type: "GET", url: "pessoas.php", data: "cpf="+cpf, success: function(pessoa){ informacoesPessoa = pessoa.split("-"); $("#nome").val(informacoesPessoa[0]); $("#dataNascimento").val(informacoesPessoa[1]); } }); }); }); ================================================================================== Como posso fazer pra que as novas linhas também populem a partir do campo Código? -
Boa tarde, Deixo aqui o link para o meu serviço no Fiverr onde resolvo bugs de html, css e javascript por apenas 5$ cada. Para quem tem aquele bug chato no código e não consegue resolver: https://goo.gl/IbZjjU
-
Boa tarde pessoal! Preciso de uma ajudar urgente. Eu estou tentando somar os valores de uma coluna da minha tabela em html, entretanto não está funcionando. Quando eu coloco os dados fixos na coluna ele soma normal, mas se eu colocar para ser inseridos dinamicamente o calculo não é feito. Segue o código das duas situações: ## Esse código funciona normal, vejam: ## http://jsfiddle.net/...antos/9bczs7a6/ ## MAS QUANDO EU COLOCO PRA INSERIR DINÂMICAMENTE, NÃO FUNCIONA ## http://jsfiddle.net/...antos/xgL8d26h/ Desde Já obrigado a todos! -
Gostaria que no lugar do domínio que está dentro do javascript gostaria que ele lesse dentro do html. Me falaram que tem que navegar no DOM document.getElement alguém me ajuda ai segue o link : http://jsfiddle.net/GSSCD/203/ a mudanca seria aqui var komodel = new PingModel(['localhost', 'ws-bdimperio8', 'ws-bdimperio8.payformance.net', 'ws-bdimperio8.payformance.com', 'ws-bdimperio8.payspan.com', 'ws-bdimperio8/favicon.ico', '127.0.0.1', 'unknown' ]); ko.applyBindings(komodel);
-
Boa noite, eu tenho um formulário em bootstrap e validado certo, mas eu preciso que ao selecionar uma data no datepicker, ele carregue automaticamente um select com json, e tem mais 3 selects precisam ser preenchidos após isso, e todos um dependente do outro, ex: escolhi a data 17/05/2015, ele abre uma informação no select abaixo, que abre outra informação após selecionado, e assim por diante. Por padrão do backend preciso fazer em json e ajax Será que alguém pode me ajudar nisso ou me mostrar a melhor foram de eu fazer? Fico no aguardo, atenciosamente
-
Bom dia pessoal!!! Teria algum exemplo que me desse um norte nesta questão?? Pois já estou vendo vários tópicos sobre o assunto a muito tempo e nada me ajudou!!! Tenho esse codigo que manipula em um Iframe um sistema em java e precisava colocar o F5 para fazer o papel de enter, pois no coletor de dados que tenho aqui é só assim que funciona. Segue código que tenho: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml'>http://www.w3.org/1999/xhtml"> <style> iframe { /* Set the width of the iframe the size you want to transform it FROM */ width: 640px; height: 525px; /* apply the transform */ -webkit-transform:scale(0.25); -moz-transform:scale(0.25); -o-transform:scale(0.25); transform:scale(0.25); /* position it, as if it was the original size */ position: absolute; left: 100px; top: -14px; zoom:75%; } </style> <head> <script> $('body').keypress(function(e){ alert(e.which); if(e.which == 116) { ????? } }); </script> <iframe src ="Meu Site"/> </head> <body> </body> </html> Como eu poderia incluir essa função para fazer o F5 manipular o <ENTER>??? Desde já obrigado!!! Editado
-
Olá gostaria de saber se Javascript usa logica de programação? Devo aprender Algoritmo antes de aprender JavaScript?
-
Olá galera, tenho um site onde trabalhamos usando um chat, no caso do xat.com. ele é um tipo bem funcional em flash. Mas meu objetivo é tornar um pouco melhor pelo menos para uma função que eu trabalho. Meu site, é um site de divulgação de games / site de games e o principal lugar onde é anunciado é no Chat. o que eu quero, é poder enviar mensagem em todos os chats da pagina de uma vez só. para não ter de clicar em cada um e digitar a mesma mensagem em cada um dos chat's. este é o link que estou usando pra desenvolvimento: http://eurocorp.besaba.com/ já verifiquei com alguns professores mas nem todos tem tempo pra fazer uma explicação mais detalhada do que preciso usar. sei que vai entrar javascript, e possivelmente php. mas não estou conseguindo um meio de fazer oque eu escrevo ir para o chat. Venho então a vós seres que entendem muito mais sobre isto do que eu. Help me ! ps * o codigo-fonte do link é um basico para a aparencia, somente do para deixar claro oque quero fazer, eu sei que daquele jeito nunca funcionaria nada. já tentei criar funções em arquivos java script, estou quase aprendendo inglês de tanto procurar coisas no w3cSchool. O problema que não consigo mesmo, fazer uma função de inserção e conseguir colocar uma id no embed do xat. já tentei trocar o embed por object, mas o chat já não abre.
