Pesquisar na Comunidade

Olá pessoal. Direto ao ponto. Abaixo temos EX1 e EX2. Como faço para que EX1 imprima o mesmo resultado que EX2. Obrigado ! EX1 <?php for($i=1; $i <=14; $i++): if($i>0 && $i<=3 ){ $exibe = 'aaa'; } elseif($i>3 && $i<=7){ $exibe = 'bbb'; } elseif($i>7 && $i<=9){ $exibe = 'ccc'; } elseif($i>9 && $i<=14){ $exibe = 'ddd'; } ?> <?php echo $exibe.'<br>'?> <?php endfor;?> ... EX2 aaa-1 aaa-2 aaa-3 bbb-1 bbb-2 bbb-3 bbb-4 ccc-1 ccc-2 ddd-1 ddd-2 ddd-3 ddd-4 ddd-5

Olá pessoal. Direto ao ponto. Como faço para colocar required nos três itens? Isso mesmo, permitir o envio somente se os três itens estiverem selecionado? <form action="pagina1.php"> <select name="teste" id="idSelect" multiple="multiple" size="3" required > <option value="item1">item1</option> <option value="item2">item2</option> <option value="item3">item3</option> </select> <input type="submit" value="Enviar"> </form>

Olá pessoal. Direto ao ponto. O código abaixo lista todos os dados que estão na tab_aprendiz. Como faço para imprimir uma cor especifica, tipo blue ou green ou qualquer outra cor? Obrigado! tab_aprendiz CORES brow blue yellow green red ... <?php $sql = mysqli_query($con, "SELECT * FROM tab_aprendiz "); while($linha=mysqli_fetch_array($sql)){ $cores = $linha['cores']; echo $linha['cores'].'<br>'; } ?>

Olá pessoal. Direto ao ponto. O código abaixo retorna 10 registros que estão na tab_aprendiz. Até aqui tudo OK. Na linha ANO, como faço para retornar somente os dados que não estão duplicados ? tab_aprendiz ID ANO NOME 1 2021 joao 2 2018 joao 3 2021 joao 4 2017 joao 5 2021 joao 6 2014 pedro 7 2013 pedro 8 2021 pedro 9 2011 pedro 10 2010 pedro <?php //$sql = mysqli_query($con, "SELECT DISTINCT id,ano FROM tab_aprendiz GROUP BY ano HAVING count(ano)>1 "); $sql = mysqli_query($con, "SELECT * FROM tab_aprendiz "); $dados = mysqli_num_rows($sql); echo "tem $dados registros";// tem 10 registros ?> <?php /* while($linha=mysqli_fetch_array($sql)){ $id = $linha['id']; $ano = $linha['ano']; echo $id.'-'.$ano.'<br>'; } */ ?>

Olá pessoal. Direto ao ponto. A linha ANO retorna este resultado 2021-2018-2021-2017-2021 Gostaria que a linha ANO removesse os dados duplicado e retornasse este resultado 2021-2018-2017 tab_aprendiz ID ANO NOME 1 2021 joao 2 2018 joao 3 2021 joao 4 2017 joao 5 2021 joao <?php $sql = mysqli_query($con, "SELECT * FROM tab_aprendiz "); while($linha=mysqli_fetch_array($sql)){ $ano = $linha['ano']; echo $ano.'<br>'; } ?>

Olá pessoal. Direto ao ponto. Gostaria que ao clicar no botão selecionar, todos os items do select ficassem selecionados. <select name="CARROS_e_CORES" id="id_select" size="6" multiple > <option value="fiat" >fiat</option> <option value="corsa" >corsa</option> <option value="palio" >palio</option> <option value="blue" >blue</option> <option value="green" >green</option> <option value="white" >white</option> </select> <hr> <button onclick="selecionar()">selecionar</button> <script> function selecionar(){ var x = document.getElementById('id_select'); } </script>

