cisneiro
-
Posts
8 -
Cadastrado em
-
Última visita
Tipo de conteúdo
Artigos
Selos
Fabricantes
Livros
Cursos
Análises
Fórum
Tudo que cisneiro postou
-
CSS Minha tabela perde a borda na hora da impressão.
cisneiro postou um tópico em Web e banco de dados
Boa noite a todos. Galera estou tentando imprimir uma 'div' que contém uma tabela com bordas. Porém a tabela perde a borda na tela de impressão. tentei usar '@media print', porém sem sucesso. Criei uma função para imprimir a div, ela é chamada através do botão imprimir. <!DOCTYPE html> <html> <head> <title>Imprimir</title> <style type="text/css"> table{ border-collapse: collapse; } table td{ border: 1px solid black; } @media print{ table td{ border: 1px solid black; } } .pp{ width: 30px; } </style> </head> <body> <input type="button" onclick="cont('print');" value="Imprimir"> <div id="print"> <table> <th>nome</th> <th>email</th> <th>telefone</th> <th>P</th> <th>F</th> <th>FJ</th> <tr> <td>Allan da costa</td> <td>[email protected]</td> <td>(21)97339-1150</td> <td class="pp"></td> <td class="pp"></td> <td class="pp"></td> </tr> <tr> <td>Allan da costa</td> <td>[email protected]</td> <td>(21)97339-1150</td> <td></td> <td></td> <td></td> </tr> <tr> <td>Allan da costa</td> <td>[email protected]</td> <td>(21)97339-1150</td> <td></td> <td></td> <td></td> </tr> <tr> <td>Allan da costa</td> <td>[email protected]</td> <td>(21)97339-1150</td> <td></td> <td></td> <td></td> </tr> <tr> <td>Allan da costa</td> <td>[email protected]</td> <td>(21)97339-1150</td> <td></td> <td></td> <td></td> </tr> </table> </div> </body> </html> <script> function cont(div){ var conteudo = document.getElementById(div).innerHTML; tela_impressao = window.open('about:blank'); tela_impressao.document.write(conteudo); tela_impressao.window.print(); tela_impressao.window.close(); } </script> -
Javascript Select de cidades dinâmico , de acordo com o estado selecionado
cisneiro respondeu ao tópico de cisneiro em Web e banco de dados
@DiF eu até pensei nisso, porém os códigos php somente são lidos no carregamento da pagina, com o javaScript consigo alterar no evento onchange do select. E quanto a requisição AJAX, não sei o que é isso e o que faz. tentei dar uma lida aqui ,porém parece que isso já é de outro nível, sou iniciante ainda entende. Mas obrigado pela resposta. se puder dar uma breve explicação desse AJAX, de repente consigo entender. -
Javascript Select de cidades dinâmico , de acordo com o estado selecionado
cisneiro postou um tópico em Web e banco de dados
Pessoal ,preciso que o select das cidades tenha options de acordo com o estado escolhido. Consegui com o código abaixo,porém quando mudo o estado, as cidades anteriores se juntam com as cidades do estado atualmente selecionado. podem ajudar? <!DOCTYPE html> <html> <head> <title>estados</title> <meta charset="utf-8"> </head> <body onload="mods()"> Estado: <select id="estados" onchange ="rj.metodo1();sp.metodo1();mg.metodo1()"> <option></option> </select><br><br> Cidade: <select id="cidades"> <option></option> </select> </body> </html> <script type="text/javascript"> var estados = document.getElementById('estados') var cidades = document.getElementById('cidades') /*Método que cada objeto de estado chama quando selecionado no select 'estados'*/ var carregarSelects =function(){ if (estados.value == this.nome) { for (var i = 0; i < this.cidades.length; i++){ var item = document.createElement('option') item.text = this.cidades[i] cidades.appendChild(item) }}} </script> <!--Obejetos--> <script type="text/javascript"> var arrayEstados = ['Rio de Janeiro','São paulo','Minas Gerais'] var rj = { nome: 'Rio de Janeiro', cidades: ['Belford Roxo','São joão de meriti','Duque de Caxias'], metodo1: carregarSelects } var sp = { nome: 'São paulo', cidades: ['Diadema','Bauru','Suzano'], metodo1: carregarSelects } var mg = { nome: 'Minas Gerais', cidades: ['Belo Horizonte','Betim','Contagem'], metodo1: carregarSelects } function mods(){ var listaEstados = document.getElementById('estados') for (var i = 0; i < arrayEstados.length; i++) { var item = document.createElement('option') item.text = arrayEstados[i] listaEstados.appendChild(item) } } </script> -
Javascript clicar em botão de outra página via javascript
cisneiro postou um tópico em Web e banco de dados
pessoal preciso de uma função que redirecione para página 'https://doweb.rio.rj.gov.br' e depois simule um clique no botão que tem nela com id 'baixar-diario-completo'. tentei o código abaixo mais não funcionou. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button onclick="baixar()">baixar D.O.</button> <script type="text/javascript"> function baixar(){ window.location.href = 'https://doweb.rio.rj.gov.br' var dowload = document.getElementById('baixar-diario-completo') dowload.onclick() } </script> </body> </html> -
Javascript Como alterar valor o input ao digitar em outro?
cisneiro postou um tópico em Web e banco de dados
Boa noite galera, estou tentando fazer uma coisa simples que até sabia fazer, porém não está funcionando e não sei a causa. gostaria que o campo "statusAdd" alterasse o valor , conforme eu digitasse nos campos "quantidade" e "qm". tentei com onkeyup, porém só funciona na primeira vez, depois não muda mais o campo statusAdd. alguém pode me ajudar? <!DOCTYPE html> <html> <head> <script> var quantEstoque = document.getElementById("quantidade").value var quantidadeMinima = document.getElementById("qm").value function aviso(){ if(quantEstoque < quantidadeMinima){ document.getElementById("statusAdd").value = 'Quantidade crítica. Comprar mais!!' }else{ document.getElementById("statusAdd").value = 'Em estoque' } } </script> <title>teste</title> </head> <body> Material: <input type="text" name="material"><br><br> Quantidade: <input type="text" id="quantidadeAdd" onkeyup="aviso()"><br><br> Quantidade mínima em estoque: <input type="text" id="qmAdd" onkeyup="aviso()"><br><br> status: <input type="text" id="statusAdd"><br><br> </body> </html> -
HTML Modificar uma "div" através do CSS.
cisneiro respondeu ao tópico de cisneiro em Web e banco de dados
Galera primeiramente quero agradecer a todos que responderam. Na verdade eu que fiz confusão e fui desatento com o HTML e CSS, pois no CSS usamos os : antes do valor do atributo e no HTML é o sinal de igual. Muito obrigado galera, pois estava travado por conta deste pequeno detalhe. Cordialmente Allan Cisneiro. @XenoStory @DiF @Luís Roberto C. da Silva -
Boa tarde a todos do fórum, galera estou tentando criar meu primeiro site usando a IDE sublime text 2. Logo , tenho um arquivo HTML e outro CSS para estilizar a página. porém no CSS só consigo inserir os atributos na primeira "div"( id:wrep) do html, quando tento estilizar a seguda (id:"content") e terceira (id:"sidebar") "div", nada funciona quando atualizo a pagina no navegador. abaixo segue os códigos do arquivo HTML e o código do CSS. quem puder ajudar agradeço. aguardo atenciosamente a ajuda dos senhores, obrigado HTML <!doctype html> <html> <head> <title>Meu primeiro layout</title> <meta charset = "utf-8"/> <link rel="stylesheet" type="text/css" href="estilo.css"/> </head> <body> <div id="wrap"> <header> <h1>Nome do site</h1> <nav> <ul> <li><a href="">Menu 1</a></li> <li><a href="">Menu 2</a></li> <li><a href="">Menu 3</a></li> <li><a href="">Menu 4</a></li> <li><a href="">Menu 5</a></li> </ul> </nav> </header> <div id:"content"> <section> <h2>Título da seção</h2> <p>Conteúdo da seção</p> </section> <article> <h2>Título do artigo</h2> <p>Conteúdo do artigo</p> </article> </div> <div id:"sidebar"> <aside> <ul> <li><a href="">Submenu 1</a></li> <li><a href="">Submenu 2</a></li> <li><a href="">Submenu 3</a></li> <li><a href="">Submenu 4</a></li> <li><a href="">Submenu 5</a></li> </ul> </aside> </div> <footer> rodapé do site </footer> </div> </body> </html> CSS body{ font-family: helvetica, sans-serif; } #wrap{ width: 960px; margin: auto; background: #e3e3e3; padding: 10px 20px; overflow: hidden; } header nav ul{ list-style: none; padding-left: 0; } header nav ul li{ display: inline-block; margin-right: 10px; } header nav ul li a{ font-size: 20px; color: #ff6600; text-decoration: none; } header nav ul li a:hover{ text-decoration: underline; } #content{ float: right; width: 660px; background: blue; } #sidebar{ float: right; width: 300px; background: blue; }
Sobre o Clube do Hardware
No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais
Direitos autorais
Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais
