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 2501 results

  1. Eai galera, vou tentar explicar um pouco melhor o que estou tentando fazer, estou em uma página que tem um iFrame e nesta mesma tem um menu que abre outras páginas dentro deste iFrame por meio do "target", vamos supor que eu abra uma página dentro deste iFrame que contenha uma label, que quando clicada, fecha esta página dentro o iFrame e abre outra no lugar, porém preciso que quando clicado na label envie uma variável para esta outra página que irá abrir dentro do iFrame. Queria alguma solução que não usasse o "parent.location.href = "pagina.php?name="+variavel;" para enviar a variável, porque quando eu uso este código a "pagina.php" sai do iFrame e ocupa toda a tela. //Pagina 1 que abre dentro do iFrame <script type="text/javascript"> $(document).ready(function(){ $("label").click(function(){ var variavel= this.id; //Pega o id da label clicada parent.location.href = "pagina2.php?name="+variavel; // envia o id da label clicada para a página 2 }); }); </script> // Página 2 que abre dentro do iFrame, pega a variável do iFrame anterior $codigo = $_GET['name']; Este código funciona, porém como eu disse, a página 2 pega a variavel da página 1 mas ocupa toda a tela e muda a URL, quero que ela continue dentro do iFrame. OBS: A label que é clicada tem o target para abrir a página 2 dentro do iFrame mas não funciona.
  2. Bom dia pessoal, Estou tentando fazer um formulário simples e popular uma combobox e após selecionar algum elemento dessa combo, popular a segunda combo, filtrando a partir da seleção da primeira combo. Já consegui pegar o valor que o usupario escolhe da primeira combo. Minha dificuldade é o JS rodar executar um arquivo PHP para este, criar os <options> do <select>. Seguem os códigos: cad-equipe.php OBS: A function listaLinhaServico() eu fiz até aqui: function listaLinhaServico() { var valor = document.getElementById("id_area").value; document.getElementById("demo").innerHTML = "Você selecionou: " + valor; A parte do GET eu peguei de um exemplo na internet, e é nessa parte que tenho dificuldades/dúvidas: Como chamar um arquivo php a partir do JS? Como receber o array e montar os <options> do <select> ? Desde já, muito obrigado por qualquer ajuda ou dicas. Abs, Ivan <!DOCTYPE html> <!-- To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. --> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Cadastro de Equipe</title> <link rel="stylesheet" href="../css/bootstrap.min.css"> </head> <body> <div class="container"> <h2>Cadastrar Equipe</h2> <hr /> </div> <form action="../controller/gravar-area.php" method="post"> <div class="container"> <div class="row"> <div class="form-group col-md-4"> <label for="area">Área *</label> <select id="id_area" name="id_area" class="form-control" required="TRUE" onchange="listaLinhaServico()"> <?php include '../controller/conexao.php'; $sql = "select * from area order by nome_area"; $result = mysqli_query($con, $sql); while($row = mysqli_fetch_array($result)){ echo "<option value='".$row["id_area"]."'>".$row["nome_area"]."</option>"; } mysqli_close($con); ?> </select> <p id="demo"></p> </div> </div> <div class="row"> <div class="form-group col-md-4"> <label for="linha_serv">Linha de Serviço *</label> <select id="id_linha_serv" name="id_linha_serv" class="form-control"> <option value="0">Selecione...</option> </select> </div> </div> <div class="row"> <div class="form-group col-md-6"> <label class="control-label" for="nome_equipe">Nome da Equipe *</label> <input class="form-control" type="text" name="nome_equipe" size="40" maxlength="40" placeholder="Digite o nome da equipe" autofocus required="TRUE" id="nome_equipe"> </div> </div> <div class="row"> <div class="form-group col-md-6"> <label class="control-label" for="email_equipe">E-mail da área *</label> <input class="form-control" type="email" name="email_equipe" size="30" maxlength="30" placeholder="Digite o e-mail da equipe" autofocus required="FALSE" id="email_equipe"> </div> </div> <div class="row"> <div class="form-group col-md-4"> <label for="status_area">Status da equipe*</label> <select id="status_area" name="status_equipe" class="form-control"> <option value="ATIVO">ATIVO</option> <option value="INATIVO">INATIVO</option> </select> </div> </div> <hr /> <div id="actions" class="row"> <div class="col-md-12"> <button type="submit" class="btn btn-primary">Salvar</button> <a href="../index.php" class="btn btn-default">Cancelar</a> <a href="../view/cons-equipe.php" class="btn btn-warning">Consultar</a> </div> </div> </div> </form> <script> //quando o valor da combo da área alterar ele vai executar essa linha function listaLinhaServico() { var valor = document.getElementById("id_area").value; document.getElementById("demo").innerHTML = "Você selecionou: " + valor; $.get('../Controller/listar-linha-serv.php?search=' + valor, function (data) { //procurando a tag OPTION com id da linha de serviço e removendo $('id_linha_serv').find("option").remove(); //montando a combo da linha de serviço $('id_linha_serv').append(data); }); } </script> </body> </html> listar-linha-serv.php <?php //Controller para receber via GET o valor do id da área echo 'CHEGUEI AQUI !!!'; if (isset($_GET['search'])) { $cod_area = $_GET['search']; include '../controller/conexao.php'; $sql = "select * from linha_serv where fk_id_area = ".$cod_area; echo $sql; $result = mysqli_query($con, $sql); while($row = mysqli_fetch_array($result)){ echo "<option value='".$row["id_linha_serv"]."'>".$row["nome_linha_serv"]."</option>"; } mysqli_close($con); } ?>
  3. Boa tarde, estou tentando resolver um erro que ocorreu recentemente referente aos videos do youtube. Eu estou utilizando o seguinte codigo: Script HTML ERRO An error occured: No longer available e eu nao sei como resolver :(
  4. WEBCHARLES

    de função pra função

    Tô querendo pegar o valor desse campo: <select id="data" required = "" name="data" class="form-control"> <option value="0">Selecione a data</option> <? echo "<option value='$data'>$data</option>"; ?> </select> e quero passar para essa função php: public function buscaHorarioPorData() { $datar = $this->input->post('data'); $horario = $this->agendamento_model->retorna_agendamento_coordenador_horario($datar); $option = "<option value=''>Selecione o horario</option>"; foreach ($horario as $d) { $option .= "<option value='" . $d->horario. "'>" . $d->horario. "</option>"; } echo $option; } Através dessa função JAVASCRIPT, mais não consigo. Não sei o que to fazendo errado. Me ajudem!!! <script> var base_url = '<?= base_url(); ?>'; $(document).ready(function () { // Evento change no campo data $("select[name=data]").change(function () { // Exibimos no campo horario antes de concluirmos $("select[name=horario]").html('<option value="">Carregando...</option>'); // Passando tipo por parametro para a pagina //alert(base_url+$(this).val()); $.post(base_url+"aluno/agendamento/buscaHorarioPorData", {data: $(this).val()}, // Carregamos o resultado acima para o campo turma function (valor) { $("select[name=horario]").html(valor); } ) }) }); </script>
  5. jclima27

    Problema ao usar $getJSON

    Estou tentando acessar os dados json da pagina http://bpixel.com.br/teste/itens.json via localhost, porem está aparecendo o seguinte erro no console do googl chrome XMLHttpRequest cannot load http://bpixel.com.br/teste/itens.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access. Alguém sabe dizer o motivo, meu codigo abaixo var teste; function carregarJson(){ $.getJSON('http://bpixel.com.br/teste/itens.json') .done(function(data){ teste = data; console.log(teste); }).fail(function(){ alert("deu m*****"); }) } carregarJson(); obs: ele da o alerta =/
  6. https://uploaddeimagens.com.br/imagens/img_20160925_154732_301-jpg Como faço isso com repetições aninhadas usando o for do JavaScript ? para voces terem uma ideia de como seria o codigo : https://uploaddeimagens.com.br/imagens/img_20160925_154859_630-jpg É mais ou menos isso, só que no meu Está renderizando isso no navegador : https://uploaddeimagens.com.br/imagens/img_20160925_154827_912-jpg Se alguem, souber um método para dar certo, agradeço. E tem que ser com dois for. É um exercício.
  7. thigodinho@hotmail.com

    HTML, Javascript

    Gostaria de saber se alguém pode me ajudar nisso? não está tão difícil mas não estou conseguindo pegar a logica desse programa. Criar um protótipo (com o bootstrap), somente a interface com HTML, CSS, Javascript de um sistema que tenha: a) Cadastro de Cliente: nome, telefone e e-mail; b) Cadastro de Produto: nome, descrição, quantidade, categoria e preço; c) Cadastro de Categoria: nome Regras para o sistema: 1) Deverá inserir e excluir cada "entidade"; 2) Deverá ter um menu com as seguintes opções; Cliente, Produto e Categoria; 3) O sistema não trocará de páginas ao clicar, sim mostrar e ocultar.
  8. WEBCHARLES

    Problema com formato de data

    // ====================== OBSERVAÇÃO ============================ /* A DATA TRAZ PERFEITINHA MAS A HORA NAO!! DEVERIA TRAZER AS HORAS RELACIONADAS A DATA SELECIONADA */ //=======================================MINHA VIEW======================================================= //======================= HTML ================================== <!-- Select Basic --> <div class="form-group"> <label class="col-md-3 control-label" for="selectbasic">Data:</label> <div class="col-md-4"> <select id="data" required = "" name="data" class="form-control" onchange="busca_horarios($(this).val())"> <option value="0">Selecione a data</option> <? foreach ($data as $date):{ $data = $date->databr; $datA = $rest = substr($data, 3, 2); $mes_atual = date("m"); if ($datA >= $mes_atual){ echo "<option value='$data'>$data</option>"; } } endforeach; ?> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-3 control-label" for="selectbasic">Horário:</label> <div class="col-md-4" id="horario"> <select id="horario" required = "" name="horario" class="form-control"> <option value="0">Selecione a horário</option> <? foreach ($horario as $hora):{ echo "<option value='$hora->horario'>$hora->horario</option>"; } endforeach; ?> </select> </div> </div> //======================== JAVASCRIPT ================================ <script src="ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script> var base_url = '<? echo base_url() ?>'; function busca_horarios(data){ $.post(base_url+"<?= base_url('aluno/agendamento/index') ?>", { data : data }, function(data){ $('#horario').html(data); }); } </script> //====================================================FIM DA VIEW============================================= // ======================== CONTROLLER ============================= public function index() { $this->load->model("aluno/agendamento_model"); $matricula = $this->matricula; $ver['nome'] = $this->agendamento_model->retorna_agendamento_coordenador_nome($matricula); $ver['data'] = $this->agendamento_model->retorna_agendamento_coordenador_data($matricula); $ver['horario'] = $this->agendamento_model->retorna_agendamento_coordenador_horario($matricula); $this->load->view('aluno/header'); $this->load->view('aluno/agendamento_view', $ver); $this->load->view('footer'); } // ======================== MODEL ============================= public function retorna_agendamento_coordenador_data($matricula) { $consulta = $this->db->query(' SELECT DISTINCT PA.codcoord, PA.databr FROM Aluno INNER JOIN Portal_agenda_coord A ON (A.codcur = Aluno.al_cocod) INNER JOIN portalCoordAgendamentos PA ON (PA.codcoord = A.codprof) WHERE (Aluno.al_reg = '.$matricula.') ORDER BY PA.databr ASC '); return $consulta->result(); } public function retorna_agendamento_coordenador_horario($matricula) { $id_data = $this->input->post("data"); // so preciso esse valor para funcionar $consulta = $this->db->query(' SELECT DISTINCT PA.databr, PA.horario FROM Aluno INNER JOIN Portal_agenda_coord A ON (A.codcur = Aluno.al_cocod) INNER JOIN portalCoordAgendamentos PA ON (PA.codcoord = A.codprof) WHERE (Aluno.al_reg = '.$matricula.') AND (PA.databr = '.$id_data.' ) '); return $consulta->result(); }
  9. Estou querendo abrir o abrirVit() e o abrirVelha() quando a opção do select é apertada. <select> <option href='javascript:;' onchange="abrirVit();" value="canto">Vitória - Praia do Canto</option> <option href='javascript:;' onchange="abrirVelha();" value="velha">Vila Velha</option> </select> <script type="text/javascript"> $(function(){ function abrirVit(){ $("#backForm").css("display","block").stop().animate({"opacity":"1"},200); setTimeout(function(){ $("#formContact").css("display","block").stop().animate({"opacity":"1"},200); },150); }; </script> <script type="text/javascript"> $(function(){ function abrirVelha(){ $("#backForm").css("display","block").stop().animate({"opacity":"1"},200); setTimeout(function(){ $("#formContact").css("display","block").stop().animate({"opacity":"1"},200); },150); }; </script>
  10. Olá, estou tentando achar uma solução para o meu problema, não entendo nada de javascript, mas se alguém puder me ajudar eu agradeço. Tenho o seguinte script que adiciona novas linhas em minha tabela sempre que clico em um botão, ele funciona perfeitamente porém cada td tem um textarea e gostaria de gerar um name diferente em cada linha. Alguém tem alguma sugestão de como poderia fazer isso? Segue o script: <script> var cadastro2 = { linha2: '<td align="center"><textarea class="cols3" rows="2" cols="12" style="overflow: hidden" onkeyup="this.style.height=\'24px\'; this.style.height = this.scrollHeight + 1 + \'px\';" onkeydown="this.style.height=\'24px\'; this.style.height = this.scrollHeight - 1 - \'px\';" name="campo1"></textarea></td>'+ '<td align="center"><textarea class="cols3" rows="2" cols="12" style="overflow: hidden" onkeyup="this.style.height=\'24px\'; this.style.height = this.scrollHeight + 1 + \'px\';" onkeydown="this.style.height=\'24px\'; this.style.height = this.scrollHeight - 1 - \'px\';" name="campo2"></textarea></td>'+ '<td align="center"><textarea class="cols3" rows="2" cols="12" style="overflow: hidden" onkeyup="this.style.height=\'24px\'; this.style.height = this.scrollHeight + 1 + \'px\';" onkeydown="this.style.height=\'24px\'; this.style.height = this.scrollHeight - 1 - \'px\';" name="campo3"></textarea></td>'+ '<td align="center"><textarea class="cols3" rows="2" cols="12" style="overflow: hidden" onkeyup="this.style.height=\'24px\'; this.style.height = this.scrollHeight + 1 + \'px\';" onkeydown="this.style.height=\'24px\'; this.style.height = this.scrollHeight - 1 - \'px\';" name="campo4"></textarea></td>'+ '<td align="center" colspan="2"><textarea class="cols4" rows="2" cols="35" style="overflow: hidden" onkeyup="this.style.height=\'24px\'; this.style.height = this.scrollHeight + 1 + \'px\';" onkeydown="this.style.height=\'24px\'; this.style.height = this.scrollHeight - 1 - \'px\';" name="campo5"></textarea></td>'+ '<td align="center" class="semborda"><input type="button" value="-" class="ui-button ui-widget ui-state-default ui-corner-all principal" onclick="javascript:deleteRow2(this.parentNode.parentNode.rowIndex)" title="Remover linha"></input></td>', adicionarLinha2: function(){ //encontrar o elemento com id "tblCadastroTBody2" (tbody) var tbody = document.getElementById('tblCadastroTBody2'); //criar um novo elemento do tipo TR var tr = document.createElement('tr'); //colocar o conteúdo da linha no TR tr.innerHTML = cadastro2.linha2; //inserir a linha criada no tbody tbody.appendChild(tr); } } </script> Desde já agradeço.
  11. igorcacerez

    Ancoras em Wordpress não funciona

    Fiz um site Wordpress onde no menu tem alguns links que são ancoras, as ancoras funcionam perfeitamente quando a tela do dispositivo for de um pc, agora quando for uma tela pequena e usa o menu responsivo as ancoras não funcionam. Alguem sabe o por que isso acontece?
  12. GeovanniFerreiraMota

    Ajuda com media-query javascript.

    Ola Bom dia, Boa Tarde ,Boa Noite creio que este post ira ajudar muitas pessoas . Possuo uma duvida sobre "media-query" com javascript ou Jquery. Não possou muito conhecimento mas acredito que seja algo simples a se criar. Sei da forma que deve se fazer porem não sei a forma que irei escrever o código. Medias-Query CSS não serve para este exemplo. um exemplo: No exemplo a seguir conseguiria utiliza facilmente em um site mobile. porem no meu arquivo arquivo slider.exemplo ultiliza um tamanho; aspectRatio: "4:2" para descktop aspectRatio: "4:4" para mobile $(window).resize(function(){ if ($(window).width() <= 400){ // Mobile document.write("<script src='/js/slider.exemplo.mob.js'></script>"); //Mobile } else { document.write("<script src='/js/slider.exemplo.all.js'></script>"); //Descktop } }); Porem notei um problema e si a pessoa utilizar o smashtphone no formato landscape a imagem ira ser muito maior que a tela do smartphone teria um problema bem chato. acabei buscando um codigo que fosse parecido ao inves de especificar a resolução minima usaria "Landscape" ou "Portrait". achei alguns porem sem muita ultilidade caso ninguem conheça uma forma de fazer isso. uma ideia seria se width for maior que o height = seria o mesmo que o landscape. se o height for maior que o width = seria um portrait. se o height for igual ao width = seria um partrait $(window).resize(function(){ if ($(window).width >+ height()){ // do something here } }); algo assim...
  13. Matheus Marcos

    Problemas na seleção do combobox

    Boa tarde ! Estou trabalhando com um arquivo .WSF (Windows Script File) contendo instruções JScript, que quando executado, acessa um determinado site e tem por finalidade selecionar opções específicas de 4 combo-box. Os combo-box são atrelados uns nos outros, ou seja, somente após a seleção do primeiro, o segundo é carregado e fica disponível para seleção, que depois de concluída sua seleção, carrega o terceiro, e assim por diante. O problema que estou enfrentando é que no 1º combo-box, após feita a seleção dentro de sua lista, chamo o evento onchange mas não carrega o 2º combo-box. Porém, se durante a execução do arquivo .WSF houver intervenção em tempo real do mouse, dando uma ajudinha na seleção feita via script, o 2º combo-box é carregado. O problema é que não quero ter intervenção do mouse/usuário, o script deve executar tudo. Comando que utilizo: selecaoCombo.click(); selecaoCombo.value = selecaoCombo.options[1].value; selecaoCombo.onchange(); Fui investigar e notei que na página que estou acessando, todos os combo-box (com exceção do 1º) possuem na sua composição o evento onchange="carregaComboSeguinte ();". Ou seja, no meu arquivo .WSF, quando efetuo a seleção da lista a partir do 2º combo-box, e chamo o evento onchange, os combo-box seguintes vão sendo carregados normalmente. Isto só não ocorre no 1º combo-box, que mesmo chamando o evento onchange no meu arquivo .WSF, nada ocorre provavelmente porque o site não possui a instrução onchange disponível. Como posso conseguir forçar a seleção no 1º combo-box de forma eficaz, para que o 2º seja carregado normalmente?
  14. Boa noite galera Estou com dificuldades de inserir o valor da variável <nome> entre os TD's da minha ultima linha da tabela. É obrigatório o uso do DOM, mesmo acessando o nó que quero, não estou conseguindo fazer com que seja setado o valor da variavel na referida coluna. <html> <head> <title>--DOM - Exercicios--</title> <meta charset="utf-8" /> </head> <body> <div> Nome <input id="nome"> <br> Data Nascimento <input id="dn"> <br> E-mail <input id="email"> <br> <button onclick="Enviar()">Enviar</button> </div> <script type="text/javascript"> function Enviar() { var nome = document.getElementById("nome").value; var dn = document.getElementById("dn").value; var email = document.getElementById("email").value; var tabela = document.getElementById("tabela"); var nova_linha = document.createElement("tr"); for (i = 0; i < 5; i++) { var nova_col = document.createElement("td"); nova_linha.appendChild(nova_col); } tabela.appendChild(nova_linha); var ultima_linha = document.getElementsByTagName("tr")[1].firstChild; //retorno meu primeiro td (nome) ultima_linha.nodeValue = nome; // coloco o valor de nome na coluna } </script> <table id="tabela" border="1"> <tr> <td>Nome</td> <td>Data Nascimento</td> <td>Idade</td> <td>Email</td> <td>Acoes </td> </tr> </table> </body> </html>
  15. victorln1

    Banner rotativo com controlador

    Como posso fazer este banner rotativo ,com controles, funcionar corretamente? Quando ativo um dos controles, ele buga. javascript <script type="text/javascript"> var tempo; function mouse(tipo) { document.getElementById('quadrado' + tipo).style.cursor = "pointer"; } function mouse2(tipo2) { document.getElementById('quadrado' + tipo2).style.cursor = "default"; } function slide1() { document.getElementById('banner').src = "../1.jpg"; tempo = setTimeout(slide2, 4000); document.getElementById('quadrado1').style.backgroundColor = "#3e4095"; document.getElementById('quadrado2').style.backgroundColor = "#ffffff"; document.getElementById('quadrado3').style.backgroundColor = "#ffffff"; } function slide2() { document.getElementById('banner').src = "../2.jpg"; tempo = setTimeout(slide3, 4000); document.getElementById('quadrado1').style.backgroundColor = "#ffffff"; document.getElementById('quadrado2').style.backgroundColor = "#3e4095"; document.getElementById('quadrado3').style.backgroundColor = "#ffffff"; } function slide3() { document.getElementById('banner').src = "../3.jpg"; tempo = setTimeout(slide1, 4000); document.getElementById('quadrado1').style.backgroundColor = "#ffffff"; document.getElementById('quadrado2').style.backgroundColor = "#ffffff"; document.getElementById('quadrado3').style.backgroundColor = "#3e4095"; } </script> CSS #quadrado1, #quadrado2, #quadrado3{ background-color: #ffffff; width: 30px; height: 30px; z-index: 9999; border-radius: 30px; top: 0px; } #bt{ position: absolute; top: 440px; height: 10px; width: 700px; z-index: 9999; left: 10px; } #quadrado1{ position: relative; left: 100px; top: 0px; } #quadrado2{ position: relative; left: 140px; top: -30px; } #quadrado3{ position: relative; left: 180px; top: -60px; } HTML <div id="bt"> <div id="quadrado1" onmouseout="mouse2(1)" onmouseover="mouse(1)" onclick="slide1()"></div> <div id="quadrado2" onmouseout="mouse2(2)" onmouseover="mouse(2)" onclick="slide2()"></div> <div id="quadrado3" onmouseout="mouse2(3)" onmouseover="mouse(3)" onclick="slide3()"></div> </div>
  16. victorln1

    Banner rotativo com controlador

    Como posso fazer este banner rotativo ,com controles, funcionar corretamente? Quando ativo um dos controles, ele buga. javascript <script type="text/javascript"> var tempo; function mouse(tipo) { document.getElementById('quadrado' + tipo).style.cursor = "pointer"; } function mouse2(tipo2) { document.getElementById('quadrado' + tipo2).style.cursor = "default"; } function slide1() { document.getElementById('banner').src = "../1.jpg"; tempo = setTimeout(slide2, 4000); document.getElementById('quadrado1').style.backgroundColor = "#3e4095"; document.getElementById('quadrado2').style.backgroundColor = "#ffffff"; document.getElementById('quadrado3').style.backgroundColor = "#ffffff"; } function slide2() { document.getElementById('banner').src = "../2.jpg"; tempo = setTimeout(slide3, 4000); document.getElementById('quadrado1').style.backgroundColor = "#ffffff"; document.getElementById('quadrado2').style.backgroundColor = "#3e4095"; document.getElementById('quadrado3').style.backgroundColor = "#ffffff"; } function slide3() { document.getElementById('banner').src = "../3.jpg"; tempo = setTimeout(slide1, 4000); document.getElementById('quadrado1').style.backgroundColor = "#ffffff"; document.getElementById('quadrado2').style.backgroundColor = "#ffffff"; document.getElementById('quadrado3').style.backgroundColor = "#3e4095"; } </script> CSS #quadrado1, #quadrado2, #quadrado3{ background-color: #ffffff; width: 30px; height: 30px; z-index: 9999; border-radius: 30px; top: 0px; } #bt{ position: absolute; top: 440px; height: 10px; width: 700px; z-index: 9999; left: 10px; } #quadrado1{ position: relative; left: 100px; top: 0px; } #quadrado2{ position: relative; left: 140px; top: -30px; } #quadrado3{ position: relative; left: 180px; top: -60px; } HTML <div id="bt"> <div id="quadrado1" onmouseout="mouse2(1)" onmouseover="mouse(1)" onclick="slide1()"></div> <div id="quadrado2" onmouseout="mouse2(2)" onmouseover="mouse(2)" onclick="slide2()"></div> <div id="quadrado3" onmouseout="mouse2(3)" onmouseover="mouse(3)" onclick="slide3()"></div> </div>
  17. Bom dia, Após inúmeras tentativas não consegui fazer com que o script abaixo mantivesse aberto para o usuário por tempo necessário para escolha da linguá no menu multilíngue após executado e durante o movimento do ponteiro do mouse para seleção da linguá desejada pelo usuário. O problema é que o usuário ao mover o ponteiro do mouse sobre o link (Language) ativa a abertura de um menu multilíngue, que antes estava oculto e esse menu multilíngue por sua vez volta a se ocultar antes mesmo do usuário ter selecionado a linguá desejada O que eu estou em várias tentativas já realizadas buscando corrigir é que o script oculte o menu multilíngue aberto após um tempo se não houver interação, mas que esse tempo seja resetado (reset) sempre que for submetido pelo movimento do ponteiro do mouse sobre as opções de linguás, dando ao usuário o tempo necessário para seleção da linguá desejada Agradeço desde já a todos pelo tempo, atenção e ajuda e também agradeço quaisquer sugestões afim de permitir que o script abaixo mantenha o menu multilíngue disponível ao usuário para que o mesmo possa selecionar a linguá desejada quando houver interação com o link (Language) mas que esse menu multilíngue se mantenha oculto exceto o link (Language) quando não houver interação <script language="javascript"> var IE4 = document.all; NS4 = document.layers; NS6 = document.getElementById; function getStyle(id){return NS4 ? document[id] : NS6 ? document.getElementById(id).style : document.all[id].style;} function HideLayer(id){getStyle(id).visibility = NS4 ? "hide" : "hidden"; getStyle(id).display = "none";} function ShowLayer(id){getStyle(id).visibility = NS4 ? "show" : "visible"; getStyle(id).display = "block";} </script> <script> function esconde(){ document.getElementById("menu").style.visibility="hidden"; } </script> <form action="#"><input type="submit" onmouseover="ShowLayer('menu')" onmouseout="setTimeout('esconde()',3000);" value="Language"></form> <div id="menu" onmouseover="ShowLayer('menu')" onmouseout="setTimeout('esconde()',9000);" style="visibility: hidden;" > <div id="google_translate_element"></div> <script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'pt', layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element'); } </script> <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> Mais uma vez agradeço a todos pelo tempo, ajuda e atenção Mayck
  18. Sandroe3cw

    Shadowbox em iframe

    Pessoal estou levando o maior pau aqui... não consigo fazer um link dentro de um iframe abrir um shadowbox externamente. me ajudem!!!!!
  19. Bom dia, preciso fazer uma lista como a do youtube, que mostra os vídeos "em alta" numa listagem horizontal e com as setas para direita e esquerda, caso necessário. https://www.youtube.com/ Estive estudando o código, mas não consegui fazer rolar, somente aparecem o número de imagens que cabem no layout, sem a rolagem... Obrigada
  20. Olá, boa noite; Estou com a seguinte dúvida, pois estou construindo um site mas como eu particularmente não gosto de redirects indesejados ao clicar em determinada parte do site, vou optar por solicitar ao usuário que estas a acessar que clique em um banner que será exibido junto à uma mensagem de boas vindas no site para que o mesmo não seja incomoda com tais ADS durante a sessão no site, porém é que eu quero garantir que o link do banner realmente foi aberto e que o conteúdo da página contida no script do anúncio tenha sido carregado e exibido no navegador deste usuário, para ai então ele poder navegar normalmente no site (pois só assim garantirei a visualização / click do banner, e o Ads compute o click na minha conta). A minha dúvida seria em como fazer essa verificação, já que a pagina que vai receber o redirecionamento não é minha, e o link que faz o redirecionamento vem de um script gerado pelo Ero Advertising. Alguém tem ideia de como fazer isso?
  21. wellingtonmelo

    Div LIKE facebook sumir ao curtir

    Olá pessoal, beleza? Estou criando um site de entretenimento, e gostaria de fazer algo para aumentar os likes da página no facebook, desse site. Pensei em criar flutuante com o botão de curtir, mas ficaria chato, pois uma vez que o usuário já tenha curtido, a div sempre ficará enchendo a tela do cara. Encontrei um site que faz essa função de forma perfeita, da uma olhada lá por favor: http://br.vonvon.me/quiz/534 Não sei como ele ler que a pessoa esta logado no facebook ou não. Acho que é pelo aplicativo, quando entra com o facebook para testar. Então... quando curti a página, essa barra no topo não aparece mais, pois já curtiu, se descurtir, ela volta a aparecer. Eu já tenho uma aplicativo que puxa as informações do usuario: http://testesdivertidos.com só não sei como fazer essa questão da DIV que contem o botão do like sumir, após curtir. Toda ajuda é valida! Desde já agradeço!
  22. jsouzaSalutaris

    Enviar variavel JS para arquivo PHP

    Boa tarde, Pessoal, preciso enviar duas variáveis de um arquivo JS para um arquivo php onde vou fazer uma validação com uma consulta no banco em seguida quero retornar para o usuário se a consulta foi bem sucedida ou não através de um alert() como faço para enviar as variáveis de um arquivo js para um arquivo PHP e depois trazer o resultado da consulta ?? Passei o dia todo procurando um metodo mas nenhum me ajudou :/ Tabela HTML <td><input type="text" class="teste" name="cod[]" autocomplete="off" id="cod"></td> <td><input type="text" class="teste" name="desc[]" autocomplete="off"></td> <td><input type="text" class="teste" name="dente_regiao[]" autocomplete="off"></td> <td><select name="face[]" autocomplete="off"><option value="D" selected="selected" >D</option><option value="I">I</option><option value="L">L</option><option value="M">M</option><option value="O">O</option><option value="P">P</option><option value="V">V</option></td> <td><input type="text" class="teste" name="qtde[]" autocomplete="off"></td> <td><input type="text" class="teste" name="qtdeUS[]" autocomplete="off"></td> <td><input type="text" class="teste" name="valor[]" autocomplete="off"></td> <td><input type="text" class="teste" name="franquia[]" autocomplete="off"></td> <td><input type="date" class="teste" name="data_realizacao[]" autocomplete="off" id="data"></td> <td> <button onclick="AddTableRow()" type="button" class="btn btn-success">Novo</button> </td> AddLinhaTabela.js (function($) { AddTableRow = function() { var cod = document.getElementById("cod").value; var data = document.getElementById("data").value; $.ajax({ type: "POST", url: "../controle/Valida.php", data: { meuParametro1: 'cod', meuParametro2: 'data'}, success: function(resposta){ alert(resposta); } }); var newRow = $("<tr>"); var cols = ""; cols += '<td><input type="text" class="teste" name="cod[]" autocomplete="off"></td>'; cols += '<td><input type="text" class="teste" name="desc[]" autocomplete="off"></td>'; cols += '<td><input type="text" class="teste" name="dente_regiao[]" autocomplete="off"></td>'; cols += '<td><select name="face[]" autocomplete="off"><option value="D" selected="selected" >D</option><option value="I">I</option><option value="L">L</option><option value="M">M</option><option value="O">O</option><option value="P">P</option><option value="V">V</option></td>'; cols += '<td><input type="text" class="teste" name="qtde[]" autocomplete="off"></td>'; cols += '<td><input type="text" class="teste" name="qtdeUS[]" autocomplete="off"></td>'; cols += '<td><input type="text" class="teste" name="valor[]" autocomplete="off"></td>'; cols += '<td><input type="text" class="teste" name="franquia[]" autocomplete="off"></td>'; cols += '<td><input type="date" class="teste" name="data_realizacao[]" autocomplete="off"></td>'; cols += '<td>'; cols += '<button onclick="AddTableRow()" type="button" class="btn btn-success">Novo</button>'; cols += '</td>'; newRow.append(cols); $("#products-table").append(newRow); return false; }; })(jQuery); Valida.php -- Arquivo onde será realizado a consulta no banco <?php include_once('../scripts/conexao.php'); $cod = $_POST['cod']; echo "<script>alert($cod)</script>"; return false; ?> Me ajuda ai gurizada haha, Valeu !!!
  23. Boa noite, estou com dificuldade de solucionar um problema, no topo do site eu tenho um menu fixo de 70px, na página home que tem o link abaixo: <div class="col-md-3"> <div class="thumbnail serv"> <div class="caption"> <a href="<?php echo RAIZ ?>?pg=servicos#rh" > <img src="<?php echo RAIZ ?>/img/rh.png" alt="" title="" class="img-responsive rh"/><br /> <h4 title="">Recursos Humanos</h4> </a> </div> </div> </div> Ao clicar nele, ele leva para página serviços na parte de RH, porém, ela aparece abaixo do menu, eu coloquei um margin-top: 70px !important; ou padding-top 70px !important; no Body, porém, mesmo assim quando vai para página serviços ele aparece no topo da página, abaixo do menu. <a class="serv_a" name="rh"></a> aqui eu também já coloquei margin e padding e não resolveu <div class="panel panel-default"> <div class="panel-heading"><?php echo EMPRESA ?></div> <div class="panel-body"> Sei que dá pra fazer com javascript, mas não sei como fazer, alguém pode me ajudar?
  24. victorln1

    Como se faz este efeito?

    Como se faz o efeito deste banner??? http://www.amildentalonline.com.br/
  25. victorln1

    como foi feito este efeito

    Como se faz este efeito do banner?? http://www.amildentalonline.com.br/
×

Important Information

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