Olá pessoal. Direto ao ponto. O código abaixo retorna todos os items. Gostaria que retornasse somente os itens que forem selecionados. <form> <select id="id_select" multiple size="9" required> <option>item_1</option> <option>item_2</option> <option>item_3</option> <option>item_4</option> <option>item_5</option> </select> </form> <button onclick="aprendiz()">click</button> <p id="id_p"></p> <script> function aprendiz() { var x = document.getElementById("id_select"); var txt = ""; var i; for (i = 0; i < x.length; i++) { txt = txt + x.options[i].text + "<br>"; } document.getElementById("id_p").innerHTML = txt; } </script>

Olá pessoal. Direto ao ponto. Abaixo temos uma function. Note que ao clicar no link seu valor mostra e esconde. Até aqui tudo ok. Estou tentando fazer o seguinte: Quando o link for pressionado, quero imprimir em php o valor de a Nota: Não é para criar button é para clicar no link mesmo. Obrigado ! <!--<button onClick="func_1()" >botao</button>--> <a href="link1.php" onClick="func_1()">link1 </a> <br> <br> <p id="tete1"></p> <script> function func_1() { var a = 300; var teste = document.getElementById('tete1'); teste.innerHTML = a; } document.getElementById('tete1').innerHTML = a; </script>

Olá pessoal. Direto ao ponto. Nesta URL temos dois input type="radio" e alguns links. Gostaria que ao clicar em um link qualquer o input type=""radio que marquei continuasse marcado . Segue o código que está na URL . Obrigado ! <style> .box1{ margin-bottom:10px; } .tete_label{ cursor:pointer; } .box2{ display:none; } input:checked ~ .box2{ display:block; } </style> <div class="box1"> <input type="radio" name="item" id="1" /> <label for="1" class="tete_label" >Cores</label> <div class="box2"> <a href="19_5a.php">verde</a><br> <a href="19_5b.php">azul</a><br> <a href="19_5c.php">violeta</a><br> </div> </div> <!-- ------------------------------------------------ --> <div class="box1"> <input type="radio" name="item" id="2" /> <label for="2" class="tete_label" >Carros</label> <div class="box2"> <a href="19_6a.php">fiat</a><br> <a href="19_6b.php">palio</a><br> <a href="19_6c.php">corsa</a><br> </div> </div> ... <script> var teste1 = document.getElementById('1').checked=true; function func_1(){ } </script>

