Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''javascript''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento Web
    • Desenvolvimento frontend
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets e outros ambientes
    • Desenvolvimento com Wordpress
    • Desenvolvimento de apps
    • Desenvolvimento ágil
    • Desenvolvimento de Games
    • Banco de Dados
    • Design e UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • Boteco iMasters

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 757 registros

  1. mamotinho

    getElementsByClassName Imcompativel com IE11

    Olá, estive com problemas com compatibilidade de navegador, eu estou abrindo uma página dentro de um game de nome CABAL ONLINE porém quando eu abro e clico no link que está o onClick da o seguinte erro , veja abaixo a imagem do erro. alguem poderia me da uma solução em como posso corrigir esse problema. OBS: no chrome funciona normalmente.
  2. Boa tarde!Alguém sabe qual Linguagem de Programação é usada em Totens do McDonalds, Bob's, Burger King? Como é feita a conexão com o PinPad?
  3. mamotinho

    Erro ao chamar div usando style via javascript

    Oii, gostaria de pedi a ajuda de vocês que entende melhor de javascript, estou tentando clica em um item no meu site para ser exibido sobre a página uma div que está escondido porém está dando erro no javascript, segue abaixo o erro e o código JS utilizado. cabaldark.js:25 Uncaught TypeError: Cannot read property 'style' of null at abrirDesc (cabaldark.js:25) at HTMLDivElement.onclick (CashIndex.php?v1=1&v2=C13FC8F97845403A9C62BB277C614590:52) abrirDesc @ cabaldark.js:25 onclick @ CashIndex.php?v1=1&v2=C13FC8F97845403A9C62BB277C614590:52 AQUI É O CÓDIGO JS QUE ESTÀ A FUNÇÃO. function abrirSub(id) { if(document.getElementById('sub'+id).style.display=="block"){ var test = document.getElementsByClassName("submenu"); for(i = 0; i < test.length; i++){ document.getElementsByClassName('submenu')[i].style.display='none'; } }else{ var test = document.getElementsByClassName("submenu"); for(i = 0; i < test.length; i++){ document.getElementsByClassName('submenu')[i].style.display='none'; } document.getElementById('sub'+id).style.display="block"; } } function mensagemClose(){ document.getElementsByClassName('mensagem')[0].style.display='none'; } function detalhesClose(){ var test = document.getElementsByClassName("detalhes"); for(i = 0; i < test.length; i++){ document.getElementsByClassName('detalhes')[i].style.display='none'; } } function abrirDesc(id){ if(document.getElementById('detalhes'+id).style.display=="block"){ var test = document.getElementsByClassName("detalhes"); for(i = 0; i < test.length; i++){ document.getElementsByClassName('detalhes')[i].style.display='none'; } }else{ var test = document.getElementsByClassName("detalhes"); for(i = 0; i < test.length; i++){ document.getElementsByClassName('detalhes')[i].style.display='none'; } document.getElementById('detalhes'+id).style.display="block"; } }
  4. Eae gente Bom, o problema é o seguinte Eu criei 2 arquivos html: index.html e index2.html o index é o html principal, e o index2 eu chamo atraves de um window.open até ae esta tudo certo mas estou tentando criar uma função onclick que, ao ser acionada no html2, altere um texto localizado no html principal Desculpa pelo código estar extremamente bagunçado, é apenas um app para treinar, ja que sou bem leigo na programação (Function Cadastrar se encontra no final do JS, onde estou tento problemas) (o ID se encontra no meio do HTML1) HTML1 <!DOCTYPE html> <html lang="pt-BR"> <head> <link rel="stylesheet" href="style.css"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Nao sei</title> </head> <body> <div class="body"> <div class="Lateral"> <div class="bgEstate"> <h1 class="txtCenter" id="txtcaixa">Caixa Fechado</h1> </div> <div> <p class="txtInputtop" id="txtInput">Insira o Valor Inicial do Caixa</p> </div> <!--Insere o Valor Inicial do Caixa--> <input type="number" name="initValor" id="initValor" class="txtInput"> <input type="button" value="Abrir Caixa" class="button" onclick="estateCaixa()" id="buttonEstate"> </div> <div> <div class="listProdutos"> <p id="ttitle">Insira o ID do produto <input type="number" name="idProd" id="idProd" class="inputnum"> <input type="button" value="Ok" onclick="ok()"> </p> <h3 id="title">Lista de Produtos</h3> <p class="DiviList"> ID - Lanches</p> <p class="list" id="productlist"> 01 - Misto </br> 02 - Misto Milho</br> 03 - Misto Catupiry</br> 04 - Misto Cheddar</br> 05 - Bauru</br> 06 - X-Burguer</br> 07 - Americano</br> 08 - X-Milho</br> 09 - X-Salada</br> 10 - X-Egg</br> 11 - Lombo</br> 12 - X-Batata Palha</br> 13 - Calabresa</br> 14 - Bacon</br> 15 - CalaBacon</br> 16 - CalaFrango</br> 18 - Galinhao</br> 19 - Costelão</br> 20 - X Tudo </p> <p class="DiviList"> ID - Cachorro Quente</p> <p class="list"> 21 - Dog Normal</br> 22 - Dog Duplo</br> 23 - Dog Cheddar</br> 24 - Dog Catupiry</br> 25 - Dog Milho</br> 26 - Dog Queijo</br> 27 - Dog Frango</br> 28 - Dog Especial</br> 29 - Dog Calabresa</br> 30 - Dog Bacon</br> 31 - Dog Pure</br> 32 - Dog Costela</br> 33 - Dog Tudo </p> <p class="DiviList"> ID - Porções</p> <p class="list"> 34 - Batata Frita</br> 35 - Batata Frita c/ Ched e Bac</br> 36 - Lombo</br> 37 - Calabresa</br> 38 - Churrasco </p> <p class="DiviList"> ID - Bebidas</p> <p class="list"> 39 - Água</br> 40 - Regri Lata</br> 41 - Cerveja Lata</br> 42 - Suco de Laranja</br> 43 - Corote</br> 44 - Taubaína 2L</br> 45 - Coca/Fanta 1.5L</br> 46 - Skol Beats </p> </div> </div> <div class="Total"> <div class="inputnum"> </div> <div> <h1>Capital Adquirido</h1> </div> <div class="TotalProdutos"> </div> </div> </div> <script src="./js/main.js"></script> <script src="./js/database.js"></script> <script src="https://www.gstatic.com/firebasejs/7.2.2/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/7.2.2/firebase-database.js"></script> <script src="https://www.gstatic.com/firebasejs/7.2.2/firebase-analytics.js"></script> </body> </html> HTML2 <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> body{ text-align: center; background-color: blue; } h5{ color: white; font-size: 20pt; text-align: center; } #cadname{ color: black; } p{ font-size: 15pt; color: white; } </style> </head> <body> <h5>CADASTRO DE PRODUTOS</h5> <p>Insira o Nome do Produto</p> <input type="text" name="cadname" id="cadname"> <p>Insira o Preço do Produto</p> <input type="number" name="cadname" id="cadvalue" step=".01" lang="nb"> <input type="button" value="Confirmar" onclick="cadastrar()"> <script src="./js/main.js"></script> </body> </html> js const { app, BrowserWindow } = require('electron') function createWindow() { // Cria uma janela de navegação. let win = new BrowserWindow({ width: 800, height: 600, fullscreen: true, webPreferences: { nodeIntegration: true } }) // e carregar o index.html do aplicativo. win.loadFile('index.html') win.setMenu = false } function ok() { let win2 = window.open('index2.html', '', 'width=400,height=400, fullscreen=false, resizable=no, ') } function estateCaixa() { if (window.document.getElementById('txtcaixa').textContent == 'Caixa Fechado') { window.document.getElementById('txtcaixa').textContent = 'Caixa Aberto' window.document.getElementById('txtcaixa').style.background = 'green' window.document.getElementById('buttonEstate').value = 'Fechar Caixa' //window.alert('O caixa foi aberto!') window.document.getElementById('initValor').setAttribute('disabled', 'disabled') window.document.getElementById('txtInput').textContent = 'Capital Inicial do Caixa é:' } else { window.document.getElementById('txtcaixa').textContent = 'Caixa Fechado' window.document.getElementById('txtcaixa').style.background = 'red' window.document.getElementById('buttonEstate').value = 'Abrir Caixa' // window.alert('O caixa foi fechado!') window.document.getElementById('initValor').removeAttribute('disabled') window.document.getElementById('txtInput').textContent = 'Insira o Valor Inicial do Caixa' } } function cadastrar(){ let cad = window.document.getElementById('productlist') cad.textContent = 'Apenas Teste' } app.on('ready', createWindow)
  5. Cacio Renato

    Manda cordenadas para o maps

    Boa tarde galera, Seguinte preciso de uma ajuda se alguém ja passou por isso ou quem tem conhecimento para me ajudar , eu criei uma aplicação que eu ajusto a rota no mapa conforme os endereços de cada pedido para o caminhão sai de um destino e ir até os que são os Waypoints tudo ai ta funcionando blz oque eu preciso agora é manda todas essas coordenadas que o Google vez pra min manda para um link ou de alguma forma que que quando ele clicar eu botão no tablet ou no em app ele abre o mapa com essas coordenadas e ele clica para seguir sua viagem tipo quando a pessoa abre o mapa e coloca o destino e tu vai seguir viagem só que eu ja tenho tudo as coordenadas so preciso manda pra ele , se alguém me ajuda de alguma forma eu agradeço.
  6. bom dia, Estou construindo um mapa usando as API do google, já consegui fazer o mapa funcionar e os marcadores que preciso, mas preciso traçar uma rota entre esses dois pontos, mas não estou conseguindo. Eu usei a API Directions do google junto com o Javascript mas não deu certo, quando o código executa não da nenhum erro, mas também não renderiza o caminho entre os dois pontos. Como ainda estou iniciando em javascritp e nunca tinha usado as API's do google fiquei sem saber onde estou errando. Abaixo tem o código do javascritp e da API: echo "var map;"; echo "var myLatLng = {lat:". $lat['latitude'] . ",". "lng:". $long['longitude'] ."};"; echo "function initMap(){ map = new google.maps.Map(document.getElementById('map'),{ center:myLatLng, zoom: 18 }); var marker = new google.maps.Marker({ position: myLatLng, map: map, title: 'Localização Pet' }); var marker2 = new google.maps.Marker({ position: {lat:-3.2087322 , lng:-52.2137778}, map: map, title: 'Localização Pet' }); var directionsService = new google.maps.DirectionsService();; var directionsDisplay = new google.maps.DirectionsRenderer();; request = { origin: marker2.position, destination: marker.position, travelMode: google.maps.DirectionsTravelMode.DRIVING }; directionsService.route(request, function(response, status){ if(status == google.maps.DirectionsStatus.OK){ directionsDisplay.setMap(map); } }); }" se alguém tiver alguma ideia de onde está o problema agradeço. Isso faz parte do meu trabalho de faculdade hehehe e acabei travando ai. Desde já agradeço.
  7. lucianfpaula

    Reconhecer placa de veículos via câmera

    Olá meus comprimentos a todos, eu tenha a seguinte duvida, estou desenvolvendo um sistema para condomínios e tenho o seguinte desafio: Usando php e javascript precisa de uma forma de via câmera do pc ou Smartphone reconhecer a placa do veiculo e através de um id associado apresentar as informações do mesmo e também ter a opção de cadastrar o veiculo
  8. Olá, pessoal. Perdoem-me pelo título horrível, eu realmente não sei como resumir. Gostaria de saber qual o nome e com que linguagem é feita aquele pequena animação que alguns sites possuem, que é quando você vai rodando o scroll pra baixo e aos poucos os objetos vão aparecendo sem desaparecer quando você volta o scroll pra cima. Gostaria de saber apenas o nome pra poder procurar tutoriais e afins. Exemplo: https://ribetav.46graus.com/ notem que os objetos vão aparecendo aos poucos.
  9. studdiox

    Duvida ! < Foto anterior II Próxima Foto >

    Ola gostaria de poder implementar um código com o que já esta funcionando mas o < Foto Anterior II Próxima Foto > não estou conseguindo acho que já queimei os neurônios kkkk Bom o Funcionamento ... tenho uma página que recebe de um GET o id do produto, esse gera as miniaturas das fotos cadastradas e uma foto ampliada no centro, ao clicar nas miniaturas a foto aparece ampliada no centro.... esse centro eu fiz dentro de um iframe pois não consegui fazer diretamente ... vou postar o cod do iframe que chama a pagina onde essa pega o GET ID e amplia a imagem tudo funcionando até aqui mas não consegui fazer dentro dessa imagem ampliada ela ter a opção de anterior e próxima ... consegui somente clicando nas miniaturas iframe <iframe src="zoom.php?id=<?print $codigo_v;?>" name="frame" width="640" marginwidth="0" height="480" marginheight="0" scrolling="no" frameborder="0" hspace="0" vspace="0" id="frame" allowtransparency="true" > </iframe> Pagina que exibe a foto ampliada dentro do iframe <?php include("con.php"); $vid=$_GET["id"]; $vconsulta=mysql_query("SELECT * FROM tb_produtoss WHERE id like '$vid'"); $vdados= mysql_fetch_array ($vconsulta); if(empty($imagem)) { $imagem=$vdados["imagem"]; list ($imagem,$foto1,$foto2,$foto3,$foto4,$foto5,$foto6) = split('[;]',$imagem); } if($imagem == "produtoss/") { $imagem="images/noimage.jpg"; } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title></title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } --> </style> </head> <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false"> <div align="center"> <img src="thumb.php?imagem=<? print $imagem;?>&x=640' border=" border="0"/> </div> </body> </html> Minha ideia era conseguir passar as fotos sem precisar clicar nas miniaturas ☹️ Se alguém puder ajudar agradeço muito pois eu zerei os neurônios até agora
  10. Julie_santiago

    Requisição Axios

    Olá! Pessoal, preciso muito de um help urgente. Estou tentando fazer uma simples query ao banco de dados, usando o Axios. Mas, não importa a forma de fazer a requisição, o Axios não funciona. O HTML está abaixo, onde chamo a função enviaDados() através do onsubmit. <div class="input-group md-form"> <form method="get" onsubmit="enviaDados()" name="buscar"> <input type="text" id="Form-search2" class="form-control" name="nomeReagente"> <label for="Form-search2">Search</label> <input type="submit" name="pesquisar" value="buscar"> </form> <span class="input-group-text dark lighten-2" id="basic-text1"> <i class="fas fa-search text-dark" aria-hidden="true"></i> </span> </div> Meu arquivo main.js que contém a função enviaDados(). function enviaDados(){ let nome = buscar.nomeReagente.value recebeDados(nome); } Dentro dessa função, estou chamando outra: recebeDados() que executa a requisição Axios. Passo como parâmetro o valor lá do meu input. OBS.: Meu código está assim, aparentemente confuso, porque o objetivo é ter funções que enviam os dados dos meus formulários e outras funções (genéricas) para receber e tratar esses dados. Abaixo a função recebeDados(): function recebeDados(nome_reagente){ axios.get('http://localhost/Quimica/php/recebe_json.php', { params: { nome } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log('Não foi possível realizar a requsição: '+error); }) .finally(function () { }); } Não importa o que eu faça, sempre cai no CATCH - request aborted. Preciso muito resolver esse problema, mas não faço ideia do que pode ser. Relevem qualquer "noobice" porque estou aprendendo o básico ainda.
  11. Olá pessoal! Estou com uma tremenda dificuldade. Tenho um formulário na qual está funcionando e cadastrando, porém preciso que o meu botão adicionar autorizado funcione e mostre o que foi digitado para o e-mail. As informações na vdd é enviada para o e-mail e o que será enviado é oque será digitado. Simplificando -> Tenho um botão que adiciona 2 inputs (NOME E SALDO) e conforme for clicando nesse botão, vai adicionando mais campos. Dúvida: Como posso fazer com que grave o que foi digitado nesses campos? Segue o que eu tentei fazer até agora: HTML <!DOCTYPE html> <html> <head> <title>Chame Taxi PrePago</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link rel="icon" type="image/x-icon" href="https://www.flaticon.com/premium-icon/icons/svg/1361/1361253.svg" /> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> </head> <body> <br /> <div class="container" style="width:100%; max-width:600px"> <h2 align="center">Pré-Pago</h2> <br /> <div class="panel panel-default"> <div class="panel-heading"><h4>Registrar</h4></div> <div class="panel-body"> <form method="post" id="register_form"> <?php echo $message; ?> <div class="form-group"> <label>Nome Completo</label> <input type="text" name="user_name" style="text-transform:uppercase" class="form-control" pattern="[a-zA-Z ]+" required /> </div> <div class="form-group"> <label>E-mail</label> <input type="email" name="user_email" style="text-transform:uppercase" class="form-control" required /> </div> <div class="form-group"> <label>CEP</label> <input type="text" name="campob" id="cep" value="" maxlength="9" onblur="pesquisacep(this.value);" class="form-control"> </div> <div class="form-group"> <table id="myTable" class="table"> <a class="btn btn-primary" onclick="myFunction()" href="#" role="button">Adicionar Autorizado</a> <thead> <tr> <th>NOME</th> <th>SALDO</th> </tr> </thead> </table> <div class="form-group"> <input type="submit" name="register" id="register" value="Validar" class="btn btn-info" /> </div> </form> </div> </div> </div> </body> </html> JAVASCRIPT <script> var incremento = -1; function myFunction() { incremento++; var table = document.getElementById("myTable"); var row = table.insertRow(0); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); var cell3 = row.insertCell(2); var cell4 = row.insertCell(3); cell1.innerHTML = "NOME"; cell2.innerHTML = '<input type="text" name="name1[${incremento}]" >'; cell3.innerHTML = "SALDO"; cell4.innerHTML = '<input type="text" name="saldo[${incremento}]" size="15px" >'; } </script>
  12. ArjunKumar

    Map.has( ) In JavaScript

    Hi, I have been using the HTML and javascript for a while in Map. I just realized that after inserting a value with javascript/jquery the answer is not recognized by Map. I have to google it to learn more thinks about the Javascript map and I have found some good results but didn't get the right query about it. I am stuck between the code. Please check it, Is it right? Self : {self} <script> $(document).ready(function(){ var whatiwant = "this is what I want"; $("#answer714997X7X98").val(whatiwant); }); </script>
  13. Ted2370

    Condição não funcionando em string

    Primeiro, eu sou leigo no assunto e estou tentando aprender sobre funções criando um programa básico! O problema é que estou tentando fazer uma condição que: Ao apertar o botão: Abrir Caixa, a ideia é que apareça um alert na tela dizendo que o caixa foi aberto. até aí tudo bem. Mas queria que, ao pressionar o botão novamente, ele fechasse o caixa. Pra isso tentei utilizar a própria string do que, quando estivesse escrito 'Caixa Fechado', ele abriria, e quando estivesse 'Caixa Aberto' ele fecharia o problema é que eu não sei por que o meu js não ta reconhecendo o que está escrito na string, só reconhece que é uma string. (quando tento o mesmo código no node exec, ele funciona) :( ta aí os Códigos: <!DOCTYPE html> <html lang="pt-BR"> <head> <link rel="stylesheet" href="estilos.css"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Caixa</title> </head> <body> <div class="lateral" > <h1 class="" name="txtest" id="estado">Caixa Aberto</h1> <input type="number" name="txtinit" id="txtinit" class="txtinit"> <input type="button" value="Abrir Caixa" onclick="abrir()" class="open" id="abrir"> </div> <script src="./main.js"></script> </body> </html> const { app, BrowserWindow } = require('electron') function createWindow() { let win = new BrowserWindow({ width: 1360, height: 720, fullscreen: false, frame: true, webPreferences: { nodeIntegration: false } }) win.loadFile('index.html') win.removeMenu('index.html') } function abrir() { var estate = window.document.getElementById('estado') if (estate == 'Caixa Aberto') { estate = 'Caixa Aberto' window.alert("O caixa foi Aberto!") } else { estate = 'Caixa Fechado' window.alert("O caixa foi Fechado!") } } app.on('ready', createWindow) body{ background: rgba(231, 223, 206, 0.37); } .word{ background: red; } .txtinit{ font-variant-numeric: tabular-nums; height: 20px; width: 200; background: rgba(231, 223, 206, 0.37); } .open{ height: 60px; width: 200px; margin-top: 500px; } .lateral{ text-align: center; background: rgba(0, 0, 0, 0.74); margin-top: 20px; height: 670px; width: 250px; }
  14. rohilario_

    TELA DE SORTEIO COM PHP E JS

    Galera, boa tarde! Estou desenvolvendo um sistema com PHP, Mysql, JS e Bootstrap, que gerencia sorteios conforme cadastro. Tudo funcionando perfeitamente, contudo atualmente fazemos impressões em um layout e colocamos em uma urna, na qual acontece o sorteio manual.. Gostaria, de alguma forma, criar uma tela de sorteio, onde ele buscaria as informações do banco (coluna cartela) e sorteasse um número de cartela qualquer com alguns efeitos de "suspense". O grande problema para mim até o momento: Fraco em JS apesar de fazer algumas "coisinhas"; Não faço ideia nem por onde começar, comecei tão somente lendo alguns efeitos com jquery. https://api.jquery.com/category/effects/ Não sei como pegar as informações do banco mysql com JS. Sugeri o JS por conta das libs disponíveis, mas poderia ser com o proprio PHP... Agradeço as colaborações desde já!
  15. rtavix

    Problemas na utilização do javascript

    Estou realizando uma implementação de um determinado relatório, e implementei a estrutura(html da pagina) do mesmo dinamicamente, entretanto quando vou tentar imprimir ele com os dados preenchidos o mesmo não abre uma aba a parte mostrando toda essa estrutura da pagina. Estou tentando fazer via JavaScript, porém não funciona. meu ação do clique do botão de imprimir é esse: <div class="box-footer"> <button class="btn btn-padrao" id="btnImprime" runat="server" visible="false" onserverclick="btnImprimir_ServerClick">Imprimir</button></i>Novo</button> </div> Meu javaScript é esse: function Imprimir() { var panel = document.getElementById("ConteinerImprimir"); var printWindow = window.open('', '', ''); printWindow.document.write('<html><head><script src="JsRelatorioFinanciamento.js"></script>'); printWindow.document.write('<link href="../StyleJs.RelFinanciamento.css" rel="stylesheet"/>'); printWindow.document.write('</head><body>'); printWindow.document.write('<div class="conteiner" style="width: 700px">' + panel.innerHTML + '</div>'); printWindow.document.write('</body></html>'); printWindow.document.close(); setTimeout(function () { printWindow.print(); }, 500); return false; e meu código .cs que realiza a implementação da estrutura da pagina em html dinâmico é esse: #region html #region Header private string header = @" <table style = 'margin-bottom: 0px;'> <tr id='topLogo'> <img src = 'http://internet.sefaz.es.gov.br/imagens/topo_brasao.png' alt=''> <td style = 'border: 0px; padding-bottom: 5px;'> <h2 style='margin-top: 15px;' class='center'> TESTE 1 </h2> <h3 style = 'margin-top: 15px;' class='center'> TESTE 2 - 2<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> TESTE 3<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> FINANCIAMENTO LIBERADO - TODAS EMPRESAS<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> Base {1}<br/> </h3> <h1 style = 'margin-top: 15px;' class='left'> EmpresasTESTE4 - {2}<br/> </h1> </td> </tr> </table>"; #endregion #region Conteudo private const string dadosFinanciamento = @" <table style='padding: 0px; margin: 0px;' class='no-bold'> <tr class='tr-center'> <tr> <td colspan = '4' > Razão Social <h4> {0}</h4> </td> </tr> <tr> <td>Inscrição Estadual <h4 class='center'>{1}</h4> </td> <td colspan ='2'> C.N.P.J <h4> {2} </h4> </td> <td colspan='2'>Nome Fantasia <h4>{3}</h4> </td> </tr> </table> <br/>"; #endregion #region ValoresFin private const string dadosValores = @" <table style='padding: 0px; margin: 0px;'class='no-bold'> <tr> <td rowspan = '3' style=border-bottom: 3px solid black> <h5>Faturamento Dezembro 2014</h5> <h4>Saldo</h4> </td> <td class='center'> <h2>ICMS Previsto</h2> </td > <td class='center'> <h2>ICMS Recolhido</h2> </td> <td class='center'> <h2>Contratado</h2> </td> <td class='center'> <h2>Liberado</h2> </td> </tr> <tr> <td class='center'> {0} </td> <td class='center'> {1} </td> <td class='center'> {2} </td> <td class='center'> {3} </td> </tr> </table> <br/>"; #endregion #endregion e estou utilizando o StringBuilder: StringBuilder strConstrution = new StringBuilder(); Alguém saberia me instruir como eu posso fazer para conseguir visualizar meu relátorio por completo?
  16. Allysson Henrique

    Compor Div com ajax

    preciso de uma ajuda para compor as divs de uma galeria, não estou conseguindo de forma alguma, tentei de tudo. esse é o codigo, preciso compor com essa galeria http://hype61.com.br/control/busca_fotos_site.php $.ajax({ //url que enviaremos url: "control/busca_fotos_site.php", type: "POST", async:false, //campos data: { rand: encodeURI(Math.random()) }, //aqui colocamos o callback na div #retorno success: function(fretorno) { $(fretorno.fotos_produtos).each(function(key, value){ }); } }); <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Dress rental </title> <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Forum|Open+Sans:400,600|Roboto:100,300,400,500,700" rel="stylesheet"> <link rel="stylesheet" href="assets/dist/style/elements.css"> <link rel="stylesheet" href="assets/dist/style/header.css"> <link rel="stylesheet" href="assets/dist/style/footer.css"> <link rel="stylesheet" href="assets/dist/style/blog.css"> </head> <body> <!-- ==========================--> <!-- LOADER--> <!-- ==========================--> <div id="gl-circle-loader-wrapper"> <div id="gl-circle-loader-center"> <div class="gl-circle-load"> <img src="assets/dist/img/ploading.gif" alt="Page Loader"> </div> </div> </div> <!-- ==========================--> <!-- SEARCH MODAL--> <!-- ==========================--> <div class="header-search open-search"> <div class="container"> <div class="row"> <div class="col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1"> <div class="navbar-search"> <form class="search-global"> <input class="search-global__input" type="text" placeholder="Type to search" autocomplete="off" name="s" value=""/> <button class="search-global__btn"><i class="icon stroke icon-Search"></i> </button> <div class="search-global__note">Begin typing your search above and ã ã press return to search. </div> </form> </div> </div> </div> </div> <button class="search-close close" type="button"><i class="fa fa-times"></i></button> </div> <div class="container"> <ol class="breadcrumb underline"> <li><a href="#">Home</a></li> <li>Dresses</li> </ol><!-- /.breadcrumb --> </div><!-- /.container --> <?php include "inctopo.php"; ?> <div class="container"> <ol class="breadcrumb"> <li><a href="#">Inicial</a></li> <li>Sobre a Hype</li> </ol><!-- /.breadcrumb --> </div><!-- /.container --> </div><!-- /.filters --> </div><!-- /.col-sm-3 --> <div class="col-sm-12" id="boxprodutos"> <div class="product-display"> <h4 class="font-25-for-reg-0">Dresses <span>(432)</span></h4> <div class="view"> <div class="col-sm-5"> <span class="short">Short by : </span> <select class="rq-rental-select2"> <option value="AL">Best match</option> <option value="AL">Name</option> <option value="WY">Save date</option> <option value="WY">Green</option> </select> </div><!-- /.col-sm-4 --> <div class="col-sm-4"> <div class="text-center"> <nav aria-label="Page navigation"> <ul class="pagination"> <li> <a href="#" aria-label="Previous"> <i class="fa fa-angle-left" aria-hidden="true"></i> </a> </li> <li><a class="active" href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">...</a></li> <li><a href="#">9</a></li> <li> <a href="#" class="active" aria-label="Next"> <i class="fa fa-angle-right" aria-hidden="true"></i> </a> </li> </ul> </nav> </div><!-- text-center --> </div><!-- /.col-sm-4 --> <div class="col-sm-3"> <div class="text-right filters"> <a href="listing-page-list.html"><i class="rq-257" aria-hidden="true"></i></a> <a href="listing-page2.html"><i class="rq-639 active" aria-hidden="true"></i></a> <a href="listing-page.html"><i class="rq-638" aria-hidden="true"></i></a> </div> </div><!-- /.col-sm-4 --> </div><!-- /.view --> <div class="row" id="prod"> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b1.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb1.jpg" alt="grid1"/></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModalOne" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModalOne" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-7"> <div class="product-info"> <h4 class="font-20-for-reg-0">Vestido Longo Diva</h4> <h4 class="font-16-for-reg-0">Marca : <span>Blue Flamingo</span> </h4> <h5 class="font-16-for-reg-0"> <p class="font-16-for-reg-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Ipsum is simply dummy text of the printing and typesetting industry. </p> <img src="assets/dist/img/products-list/grid-b1.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-11"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Cor</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> <button type="button" class="btn btn-success" class="shopping-bag">Verificar Disponibilidade<i class="fa fa-shopping-bag" aria-hidden="true"></i> </button> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Vestido Longo Diva</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b2.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb2.jpg" alt="grid1"/></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModal2" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModal2" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-5"> <div class="product-info"> <h4 class="font-20-for-reg-0">Vestido Longo Diva</h4> <h4 class="font-16-for-reg-0">Marca : <span>Blue Flamingo</span> </h4> <p class="font-16-for-reg-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Ipsum is simply dummy text of the printing and typesetting industry. </p> <img src="assets/dist/img/products-list/grid2.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-12"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Cor</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Vestido Longo Diva</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b4.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb3.jpg" alt="grid1"></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModal3" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModal3" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-7"> <div class="product-info"> <h4 class="font-20-for-reg-0">Vestido Longo Diva</h4> <h4 class="font-16-for-reg-0">Marca : <span>Blue Flamingo</span> </h4> <p class="font-16-for-reg-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Ipsum is simply dummy text of the printing and typesetting industry. </p> <img src="assets/dist/img/products-list/gridb3.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-13"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Cor</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> <button type="button" class="btn btn-success" class="shopping-bag">Verificar Disponibilidade<i class="fa fa-shopping-bag" aria-hidden="true"></i></button> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Long Diva Dress</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b6.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb4.jpg" alt="grid1"/></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModal4" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModal4" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-7"> <div class="product-info"> <h4 class="font-20-for-reg-0">Long Diva Dress</h4> <h4 class="font-16-for-reg-0">Brand : <span>Blue Flamingo</span> </h4> <p class="font-16-for-reg-0">Descrição do Vestido </p> <img src="assets/dist/img/products-list/gridb4.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-14"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Cor</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> <button type="button" class="btn btn-success" class="shopping-bag">Verificar Disponibilidade<i class="fa fa-shopping-bag" aria-hidden="true"></i></button> <div class="remove"> <a href="#" class="left rq-custom"><i class="fa fa-gift active"></i> Remover da Lista de Desejos</a> <a href="#"><i class="fa fa-heart-o active"></i> Remover dos Favoritos</a> </div><!-- /.remove --> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Long Diva Dress</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b7.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb5.jpg" alt="grid1"/></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModal5" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModal5" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-7"> <div class="product-info"> <h4 class="font-20-for-reg-0">Long Diva Dress</h4> <h4 class="font-16-for-reg-0">Brand : <span>Blue Flamingo</span> </h4> <p class="font-16-for-reg-0">Descrição </p> <img src="assets/dist/img/products-list/gridb5.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-15"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Color</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> <button type="button" class="btn btn-success" class="shopping-bag"> Verificar Disponibildiade<i class="fa fa-shopping-bag" aria-hidden="true"></i></button> <div class="remove"> <a href="#" class="left rq-custom"><i class="fa fa-gift active"></i> Remover da Lista de Desejos</a> <a href="#"><i class="fa fa-heart-o active"></i> Remover dos Favoritos</a> </div><!-- /.remove --> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Long Diva Dress</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b8.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb6.jpg" alt="grid1"/></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModal6" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModal6" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-7"> <div class="product-info"> <h4 class="font-20-for-reg-0">Long Diva Dress</h4> <h4 class="font-16-for-reg-0">Brand : <span>Blue Flamingo</span> </h4> <p class="font-16-for-reg-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Ipsum is simply dummy text of the printing and typesetting industry. </p> <img src="assets/dist/img/products-list/gridb6.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-16"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Cor</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> <button type="button" class="btn btn-success" class="shopping-bag">Verificar Disponibilidde <i class="fa fa-shopping-bag" aria-hidden="true"></i></button> <div class="remove"> </div><!-- /.remove --> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Long Diva Dress</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> </div><!-- /.row --> </div><!-- /.product-display --> <div class="row mrg-top"> <div class="col-xs-4"> <a class="pages-on" href="#">1-9 of 432</a> </div> <div class="col-xs-8"> <nav aria-label="Page navigation"> <ul class="pagination"> <li> <a href="#" aria-label="Previous"> <i class="fa fa-angle-left" aria-hidden="true"></i> </a> </li> <li><a class="active" href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">...</a></li> <li><a href="#">9</a></li> <li> <a href="#" class="active" aria-label="Next"> <i class="fa fa-angle-right" aria-hidden="true"></i> </a> </li> </ul> </nav> </div> </div><!-- /.row --> </div><!-- /.col-sm-9 --> </div><!-- /.row --> </div><!-- /.container --> </div><!-- /.filter-list --> - <div class="work-procedure base-padd"> <div class="container"> <h2>Como Funciona?</h2> <div class="row"> <div class="col-md-4"> <div class="inner"> <a href="#"><img src="assets/dist/img/work-procedure/1.png" alt="" class="img-responsive"></a> <h3 class="font-30-for-reg-0">Cadastro / Assinatura</h3> <p class="font-16-for-reg-0">O primeiro passo para realizar o <a href="#">Cadastro</a> é escolher o melhor plano que se encaixa pra você. </p> </div><!-- /.inner --> </div> <!-- /.col-md-3 --> <div class="col-md-4"> <div class="inner"> <a href="#"><img src="assets/dist/img/work-procedure/2.png" alt="" class="img-responsive"></a> <h3 class="font-30-for-reg-0">Escolha / Use</h3> <p class="font-16-for-reg-0">A Partir o plano ativo, você poderá¡ escolher aqui no site ou na nossa loja as suas peças. </p> </div><!-- /.inner --> </div> <!-- /.col-md-3 --> <div class="col-md-4"> <div class="inner"> <a href="#"><img src="assets/dist/img/work-procedure/3.png" alt="" class="img-responsive"></a> <h3 class="font-30-for-reg-0">Devolva</h3> <p class="font-16-for-reg-0">Após o uso deve devolver lavada e passada, com a opção de entrega e coleta. </p> </div><!-- /.inner --> </div> <!-- /.col-md-3 --> </div><!-- /.row --> </div><!-- /.container --> </div><!-- /.work-procedure --> <div class="join-us"> <div class="container"> <div class="row"> <div class="col-sm-5"> <a href="sobre.php" class="btn transparent">Escolha seu plano</a> </div> <div class="col-sm-7"> <span class="font-30-pla-reg-2"> Somos um jeito novo de você manter o seu visual em dia, sem gastar um monte de dinheiro com roupas novas. <br/> A roupa certa para aquele evento? Só falar do que você precisa. </span> </div> </div> </div><!-- /.container --> </div><!-- /.join-us --> <div class="favorites base-padd"> <h2>Algumas peças do nosso acervo</h2> <div class="container"> <div class="owl-favorites owl-carousel owl-theme"> <div class="item"> <figure> <img src="http://s2.nbsoftware.com.br/hype61/fotoproduto/1130009PP.jpg?rand=0.39276572203667637" alt="" style="transform: rotate(90deg);"> <a href="booking.html">Ver</a> </figure> </div><!-- /.item --> <div class="item"> <figure> <img src="http://s2.nbsoftware.com.br/hype61/fotoproduto/1120001P.jpg?rand=0.6759872304621309" alt="" style="transform: rotate(90deg);"> <a href="booking.html">Ver</a> </figure> </div><!-- /.item --> <div class="item"> <figure> <img src="http://s2.nbsoftware.com.br/hype61/fotoproduto/1110005M.jpg" alt="" style="transform: rotate(90deg);"> <a href="booking.html">Ver</a> </figure> </div><!-- /.item --> </div><!-- /.item --> </div><!-- /.owl-favorites --> </div><!-- /.container --> </div><!-- /.favorites --> <div class="newsletter base-padd"> <h2>Depoimentos de Clientes</h2> </div><!-- /.newsletter --> <div class="opinion base-padd"> <div class="container"> <div class="owl-opinion owl-carousel owl-theme"> <div class="item"> <img src="assets/dist/img/opinion/1.png" alt=""> <p class="font-14-ope-reg-0">Jonathen Nora</p> <h3> <a href="#"><i class="fa fa-star" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-star" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-star" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-star" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a> </h3> <p class="edit">Gostei muito da variedade de modelos e tamanhos e sempre encontro a roupa para aquele evento. Parábens a toda equipe</p> </div><!-- /.item --> </div><!-- /.owl-opinion --> </div><!-- /.container --> </div><!-- /.opinion --> <div id="go-to-top"> <a href="#stickynav"><i class="fa fa-angle-up"></i></a> </div> <?php include "rodape.php"; ?> <script src="app.js"></script> <script src="assets/dist/js/vendor/jquery-3.4.1.min.js"></script> <script src="assets/dist/js/vendor/bootstrap.min.js"></script> <script src="assets/dist/js/vendor/countUp.js"></script> <script src="assets/dist/js/vendor/owl.carousel.min.js"></script> <script src="assets/dist/js/vendor/ion.rangeSlider.min.js"></script> <script src="assets/dist/js/vendor/dateRangePicker.js"></script> <script src="assets/dist/js/vendor/jquery.flexslider-min.js"></script> <script src="assets/dist/js/vendor/jquery.nicescroll.min.js"></script> <script src="assets/dist/js/vendor/select2.min.js"></script> <script src="assets/dist/js/vendor/lightbox.min.js"></script> <script src="assets/dist/js/vendor/jquery.smooth-scroll.js"></script> <script src="assets/dist/js/custom.js"></script> </body> </html>
  17. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script> <script type="text/javascript" > desconsiderar = function(){ var checkboxs = document.getElementsByName('checkbox'); checkboxsMarcados = [] for(var i = 0; i<checkboxs.length; i++){ var checkbox = checkboxs[i]; if(checkbox.checked){ checkboxsMarcados.push({value:checkbox.value}); console.log(checkboxsMarcados); } } $(document).ready(function() { $('#desconsiderar').click(function() { var checkboxes= $('input[name="checkbox"]').val(); $.ajax({ type: "POST", url: "demo_test.php", data: {'checkbox':checkboxes}, success: function(data){ console.log(data); } }); }); }); } </script> //agora a pagina que eu queria que recebesse, mas to mostrando o array no 0; <?php include("dbconnect.php"); // caminho do seu arquivo de conexão ao banco de dados //$checkboxes = isset($_POS['checkbox']) ? $_POST['checkbox']:'VAZIO'; //echo $checkboxes; var_dump( $_POST); /*$count = count($checkboxes); for ($i=0;$i<$count;$i++){ //echo $checkboxes[$i]."<br>"; print_r($checkboxes); } //$dbname = mysqli_select_db($conn,"bloqueio-cartao") or die("Não foi possível selecionar o Banco"); //$gravando=mysqli_query($conn,"UPDATE bloqueios set ESTADO='desconsiderado' WHERE id=$checkboxes"); */ ?> Pelos comentários acho que da pra ter uma noção do que eu queria fazer. Pegar valores da checkbox, manda pra uma pagina em php , ´guardar numa variavel e depois usar no update. ( o valor é ids do banco de dados que a checkbox pega ) Só retorna nulo, sou iniciante e não está dando certo o que estou fazendo...
  18. joicitias

    HTML com JAVA

    Boa tarde,galera! Estou criando uma página html, e em partes do texto da página tem 5 links que são pra abrir pequenos gif's. mas quero que os gifs sejam abertos num aside lateral. Me dêem uma luz.... Pra exemplificar melhor, o site é pra uma banda. Então na parte que conta a sobre a banda, cada integrante tem um gif dele tocando. A idéia é que quando clicar sobre o nome da pessoa ao lado do texto no aside abra esse gif. E isso pra cada integrante. Att. Joice
  19. ao clicar em um botão eu gostaria de exibir um confirm no site, mas eu gostaria de Mudar de "OK" Para "Home" e "Cancelar" para "Estoque". isso usando javascript puro, alguem pode me ajudar ? já agradeço de já. tem que usar algum plugin no site ou tem como fazer puro mesmo. se quiser deixar só um link com o tutorial eu já agradeço, porém não achei nenhum do jeito que eu quero no google.
  20. guzulino

    Sistema de busca ao mysql em tempo real

    Eu preciso criar um sistema de busca em tempo real vamos dizer assim, na realidade eu até consegui achar boa parte dele. <form onsubmit="return false;"> <input id="campo_cpu" type="text" name="nome_cpu" placeholder="Modelo do processador"> </form> <script src="auto-complete.js"></script> <script> var demo1 = new autoComplete({ selector: '#campo_cpu', minChars: 1, source: function(term, suggest){ term = term.toLowerCase(); var choices = ['ActionScript', 'AppleScript', 'Asp', 'Assembly', 'BASIC', 'Batch', 'C', 'C++', 'CSS', 'Clojure', 'COBOL', 'ColdFusion', 'Erlang', 'Fortran', 'Groovy', 'Haskell', 'HTML', 'Java', 'JavaScript', 'Lisp', 'Perl', 'PHP', 'PowerShell', 'Python', 'Ruby', 'Scala', 'Scheme', 'SQL', 'TeX', 'XML']; var suggestions = []; for (i=0;i<choices.length;i++) if (~choices[i].toLowerCase().indexOf(term)) suggestions.push(choices[i]); suggest(suggestions); } }); </script> Eu consegui esse código e ele funciona tranquilamente, mas isso é só um teste, o usuário vai digitar o que ele precisa e no banco de dados eu mais de 5000 registros, então eu preciso que seja feita uma consulta no banco de dados para que ele mostre o que tem lá, acho que colocar 5000 numa string é um #@?&#036;%~ trampo além de eu achar que vai dar caquinha, o problema é que eu não faço a mínima ideia de como fazer isso, eu acho que é tipo uma consulta no banco a cada caractére digitado mostrando somente os resultados compatíveis, mas como disse antes não tenho ideia, se alguém agradeço desde já. Valeu
  21. tiagosoliver

    Json serializado para menu dinâmico javascript

    Boa noite galera, Estou precisando a partir de um json serializado, criar um menu dinâmico, pelo javascript. O json e a estrutura do menu eu coloquei na imagem em anexo. Obrigado desde já.
  22. Sapinn

    Como imprimir outra pagina usando javascript

    Salve salve. Mas uma dúvida minha aqui É o seguinte tenho uma pagina que tem um texto de um usuario e eu gostaria de imprimir esta página usando javascript. Sei que usando o window.print() da pra imprimir o problema é que não fica organizado. Então eu gostaria de imprimir outra pagina na qual eu organizaria melhor o texto e outra informações do usuario para impressão. Alguém tem algum codigo ae que faça isso? Desde já agradeço.
  23. <b>Dias</b> <span id="dia"></span> - <b>Tempo</b> <span id="hora"></span>:<span id="minuto"></span>:<span id="segundo"></span> var data = 15; var target_date = new Date(`\n October ${data}, 2019`).getTime(); var dias, horas, minutos, segundos; var regressiva = document.getElementById("regressiva"); setInterval(function() { Timer(); }, 1000); function Timer() { var current_date = new Date().getTime(); var segundos_f = (target_date - current_date) / 1000; dias = parseInt(segundos_f / 86400); segundos_f = segundos_f % 86400; horas = parseInt(segundos_f / 3600); segundos_f = segundos_f % 3600; minutos = parseInt(segundos_f / 60); segundos = parseInt(segundos_f % 60); document.getElementById('dia').innerHTML = dias; document.getElementById('hora').innerHTML = horas < 10 ? `0${horas}` : `${horas}`; document.getElementById('minuto').innerHTML = minutos < 10 ? `0${minutos}` : `${minutos}`; document.getElementById('segundo').innerHTML = segundos < 10 ? `0${segundos}` : `${segundos}`; if(horas == 0 && minutos == 0 && segundos == 0) { data = data + 2; } }
  24. joicitias

    Textarea

    Olá, Estou aprendendo a programar ainda, e preciso fazer com que ao clicar em um botão o conteúdo selecionado de um select seja copiado para uma textarea.
  25. jiltonbarbosa@gmail.com

    crud dentro de uma modal, sem refresh

    Olá, Tem como fazer funcionar um crud completo dentro de uma modal, utilizando jquery, sem que o modal seja fechada a cada operação?
×

Informação importante

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