washalbano
-
Posts
175 -
Cadastrado em
-
Última visita
Tópicos solucionados
-
O post de washalbano em Warning: Undefined array key foi marcado como solução
Olá! percebi que você tem forms dentro de outro form.
Remova eles pra ver:
Testei aqui.
Funcionou:
-
O post de washalbano em Calcular valores em html php foi marcado como solução
Olá! Não vi nada de php aí.
Veja se era +- isso que pretendias:
html
<label for="quantidade">Quantidade</label> <input type="number" step='1' min='0' name="quantidade" id="quantidade" value='0'> <label for="valorunit">Valor Unitário</label> <input type="number" step='.1' min='0' name="valorunit" id="valorunit" value='0'/> <label for="desconto">Desconto</label> <input type="number" step='.1' min='0' name="desconto" id="desconto" value='0'/> <label for="valorserv">Valor</label> <input type="text" id="resultado" readonly="readonly"> js
function calcular() { const quantidade = parseInt(document.getElementById("quantidade").value); const valorunit = parseFloat(document.getElementById("valorunit").value); const desconto = parseFloat(document.getElementById("desconto").value); document.getElementById("resultado").value = ( quantidade * valorunit - desconto ).toLocaleString("pt-br", { style: "currency", currency: "BRL" }); } const inputIds = ["quantidade", "valorunit", "desconto"]; for (const id of inputIds) { document.getElementById(id).addEventListener("input", calcular); }
https://codepen.io/washalbano/pen/zYLMbQo
-
O post de washalbano em la a todos, estou a duas semanas com erro esse seguinte erro: Uncaught TypeErro foi marcado como solução
A id correta seria textano
-
O post de washalbano em Como programar um button para mudar o background-color da pagina em javascrip ? foi marcado como solução
Sugestão
const body = document.querySelector('body') // set colors const colors = [ 'red', 'green', 'blue', 'gold', 'firebrick', 'olive', 'cyan', 'magenta', 'yellow', 'navy' ] // set initial color let colorIndex = 0 function changeColor() { body.style.backgroundColor = colors[colorIndex] // next index colorIndex++ // if index is equal array.length, then get back to zero colorIndex = colorIndex === colors.length ? 0 : colorIndex }
-
O post de washalbano em Como programar um button para mudar o background-color da pagina em javascrip ? foi marcado como solução
Sugestão
const body = document.querySelector('body') // set colors const colors = [ 'red', 'green', 'blue', 'gold', 'firebrick', 'olive', 'cyan', 'magenta', 'yellow', 'navy' ] // set initial color let colorIndex = 0 function changeColor() { body.style.backgroundColor = colors[colorIndex] // next index colorIndex++ // if index is equal array.length, then get back to zero colorIndex = colorIndex === colors.length ? 0 : colorIndex }
-
O post de washalbano em sub menu hover com css? foi marcado como solução
Olá!
Segue sugestão:
navbar.zip
-
O post de washalbano em Código dando erro de sintaxe foi marcado como solução
Olá!
Para iniciar, esss open parenthesis estão sobrando, remova e teste novamente.
-
O post de washalbano em Menu CSS não quer carregar imagem foi marcado como solução
Olá!
Certifique-se de que a pastinha img está no mesmo lugar que o seu arquivo .css
-
O post de washalbano em Alterar JavaScript para adicionar mais botões e modais foi marcado como solução
Olá!
Há muitas formas possível de se resolver (se é que eu entendi)
Não "pegue" o botão pela id.
É possível, por exemplo definir um role (papel) para os elementos html.
Veja se consegues entender esta sugestão:
HTML
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Modals</title> <link rel="stylesheet" href="assets/css/style.css"> </head> <body> <button id="trigger" role="modal-open" data-modal="body-1">Abrir 1</button> <button role="modal-open" data-modal="body-2">Abrir 2</button> <button role="modal-open" data-modal="body-3">Abrir 3</button> <button role="modal-open" data-modal="body-4">Abrir 4</button> <div id="cover"></div> <div id="dialog" role="dialog" aria-labelledby="title" aria-describedby="description" class="fadeIn animated"> <button id="close" aria-label="close">×</button> <div id="modal-body"></div> </div> <template id="modal-body-1"> <h2 id="title">Título</h2> <p id="description">Informação</p> </template> <template id="modal-body-2"> <h2>Título 2</h2> <p>Informação 2</p> </template> <template id="modal-body-3"> <h2>Título 3</h2> <p>Informação 3</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi ducimus earum eos impedit laudantium nisi nobis odit sapiente similique? Assumenda consequatur ipsum maiores pariatur praesentium rerum saepe sapiente voluptatem.</p> </template> <template id="modal-body-4"> <h2>Título 4</h2> <p>Informação 4</p> </template> <script src="assets/js/app.js"></script> </body> </html> JS
var trigger = document.getElementById('trigger'); var dialog = document.getElementById('dialog'); var close = document.getElementById('close'); // define o corpo da modal let modalBody = document.getElementById('modal-body'); // percorre o html e guarda todos os elementos com role=modal-open na variável modalOpeners let modalOpeners = document.querySelectorAll('[role="modal-open"]'); // percorre modalOpeners e adiciona um listen para cada elemento econtrado for (let element of modalOpeners) { element.addEventListener('click', function (e) { e.preventDefault() // coloca o conteúdo do referido modalOpener na modal modalBody.innerHTML = document.getElementById('modal-' + this.dataset.modal).innerHTML openDialog(); }); } function openDialog() { dialog.setAttribute('open', ''); close.focus(); close.addEventListener('keydown', function (e) { if (e.keyCode == 9) { e.preventDefault(); } }); document.getElementById('cover').style.display = 'block'; document.addEventListener('keydown', addESC); } function closeDialog() { dialog.removeAttribute('open'); trigger.focus(); document.getElementById('cover').style.display = 'none'; document.removeEventListener('keydown', addESC); } var addESC = function (e) { if (e.keyCode == 27) { closeDialog(); } }; trigger.addEventListener('click', function () { openDialog(); }); close.addEventListener('click', function () { closeDialog(); }); Pra ficar mais rápido e prático zipei o conteúdo no arquivo que segue em anexo.
modais.zip
-
O post de washalbano em como esconder as barras de rolagem do iframe? foi marcado como solução
Olá!
Tente com overflow:hidden
-
O post de washalbano em Div que cresce em diferentes partes. foi marcado como solução
https://codepen.io/washalbano/pen/vYKGppZ
não percebi que deveria ser animado
-
O post de washalbano em Div que cresce em diferentes partes. foi marcado como solução
https://codepen.io/washalbano/pen/vYKGppZ
não percebi que deveria ser animado
-
O post de washalbano em Primeiro nome do Campo foi marcado como solução
Olá!
Ao explodir uma string, guarde o valor numa variável:
$suaVariavel = explode(' ', $suaString);
Assim, $suaVariável vai ser um array, e você vai poder usar cada "pedaço resultante da explosão" assim:
$suaVariavel[0]; // o primeiro pedaço $suaVariavel[1]; // o segundo pedaço $suaVariavel[2]; // o terçeiro pedaço
Logo:
$res2->bindvalue(":usuario", $suaVariavel[0]);
-
O post de washalbano em Formatar a visualização (PHP, MySQL e HTML) foi marcado como solução
Olá!
O sr. pode formatar os dados no momento da consulta sql
exs.:
date_format(created_at, "%d/%m/%Y") as date if(status = 0, 'reprovado', 'aprovado') as status
Ou pelo php:
<?php $data = explode('-', $data); $data = implode('/', array_reverse($data)); $status = $status==0 ? 'reprovado' : 'aprovado';
-
O post de washalbano em (javascript) OCULTAR e EXIBIR elemento! foi marcado como solução
Olá!
Segue sugestão:
coloque no final do seu javascript:
$(document).ready(function(){ verificaSelect(document.getElementById('AndamentoSelect')); }); Assim, quando a página for atualizada, o select será verificado
-
O post de washalbano em imagem modal cada um com sua div foi marcado como solução
Olá!
No lugar de this.src, coloque o endereço da outra imagem(a imagem que deve aparecer na modal).
-
O post de washalbano em Editando menu superior com CSS foi marcado como solução
Olá!
O que acontece é que a largura de 150px é insuficiente para que caibam as duas palavras, lado a lado.
Troque aquele width por min-width
-
O post de washalbano em Formulario PHP não vai pro banco foi marcado como solução
Olá!
Como não tenho o .sql pra testar, teste aí:
<?php // ativa a exibição de erros error_reporting(E_ALL); // conecte-se ao banco de dados uma única vez: // variáveis para conexão em localhost $host = 'localhost'; // define o host do banco de dados $user = 'root'; // user do banco de dados $password = ''; // usbw = senha do seu banco de dados $database = 'system'; // lolja = nome do seu banco de dados // estabelecer conexão com o mysql e guarda o resource em $sqli $sqli = new mysqli($host, $user, $password); // verificar se houve erro na conexão if ($sqli->connect_error) { // se houve erro, mostra erro na tela echo "<p>Erro ao Conectar: $sqli->connect_error</p>"; } // alterar o tipo de codificação da conexão com o banco de dados, para utf8 if (!$sqli->set_charset('utf8')) { echo "<p class='error'>O charset não é utf8: $sqli->error</p>"; } // selecionar/abrir o banco de dados para trabalhar if (!$sqli->select_db($database)) { // se o banco de dados não for encontrado echo "<p class='error'>Banco de dados não encontrado, chefe!</p>"; } // verificar se algo foi postado if (sizeof($_POST)) { // tratar os dados recebidos do formulário $nomeproduto = $sqli->real_escape_string($_POST['pname']); $descricao = $sqli->real_escape_string($_POST['psw']); $preco = $sqli->real_escape_string($_POST['value']); $cat = $sqli->real_escape_string($_POST['categoria']); // montar a query de inserção $query = 'INSERT INTO produto (nm_produto, ds_produto, vl_preco, id_categoria) VALUES' . "('$nomeproduto', '$nomeproduto','$preco',$cat)"; // valores numéricos não precisam de aspas // executar a query de inserção $sqli->query($query); // verificar se houve alguma falha na execução da query if ($sqli->error) { // define mensagem de erro die('Falha durante a inserção, chefe!<br> ' . $query . '<br>' . $sqli->error); // se não houver falha alguma } else { // define mensagem de sucesso echo('<p>Inserção efetuada com sucesso, chefe!</p>' . $query); } echo $nomeproduto; echo $descricao; echo $preco; echo $cat; } ?> <form method="post"> <input type="text" placeholder="Produto" name="pname" required> <input type="text" placeholder="Descrição(Opcional)" name="psw"> <input type="number" placeholder="Preço" name="value" required> <select name="categoria"> <?php // define a query de busca $query = "SELECT * from categoria"; // executa a query de busca e guarda o resultado em $result $result = $sqli->query($query); if ($result->num_rows > 0) { // output data of each row while ($row = $result->fetch_assoc()) { echo " < option value = " . $row['cd_categoria'] . " > " . $row['nm_categoria'] . " </option > "; } } else { echo "<option value='0'> 0 results </option > "; } ?> </select> <input type="submit" value="Anunciar"> </form> Se aparecer alguma mensagem de erro, diga qual é.
-
O post de washalbano em Sistema de paginação não está funcionando foi marcado como solução
Olá!
No trecho de script que cria a paginação,
assim: <a href="?paginaAtual=*"> // O asterisco significa qualquer coisa
Você precisa avisar que quer paginar a página ultimasnoticias
então tente assim:
<a href="?p=ultimasnoticias&paginaAtual=*">
-
O post de washalbano em Qual o nome do metodo usado para exibir um conteudo diferente sempre que o usuar foi marcado como solução
olá!
tente assim:
select colunas from tabela order by rand() limit 4
-
O post de washalbano em Obter ID dinâmico usando JQuery foi marcado como solução
Olá!
Você pode usar no input:button uma propriedade do tipo data-*, com valor igual a id do input:text veja:
<input type='text' id='op1' value='dado1'> <input type='button' id='btn1' data-input='op1' value='Enviar'> Use assim, no jquery:
$('input[type="button"]').click(function(){ alert($('input#'+$(this).data('input')).val()); }); Mas se forem elementos imediatamente adjacentes, não precisa do atributo data-*
Pode ser feito assim:
$('input[type="button"]').click(function(){ alert($(this).prev().val()); });
-
O post de washalbano em Como abrir um arquivo .php que está em um subdiretorio? foi marcado como solução
Olá!
Aparentemente, o sr. vai precisar trocar o 'page_' por 'posts/'
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