Olá pessoal. Direto ao ponto. Nesta URL gostaria que ao clicar em um link qualquer memorizasse a posição final do scroll ou seja impedisse scroll de voltar para topo . Segue abaixo o código que esta na URL <style> .lateral{width:160px; height:98%; overflow: auto; position:fixed; top:0; float:left;background:#C1C1C1;} .direita{max-width:300px; background-color:#EBEBEB; float:left; margin-left:200px; } .b1{margin-top:500px; margin-bottom:500px; display:block;} </style> ... <div class="lateral"> <b class="b1">...</b> <a href="zzz4_memorizar-posicao-final-do-scroll-ao-carregar-a-pagina1.php" >pagina1</a> <b class="b1">... </b> <a href="zzz4_memorizar-posicao-final-do-scroll-ao-carregar-a-pagina2.php" >pagina2</a> <b class="b1">...</b> </div> <div class="direita"> voce estar na pagina 1 </div> <!--------------------------------------------------> <div class="lateral"> <b class="b1">...</b> <a href="zzz4_memorizar-posicao-final-do-scroll-ao-carregar-a-pagina1.php" >pagina1</a> <b class="b1">... </b> <a href="zzz4_memorizar-posicao-final-do-scroll-ao-carregar-a-pagina2.php" >pagina2</a> <b class="b1">...</b> </div> <div class="direita"> voce estar na pagina 2 </div> ... let sidebar = document.querySelector(".lateral"); //var sidebar = document.querySelector(".lateral").scrollTop; let top = localStorage.getItem("sidebar-scroll"); if (top !== null) { sidebar.scrollTop = parseInt(top, 10); //sidebar = parseInt(top, 10); } // beforeunload onbeforeload window.addEventListener("beforeunload", () => { localStorage.setItem("sidebar-scroll", sidebar.scrollTop); //localStorage.setItem("sidebar-scroll", sidebar); });

Olá pessoal. Direto ao ponto. Ao clicar no link o valor 200 aparece e some. Gostaria que aparecesse e permanecesse. Quero muito resolver a tarefa abaixo somente com javascript sem php . <a href="pagina1.php" onClick="func_1()">link</a><br><br> <p id="p1"></p> <script> function func_1(){ var x = 200; document.getElementById('p1').innerHTML = x; } </script>

Olá pessoal . Direto ao ponto. Abaixo temos EX1 e EX2. Ex1 mesmo atualizando a página(f5) o valor green permanece. Ex2 também gostaria que mesmo atualizando a página(f5) o valor fiat permanecesse. Lembrando que Ex2 tem uma função e um botão. Obrigado ! EX1 localStorage.setItem('color', 'green'); var tete = localStorage.getItem('color'); console.log(tete); //============================================= EX2 <button onclick="func_1()">botão</button> function func_1(){ localStorage.setItem('carro', 'fiat'); var tete = localStorage.getItem('carro'); console.log(tete); //document.onchange=tete; }

Olá pessoal. Direto ao ponto. Quero clicar em um link qualquer e exibir seu conteúdo sem refresh na página. <div id="box"> <a href="pagina1.php">pagina 1 </a><br> <br> <a href="pagina2.php">pagina 2 </a><br> <br> </div> <div id="conteudo"> conteudo da pagina 1 </div> ========================== esta á a pagina2.php <div id="box"> <a href="pagina1.php">pagina 1 </a><br> <br> <a href="pagina2.php">pagina 2 </a><br> <br> </div> <div id="conteudo"> conteudo da pagina 2 </div>

Olá pessoal. Quero fazer o seguinte:

Olá pessoal. Direto ao ponto. Abaixo temos func_1 e func_2. Ao clicar no botao2, gostaria que func_2 pegasse o resultado da func_1 <p id="tete1"></p> <p id="tete2"></p> <button onclick="func_1()">botao1</button><br> <button onclick="func_2()">botao2</button> <script> function func_1() { var a = 900; document.getElementById ("tete1").innerHTML = "func_1 = " + a + "px"; } //============================================= function func_2() { var b = 200; document.getElementById ("tete2").innerHTML = "func_2 = " + b + "px"; } </script>

Olá pessoal. Direto ao ponto. Abaixo temos um accordion com três paginas. pg_inicial.php - pg_1.php - pg_2.php . De inicio accordion 1 e accordion 2 está com seu conteúdo oculto. Suponha que cliquei no accordion 1. Vai exibe normalmente a divConteudo com seu link pg_1.php ; até aqui tudo ok . O problema é que após o clique no link pg_1 a divConteudo volta a ficar oculta . Gostaria que a divConteudo não ficasse oculta quando o link pg_1.php for clicado esta é a pg_inicial.php <style> .accordion { background-color: #ccc; color: #000; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size:17px; margin-bottom:1px; } .divConteudo { display:none; padding: 0 18px; background-color: white; } </style> <h2>Accordion</h2> <button class="accordion">accordion 1</button> <div class="divConteudo"> <a href="pg_1.php">pg_1</a> </div> <button class="accordion">accordion 2</button> <div class="divConteudo"> <a href="pg_2.php">pg_2</a> </div> <script> var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { var panel = this.nextElementSibling; if (panel.style.display === "block") { panel.style.display = "none"; } else { panel.style.display = "block"; } }); } </script> ... esta é a pg_1.php <?php include "pagina_inicial.php"; ?> este é o conteudo da pg_1.php ... esta é a pg_2.php <?php include "pagina_inicial.php"; ?> este é o conteudo da pg_2.php

Olá pessoal. Abaixo temos dois submit. gostaria que ao pressionar item1 pegasse form pegou_pagina_2.php ou ao pressionar Enviar pegasse form pegou_pagina_1.php <?php if (isset($_POST['valor']) ){ $valor = $_POST['valor']; } ?> <?php $a=1; $b=2; ?> <?php if($a==1){?> <form action="pegou_pagina_1.php" method="post" > <?php }?> <?php if($b==2){?> <form action="pegou_pagina_2.php" method="post" > <?php }?> <select name="valor" size='2' onChange="this.form.submit()"> <option value="" selected ></option> <option value="item1" >item1</option> </select> <br> <input type="submit" name="aprendiz" value="Enviar" /> </form>

Olá pessoal. Direto ao ponto. De inicio a categoria CORES está checked e a categoria CARROS nãoGostaria que ao clicar na categoria CARROS e em seguida exibir código fonte da página mostrasse que a palavra checked agora está na categoria CARROS e não mais na categoria CORES, assim <input type="radio" name="item" id="1" hidden /> <label for="1">CORES</label> <input type="radio" name="item" id="2" hidden checked="checked" /> <label for="2">CARROS</label> ... <style> .principal{ margin-bottom:30px; } label{ cursor:pointer; font-size:20px; display:block; padding:6px 2px 6px 8px; background-color:#B9D1E8; } .conteudo{ display:none; } input:checked ~ .conteudo{ display:block; padding:0px 4px; background-color:yellow; } </style> .... <?php echo checked="checked"; ?> <div class="principal"> <input type="radio" name="item" id="1" hidden checked="checked" /> <label for="1">CORES</label> <div class="conteudo"> ... </div> </div> <div class="principal"> <input type="radio" name="item" id="2" hidden /> <label for="2">CARROS</label> <div class="conteudo"> ... </div> </div>

Olá pessoal. Direto ao ponto. Pessoal porque o BD mysql não aceita nenhum texto que esteja entre aspas simples, tipo assim -> ' um texto qualquer aqui ' . Quando pressiono Cadastrar o BD mysql não deixa passar nada , nem aspas simples ' ' nem o texto. Gostaria de cadastrar os dois, aspas simples ' ' e o texto. Alguém tem idéia de como fazer BD mysql aceitar texto dentro de aspas simples ' ' ? <?php $obs = $_POST['obs'] $sql = mysqli_query($con, "INSERT INTO tab_aprendiz(obs) VALUES( '".$obs."' )"); ?> ... <textarea name="obs" maxlength="500" ></textarea>

Olá pessoal. Direto ao ponto. Pessoal cadastro normalmente textarea com aspas dupla "" no BD mySQL. Agora textarea com aspas simples não consigo cadastrar. Gostaria de cadastrar também no BD mysql textarea com aspas simples ' ' . Pessoal como resolver esta tarefa. assim cadastra normalmente no BD mySLQ <textarea name="obs" maxlength="500" ></textarea> assim NÃO cadastra <textarea name='obs' maxlength='500' ></textarea>

Olá pessoal. Direto ao ponto. De inicio a categoria CORES está checked e a categoria CARROS não Gostaria que ao clicar na categoria CARROS e em seguida exibir código fonte da página mostrasse que a palavra checked agora está na categoria CARROS e não mais na categoria CORES, assim <input type="radio" name="item" id="1" hidden /> <label for="1">CORES</label> <input type="radio" name="item" id="2" hidden checked="checked" /> <label for="2">CARROS</label> ... <style> .principal{ margin-bottom:30px; } label{ cursor:pointer; font-size:20px; display:block; padding:6px 2px 6px 8px; background-color:#B9D1E8; } .conteudo{ display:none; } input:checked ~ .conteudo{ display:block; padding:0px 4px; background-color:yellow; } </style> ... <div class="principal"> <input type="radio" name="item" id="1" hidden checked="checked" /> <label for="1">CORES</label> <div class="conteudo"> ... </div> </div> <div class="principal"> <input type="radio" name="item" id="2" hidden /> <label for="2">CARROS</label> <div class="conteudo"> ... </div> </div>

Olá pessoal. Direto ao ponto. Dreamweaver cs4 não tem propiedades css3 e flexbox . Como adicionar propiedades css3 e flexbox no dreamweaver cs4. Obrigado!

Olá pessoal. Direto ao ponto. Abaixo temos div_1, div_2 e div_conteudo. div_1 está fixa. Ao rolar a página, gostaria que div_2 ficasse sempre abaixo da div_1 ; lembrando que div_1 pode ter height de várias dimensões. Peque o código do jeito que está e teste no seu editor. Obrigado amigo. <style> * {margin:0; padding:0;} .div_1 { position: sticky; position: -webkit-sticky; top:0; left:0;right:0; z-index:1; font-size:25px; background-color:#c1c1c1; margin-bottom:4px; height:200px; } .div_2 { font-size:25px; background-color:#acacac; position: sticky; position: -webkit-sticky; top:0; left:0;right:0; z-index:2; } .div_conteudo{ padding-bottom:2000px; background-color:#d1d1d1; } </style> </head> <body> <div class="div_1"> div_1 </div> <div class="div_conteudo"> <div class="div_2">div_2 div_2 div_2 div_2 div_2 div_2 div_2 div_2 div_2 div_2 </div> div_conteudo<br />div_conteudo<br /> div_conteudo<br />div_conteudo<br /> div_conteudo<br />div_conteudo<br /> </div> </body> </html>

Olá pessoal. Direto ao ponto. Abaixo temos div_1 e div_2 . Note que div_1 tem position:fixed; Gostaria que div_2 ficasse sempre abaixo da div_1, independentemente de quanto texto tenha a div_1 <style> *{ margin:0; padding:0;} body{text-align:center;} .div_1{ width:100%; background:#7F9F55; position:fixed; z-index:0; } .div_2{ background-color:#D6D6D6; max-width:800px; margin: auto; position: relative; z-index:1; } </style> ... <div class="div_1"> div_1 <br /> div_1 <br /> div_1 <br /> div_1 <br /> div_1 <br /> </div> <div class="div_2"> div_2 <br /> </div>

Olá pessoal. Direto ao ponto. Pessoal inicialmente o código abaixo exibe na tela as imagens com tamanho fixo inicial width: 240px e height:200px. Ao passo que a tela vai diminuindo as imagens vão sendo redimensionada proporcionalmente; até aqui tudo ok. O problema é que quando as imagens vão diminuindo o height não diminui a partir de 200px e sim começa a diminuir à partir de 120px aproximadamente. Gostaria que o height começasse a diminuir à partir de 200px e não a partir de 120px. Como resolver este problema pessoal? <style> *{margin:0; padding:0;} #principal{ display: flex; max-width:830px; margin: auto; background-color:#D41FFF; } .conteudo{ display: flex; flex-wrap:wrap; margin:4px 2%; background-color:#D6D6D6; text-align:center; } .aprendiz{ margin-left:2.4444%; margin-bottom:20px; background:white; padding:4px 0px; } .imgRR{ width:240px; height:200px; } @media screen and (max-width:878px ){ .aprendiz{width:30.2%; background:red; margin-left:2.5555%; padding:4px 0px; } .imgRR{width:100%; height:auto; } } </style> ... <div id="principal"> <div class="conteudo"> <div class="aprendiz"><img src="imagem01.png" class="imgRR" width="240" height="200" /></div> <div class="aprendiz"><img src="imagem01.png" class="imgRR" width="240" height="200" /></div> <div class="aprendiz"><img src="imagem01.png" class="imgRR" width="240" height="200" /></div> <div class="aprendiz"><img src="imagem01.png" class="imgRR" width="240" height="200" /></div> <div class="aprendiz"><img src="imagem01.png" class="imgRR" width="240" height="200" /></div> <div class="aprendiz"><img src="imagem01.png" class="imgRR" width="240" height="200" /></div> </div> </div>