Biel.

Olá pessoal. O código abaixo não está funcionando, mas está perto. Quero muito mover os itens do select pra cima e pra baixo com ajuda da seta. <style> .principal { max-width: 300px; width: 100%; margin: auto; display: flex; flex-wrap: wrap; align-items: center; border: 2px solid blue; } .boxCarros { flex: 2; margin-right: 10px; margin-bottom: 10px; background-color: transparent; border: 4px solid orange; } .class1 { cursor: default; font-size: 20px; } .class1:hover { border: 0px solid #c1c1c1; } .class1:active { border: 0px solid #c1c1c1; } .boxSeta { /* margin:0 auto; */ flex: 0.5; font-size: 30px; text-align: center; padding: 4px; /* border: 4px solid orange; */ } .seta { max-width: 60px; margin: auto; margin-bottom: 4px; background-color: #cfcfcf; display: block; cursor: default; } .seta:hover { background: #000; color: #fff; cursor: default; } </style> ... <div class="principal"> <div class="boxCarros"> <select name="" id="carros" class="" size="4" > <option value="gol" class="class1">gol</option> <option value="fiat" class="class1">fiat</option> <option value="palio" class="class1">palio</option> <option value="corsa" class="class1">corsa</option> </select> </div> <div class="boxSeta"> <div id="id1" class="seta">⇧ </div> <div id="id2" class="seta">⇩ </div> </div> </div> ... <script> let indexSelected; let elementSelected; let boxCarros = document.querySelector(".boxCarros"); let arrowUp = document.querySelector("#id1"); let arrowDown = document.querySelector("#id2"); function setaPraCima() { let x = document.querySelectorAll(".class1"); indexSelected = returnPositionIndex(indexSelected - 1); boxCarros.insertBefore(elementSelected, x[indexSelected]); } function setaPraBaixo() { let y = document.querySelectorAll(".class1"); indexSelected = returnPositionIndex(indexSelected + 1); boxCarros.insertBefore(elementSelected, y[indexSelected].nextSibling); } function returnPositionIndex(index) { let min = 0, max = 3; if (index <= min) { return min; } if (index >= max) { return max; } if (index > min || index < max) { return index; } } function selectItem(refItem) { } boxCarros.addEventListener("click", selectItem); arrowUp.addEventListener("click", setaPraCima); arrowDown.addEventListener("click", setaPraBaixo); </script>

Olá pessoal. O banner abaixo está funcionando e as imagens são exibidas uma por vez na ordem Ascendente. Como fazer com que as imagens sejam exibidas aleatoriamente ? <style> .aprendiz {text-align: center;} .bannerSize {width:189px; height:60px; } .bannerSize:not([active=true]) {display:none; } </style> <div class="aprendiz"> <img src="banner1.png" class="bannerSize"> <img src="banner2.png" class="bannerSize"> <img src="banner3.png" class="bannerSize"> <img src="banner4.png" class="bannerSize"> <img src="banner5.png" class="bannerSize"> <img src="banner6.png" class="bannerSize"> </div> <script> // Math.floor(Math.random() // Math.floor(Math.random() // shuffle function showSlides(containerId, intervalTime) { let elementSlider = document.querySelector(containerId); let intervalRef = setInterval('setActiveSlide("'+ containerId +'")', intervalTime); enableSlideMouseEvents(containerId, elementSlider, intervalRef, intervalTime); } function setActiveSlide(container) { let images = document.querySelectorAll(`${container} img`); let removeActiveAttribute = () => { images.forEach(image => image.removeAttribute("active")); }; let toggleSlide = (indexImageToActive) => { removeActiveAttribute(); images[indexImageToActive].setAttribute("active", true); }; let indexActive = Array.from(images).findIndex((image, index) => { return image.getAttribute("active") === "true"; }); if(indexActive == images.length - 1){ toggleSlide(0); } else { toggleSlide(indexActive+1); } } showSlides(".aprendiz", 1000); </script>

Marcos,funcionou muito bem. Obrigado !

Obrigado a todos. Funcionou muito bem.

Olá pessoal. Quero acessar o conteúdo das páginas abaixo e esconder nome da página e o parametro na url index.php <a href="contato.php?id=1">contato</a><br> <a href="dicas.php?id=2">dicas</a><br> <a href="sobre.php?id=3">sobre</a><br> .... contato.php <?php include ('index.php'); ?> <h1>esta é a página contato </h1> <p> E este é o conteúdo da página contato </p> ... dicas.php <?php include ('index.php'); ?> <h1>esta é a página dicas </h1> <p> E este é o conteúdo da página dicas </p> ... sobre.php <?php include ('index.php'); ?> <h1>esta é a página sobre </h1> <p> E este é o conteúdo da página sobre </p>

Funcionou muito bem . Obrigado a todos.

Olá pessoal. As páginas abaixo estão na index e ao clicar no link o conteúdo da página é exibido neste padrão index.php?xxxxx, até aqui tudo ok. Quero criar uma regra que faça o seguinte: Se o parametro passado na url for diferente de número, redirecione para a-ref-nao-confere.php <a href="index.php?54285">pagina1</a><br> <a href="index.php?42589">pagina2</a><br> <a href="index.php?67903">pagina3</a><br> <?php $pagina1 = 'pagina1.php'; $pagina2 = 'pagina2.php'; $pagina3 = 'pagina3.php'; if(isset($_GET['54285'])){ include $pagina1; } else if(isset($_GET['42589'])){ include ($pagina2); } else if(isset($_GET['67903'])){ include ($pagina3); } ?> ... pagina1.php <h1>conteúdo da pagina1 </h1> pagina2.php <h1>conteúdo da pagina2 </h1> pagina3.php <h1>conteúdo da pagina3 </h1> ... <?php //is_numeric //header("location: a-ref-nao-confere.php"); // $ggRegex = '/^[0-9]{5,5}$/i'; // if(!preg_match($ggRegex, $_GET['']) ){ //header("location: a-ref-nao-confere.php"); //} ?>

Olá pessoal. Neste link movo facilmente o menu de posição. Quero fazer a mesma coisa com as pastas no visual studio code. Nota: não é para mover a(s) pasta(s) para outro diretório e sim mover de posição. É possível instalando alguma extensão que faça isso ?

Olá pessoal. O código abaixo lista todos os dados da tab_aprendiz. Como listar somente os dados numéricos ? tab_aprendiz nome codigo joao 965 pedro gyf lucas 483 junior tkx leandro 156 <?php $sql = mysqli_query($conexao, "SELECT * FROM tab_aprendiz "); while ($linha = mysqli_fetch_array($sql)) { @$nome = $linha['nome']; @$codigo = $linha['codigo']; ?> nome <?=$nome?>- codigo<?=$codigo?> <br> <?php } ?>

Obrigado a todos. Washalbano funcionou muito bem. Valeu !

Funcionou bem Marcos. É possível obter o mesmo resultado com preg_match com base neste exemplo ? $string = "pular"; // if($string=='cantar'){ // @$regra = '/cantar$/i'; // } // if($string=='brincar'){ // @$regra = '/brincar$/i'; // } // if($string=='pular'){ // @$regra = '/pular$/i'; // } @$resultado = '/pular$/i'; if(preg_match(@$resultado, $string) == true){ echo "correto"; } else { echo "incorreto"; } ?>

Olá pessoal. No vs code tenho: DiretorioPrincipal -> pagina1.php e paginaTeste.php Quero muito fazer o seguinte: Ao alterar o arquivo pagina1.php para pagina5.php ; o link e o include pagina1.php que está na paginaTeste.php , seja alterado automaticamente para pagina5.php pagina1.php <h1> cabeçalho da pagina1 </h1> <p> conteúdo da pagina1</p> paginaTeste.php <h1> cabeçalho da paginaTeste </h1> <p> conteúdo da paginaTeste</p> <a href="pagina1.php">pagina1</a> <?php include('pagina1.php'); ?> ..

Olá pessoal. EX1 os elementos flutuam dentro da div_pai e a div_pai se repete três vezes, até aqui tudo ok. Quero muito que EX2 com apenas uma query php e mysql imprima o mesmo resultado que EX1 <style> .div_inicio{ width: 90%; max-width:900px; padding: 2%; border: 2px solid red; } .div_pai{ display: flex; flex-wrap: wrap; padding: 2%; border: 2px solid blue; margin-bottom: 20px; } .div_1{ flex: 1; width: 70px; border: 2px solid green; } .img_1{ /* padding: 2px; */ flex: 1; max-width: 70px; } </style> EX1 <div class="div_inicio"> <div class="div_pai"> <div class="div_1"><img src="img1.png" width="70" alt=""></div> <div class="div_1"><img src="img2.png" width="70" alt=""></div> <div class="div_1"><img src="img3.png" width="70" alt=""></div> </div> <div class="div_pai"> <div class="div_1"><img src="img4.png" width="70" alt=""></div> <div class="div_1"><img src="img5.png" width="70" alt=""></div> <div class="div_1"><img src="img6.png" width="70" alt=""></div> </div> <div class="div_pai"> <div class="div_1"><img src="img7.png" width="70" alt=""></div> <div class="div_1"><img src="img8.png" width="70" alt=""></div> <div class="div_1"><img src="img9.png" width="70" alt=""></div> </div> </div> ... <?php $conexao = mysqli_connect("localhost","root","123","bancoteste" ); if(mysqli_connect_error()){ echo "falha na conexão". mysqli_connect_error();} else{ echo "CONEXAO OK"; } ?> ... tab_aprendiz imageName ref img1.png 71 img2.png 71 img3.png 71 img4.png 72 img5.png 72 img6.png 72 img7.png 73 img8.png 73 img9.png 73 .... EX2 <?php $sql = mysqli_query($conexao, "SELECT * FROM tab_aprendiz "); while($linha = mysqli_fetch_array($sql)) { @$ref= $linha['ref']; @$imageName= $linha['imageName']; ?> <?php }?>

Olá pessoal. O Código abaixo está funcionando e move um elemento por vez com ajuda da seta. Até aqui tudo ok. Quero mover dois elementos por vez e para isso adicionei o elemento input no código e quero muito que funcione da seguinte forma: ao mover menuA para 2º posição, inputA também tem que ir para 2º posição ou ao mover menuA para 3º posição, inputA também tem que ir para 3º posição ou ----------- ao mover menuB para 1º posição, inputB também tem que ir para 1º posição ou ao mover menuB para 3º posição, inputB também tem que ir para 3º posição ou ----------- ao mover menuC para 1º posição, inputC também tem que ir para 1º posição ou ao mover menuC para 2º posição, inputC também tem que ir para 2º posição Nota: o campo input não é pra ser clicado por este motivo deixei disabled. <style> *{ margin: 0; padding: 0; } .divPrincipal{ width: 200px; display: flex; flex-wrap: wrap; align-items: center; border: 2px solid blue;} .divPaiCor{ flex:1; margin-right: 10px; } .h1_1{ padding: 4px 4px; margin-bottom: 2px; background-color:#c1c1c1; cursor: default; } .divPaiSeta{ flex:0.5; font-size: 30px; text-align: center;} .b_1{ padding: 0px 4px; margin: 8px 10px; background-color:#cfcfcf; display: block; border: 1px solid green; cursor: default; } .divPaiSeta b:hover { background: #000; color: #fff; cursor: pointer; } .divPaiSeta b:active { background: gray; color: #000; user-select: none; } .divPaiCor h1:hover{ background: #000; color: #fff; cursor: pointer; } .selectedItem { background: #000; color: #fff; } </style> <div class="divPrincipal"> <div class="divPaiCor"> <h1 class="h1_1">menuA </h1> <h1 class="h1_1">menuB </h1> <h1 class="h1_1">menuC </h1> <hr> <input type="text" class="inputA" disabled value="inputA"> <input type="text" class="inputB" disabled value="inputB"> <input type="text" class="inputC" disabled value="inputC"> </div> <div class="divPaiSeta"> <b id="id1" class="b_1">⇧ </b> <b id="id2" class="b_1">⇩ </b> </div> </div> <script> let indexSelected; let elementSelected; let divPaiCor = document.querySelector(".divPaiCor"); let arrowUp = document.querySelector("#id1"); let arrowDown = document.querySelector("#id2"); function setaPraCima(){ let x = document.querySelectorAll(".h1_1"); indexSelected = returnPositionIndex(indexSelected - 1); divPaiCor.insertBefore(elementSelected, x[indexSelected]); } function setaPraBaixo(){ let y = document.querySelectorAll(".h1_1"); indexSelected = returnPositionIndex(indexSelected + 1); divPaiCor.insertBefore(elementSelected, y[indexSelected].nextSibling); } function returnPositionIndex(index) { let min = 0, max = 2; if(index <= min){ return min; } if(index >= max){ return max; } if(index > min || index < max){ return index; } } function selectItem(refItem) { let allElements = [...refItem.target.parentNode.children]; let index = allElements.indexOf(refItem.target); allElements.map(item => item.classList.remove("selectedItem")); refItem.target.classList.add("selectedItem"); indexSelected = index; elementSelected = refItem.target; } divPaiCor.addEventListener("click", selectItem); arrowUp.addEventListener("click", setaPraCima); arrowDown.addEventListener("click", setaPraBaixo); </script>

Olá pessoal. O site tem centenas de links, coloquei apenas três com exemplo e estou tentando fazer o seguinte: Acessar pagina sobre, produtos e contato sem refresh na página. links.php <div class="principal"> <a href="sobre.php" onclick="semRefresh()">sobre</a> <a href="contato.php" onclick="semRefresh()">contato</a> <a href="produtos.php" onclick="semRefresh()">produtos</a> </div> ... <?php include('links.php'); ?> sobre.php <div class="paginas"> <h1>sobre</h1> <p>sobre sobre</p> </div> ... <?php include('links.php'); ?> produtos.php <div class="paginas"> <h1>produtos</h1> <p>produtos produtos</p> </div> ... <?php include('links.php'); ?> contato.php <div class="paginas"> <h1>contato</h1> <p>contato contato</p> </div> ... script.js <script> function semRefresh(){ let localPag = document.querySelector('.paginas'); let pag = new XMLHttpRequest(); // && pag.status == 200 pag.onreadystatechange = function () { if (pag.readyState == 4) { localPag.innerHTML=pag.response; } } pag.open('GET', ''); pag.send(); } </script>

Tetsuo, segue o link https://jsbin.com/hegakev/edit?html,css,js,output

Olá pessoal. A tab_aprendiz tem centenas de registros, coloquei apenas 3 registros como exemplo e a linha nome está em branco. Ao digitar nomes diferentes no input abaixo e salvar, o que foi digitado não aparece na tab_aprendiz. Gostaria de saber apenas o que está faltando no código abaixo ou o que deve ser corrigido? Obrigado. tab_aprendiz id nome 1 2 3 .. <?php $phpSelf = $_SERVER['PHP_SELF']; if(isset($_POST["enviar"])){ ?> <?php $count=count($_POST["id"]); for($i=0;$i<$count;$i++): //for($i=0; $i<3; $i++){ ?> <?php $sqlVF = mysqli_query($ggCon, "UPDATE tab_aprendiz SET nome ='".$_POST['nome'][$i]."' WHERE id='".$_POST['id'][$i]."' "); endfor; ?> <?php print "sucesso"; ?> <?php }?> <form action="<?php echo $phpSelf; ?>" method="post" name="form1" id="form1"> <?php $sqlVF = mysqli_query($ggCon, "SELECT * FROM tab_aprendiz "); while($rows = mysqli_fetch_array($sqlVF)){ ?> <input type="text" name="id[]" readonly value="<?php echo $rows['id']; ?>"> <input type="text" name="nome[]" value=""> <?php }?> <input type="submit" name="enviar" value="Salvar"> </form>

funcionou bem Frank, obrigado !

Olá pessoal. Na tab_aprendiz tem milhares de registros, coloquei somente cinco registros como exemplo. Como listar somente os dados numéricos? tab_aprendiz codigo 965 gyf 483 tkx 156 ... <?php $conexao=mysqli_query("localhost","root","123","bdteste"); if($conexao != true){ print "algo de errado na conexão";} <?php $regraRegex1 = '^[0-9]+$'; $regraRegex2 = '/^[0-9]{1,9}$/i'; $sql = mysqli_query($conexao, "SELECT * FROM tab_aprendiz WHERE codigo = '".$regraRegex2."' "); while ($linha = mysqli_fetch_array($sql)) { @$codigo = $linha['codigo']; ?> <?=$codigo?> <br> <?php } ?>

Frank, obrigado por postar. A dica é boa para poucos registros; milhares de registros fica inviável.

washalbano estamos chegando, mas não funcionou. Tentei de várias formas sem sucesso. Quero listar somente os dados numéricos na linha codigo. Lembrando que a linha codigo tem milhares de registros tab_aprendiz nome codigo joao 965 pedro gyf lucas 483 junior tkx leandro 156 <?php $regraRegex1 = '^[0-9]+$'; $regraRegex2 = '/^[0-9]{1,9}$/i'; $sql = mysqli_query($conexao, "SELECT * FROM tab_aprendiz WHERE codigo = '".$regraRegex2."' "); while ($linha = mysqli_fetch_array($sql)) { @$nome = $linha['nome']; @$codigo = $linha['codigo']; ?> nome <?=$nome?>- codigo<?=$codigo?> <br> <?php } ?>

Jack, obrigado por postar ; estamos chagando lá.. Veja: preciso que a solução seja com base no código que postei sem php e com javascript puro. O código que postei está funcionando. Quero que pra onde for menuA ,inputA vai também ou pra onde for menuB, inputB vai também ou pra onde for menuC, inputC vai também conforme postei acima .

Olá pessoal. O código abaixo está funcionando e na linha order tem estes dados ref order nome 777 2 joao 777 2 pedro Ao pressionar salvar, quero muito que na linha order passe a ter estes dados ref order nome 777 1 joao 777 2 pedro Nota: Estou usando BD mysql e tab_aprendiz tem dezenas de linhas, coloquei apenas duas linhas para exemplificar <?php $ggCon = mysqli_connect("localhost", "root", "123", "bdteste" ); if(mysqli_connect_error()){ echo "falha na conexão". mysqli_connect_error();} else{ echo "CONEXAO OK"; } ?> <?php if (isset($_POST['enviar'])){ $order = $_POST['order']; //foreach($order as $order77){ //foreach($order as $order77 => $nomequalquer){} mysqli_query($ggCon, "UPDATE tab_aprendiz SET order = '".$order."' WHERE ref='777' "); } ?> <form method="post"> <select name="order" size="3"> <option value="1"selected>1</option> <option value="2"selected>2</option> </select> <input type="submit" name="enviar" value="Salvar"> </form>

Olá pessoal. Tentei fazer multiple UPDATE e não conseguir. Quero que ao pressionar salvar, altere verde para vermelho e azul para amarelo tab_aprendiz ref cores 555 verde 555 azul ... <?php if (isset($_POST['enviar'])){ //@$imageName = $_FILES['imageName']['tmp_name']; // $count = count($imageName); //for ($i = 0; $i <$count; $i++){ //@$id = $_POST['id']; //for ($i = 0; $i <$count; $i++){ //for ($i = 0; $i<count($id); $i++){ //for ($i = 0; $i <1; $i++){ // @$id = $_POST['id'][$i]; //@$id = $_POST['id']; //if (is_array($id) ){ // foreach ($id as $teste){} @$ref = $_POST['ref']; @$cores = $_POST['cores']; mysqli_query($conexaoBD, "UPDATE tab_aprendiz SET ref = '".$ref."' , cores = '".$cores."' WHERE ref = '".$ref."' "); } ?> ... <form method="post" autocomplete="ON"> cores<br> <input name="ref[]" value="555"> <br> <hr> <select name="cores[]" multiple size="2" id=""> <option value="red" selected>vermelho</option> <option value="yellow" selected>amarelo</option> </select> <!-- <input type="checkbox" name="cores[]" value="vermelho"> <br> --> <!-- <input type="checkbox" name="cores[]" value="amarelo"> --> <input type="submit" name="enviar" value="Salvar"> </form>

Não é pra ter dois select, apenas um. Frank se possivel por gentileza faz um ajuste no meu código . O código abaixo ao pressionar salvar , notará que na tab_aprendiz passará a ter esses dados tab_aprendiz ref cores 555 amarelo 555 amarelo quero muito ver este resultado quando o botão salvar for pressionado tab_aprendiz ref cores 555 vermelho 555 amarelo