Ir para conteúdo

POWERED BY:

Biel.

ordenar

Recommended Posts

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>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se eu entende o que queres é so fazer a busca no banco e organizar

 

$query = "SELECT * FROM tabela WHERE status='1' ORDER BY order ASC";

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

A gramática do Jack está correta, o problema é que ele nunca lê o enunciado do problema pois ele só tem um celular.

Eu não consegui criar a tabela com o campo "order", acho que é palavra reservada do MySQL, assim mudei para "ordem".

Você gosta de usar o elemento <select>, forçando a ele jogar no cabeçalho as opções selecionadas. Se você usasse o método GET, e selecionasse todas as opções com a tecla [CTRL], você notaria que o <select> só manda a primeira opção selecionada, e não todas.
Diante do exposto, a única forma que eu vejo de mudar a ordem é escrevendo diretamente na tabela com o elemento <input>, assim:

 

<?php 
// conexão do Biehl: localhost, root, 123, bdteste
$bd=new mysqli("localhost","root","","laravel");
$tabelaexiste=$bd->query("select * from information_schema.tables 
  where table_schema='tab_aprendiz'");
if(!$tabelaexiste){
  $bd->query("create table tab_aprendiz (ref int, ordem int, nome varchar(45)) 
    engine=InnoDB");
  $bd->query("insert into tab_aprendiz (ref,ordem,nome) values
    (777,2,'joão'),(777,2,'pedro')");}
if(isset($_GET['ordem'])){
  $ordem=$_GET['ordem'];$nome=$_GET['nome'];
  $bd->query("update tab_aprendiz set ordem=$ordem where nome='$nome'");}
$query=$bd->query("select * from tab_aprendiz");
echo "<div style='width:500;margin:0 auto'>
      <table style=boder:1><th>Ref<th>Order<th>Nome<th>Ação";
while($aprendiz=$query->fetch_assoc()){
  $ref=$aprendiz['ref'];$ordem=$aprendiz['ordem'];$nome=$aprendiz['nome'];
  echo "<tr><td>$ref
        <td align=right>
        <form style=margin:0>
            <input value=$ordem name=ordem size=2>
            <input type=hidden name=nome value='$nome'>
            <td>$nome
            <td><input type=submit value=Atualizar>
        </form>";}
echo "</table></div>";

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Amigo não é que eu so tenho celular eu tenho computador, porem maioria das veze eu não estou em casa e nem carrego o notebook comigo, eu tenho uma vida e família não fico 24h com computador,  quando vejo a notificações no celular  que vou responder e muita da vezes ate demoro responder rsrsr....

 

 

6 horas atrás, Frank K Hosaka disse:

Eu não consegui criar a tabela com o campo "order"

 

 

ordenar.jpg

 

 

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
3 horas atrás, Jack Oliveira disse:

Amigo não é que eu so tenho celular eu tenho computador, porem maioria das veze eu não estou em casa e nem carrego o notebook comigo, eu tenho uma vida e família não fico 24h com computador,  quando vejo a notificações no celular  que vou responder e muita da vezes ate demoro responder rsrsr....

 

 

 

 

ordenar.jpg

 

 

 

 

 

 

Valeu! Descobri como colocar palavras reservadas dentro das colunas da tabela:

Você pode usar o assistente para criar tabela no phpMyAdmin ou usa essa gramática:

CREATE TABLE tab_aprendiz ( ref INT NOT NULL , `order` INT NOT NULL , name VARCHAR(45) NOT NULL ) ENGINE = InnoDB;

 

onde a palavra reservada é indicada com aspas inclinadas.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Que bom que você conseguiu descobrir isso já é um grande passo, parabéns :)

CREATE TABLE `tab_aprendiz` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `nome` varchar(255) NOT NULL,
  `order` int(11) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;


CREATE TABLE tab_aprendiz (
  id int(11) NOT NULL AUTO_INCREMENT,
  nome varchar(255) NOT NULL,
  `order` int(11) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

 

 

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Biel.
      Olá pessoal. Ao digitar um texto qualquer no input e pressionar submit o valor do atributo href é alterado temporariamente. Como alterar permanentemente no corpo do documento  o valor do atributo href, digitando um nome de link qualquer no campo input e em seguida submit ?
      <!DOCTYPE html> <html> <head> <style> input { width: 100%; font-size: 20px; } textarea { width: 100%; font-size: 16px; height: 200px; } .class88 { margin-top: 50px; padding: 10px; max-width: 100px; } </style> </head> <body> <h2> alterar valor do atributo href</h2> digite um texto qualquer <input type="text" class="class42" value=""> <a id="linkToChange" href="teste5.php" class="class43"></a> <input type="submit" class="class88" value="enviar" onclick="alterarHref()"> <script> function alterarHref() { // pega o valor da class42 var valorDaclass42 = document.querySelector('.class42').value.trim(); // altera o valor do atributo href para o valorDaclass42 sugerido document.querySelector('.class43').setAttribute('href', valorDaclass42); console.log("Href alterado:", valorDaclass42); } </script> </body> </html>  
    • Por Biel.
      Olá pessoal. BannerA está funcionando normalmente. Como usar mesmo script para bannerB e bannerC.
      <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Banner Aleatório</title> <style> /* Estilos opcionais para o banner */ #divPai { margin: auto; border: 2px solid red; } #bannerA { width: 240px; height: 480px; overflow: hidden; position: relative; } #bannerA img { width: 100%; height: auto; position: absolute; top: 0; left: 0; transition: 1.5s ease-in; } #bannerA img.active { opacity: 1; } </style> </head> <body> <div id="divPai"> <div id="bannerA" class="bannerA"> <a href="link1"><img src="image1.jpg" alt="Imagem 1"></a> <a href="link2"><img src="image2.jpg" alt="Imagem 2"></a> <a href="link3"><img src="image3.jpg" alt="Imagem 3"></a> </div> <!-- <hr> <div id="bannerB" class="bannerB"> <a href="link4"><img src="image4.jpg" alt="Imagem 4"></a> <a href="link5"><img src="image5.jpg" alt="Imagem 5"></a> <a href="link6"><img src="image6.jpg" alt="Imagem 6"></a> </div> <hr> <div id="bannerC" class="bannerC"> <a href="link7"><img src="image7.jpg" alt="Imagem 7"></a> <a href="link8"><img src="image8.jpg" alt="Imagem 8"></a> <a href="link9"><img src="image9.jpg" alt="Imagem 9"></a> </div> --> </div> <hr> <script> document.addEventListener("DOMContentLoaded", function() { // var banner = document.getElementById("divPai"); // var images = banner.querySelectorAll("img"); var images = document.querySelectorAll("#bannerA img"); // Função para exibir uma imagem aleatória function showRandomImage() { // Escolhe aleatoriamente um índice de imagem var randomIndex = Math.floor(Math.random() * images.length); // Define todas as imagens como ocultas images.forEach(function(img) { img.style.display = "none"; }); // Exibe a imagem aleatória images[randomIndex].style.display = "block"; } // Chama a função inicialmente e define um intervalo para exibir novas imagens a cada 3 segundos showRandomImage(); setInterval(showRandomImage, 1000); // makeSliderKind('.bannerA', 1000); // makeSliderKind('.bannerB', 2000); // makeSliderKind('.bannerC', 3000); }); </script> </body> </html>  
    • Por Biel.
      Olá pessoal. O banner abaixo está funcionando e o link acompanha o banner, até aqui tudo ok ! Quero muito fazer uma transição suave entre uma image e outra, colocando as propiedades e valores no css ou diretamente no javascript e nada de propiedades e valores no html através do style . Se possível coloque no código somente o que precisa . Obrigado!
      <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Banner</title> <style> /* Estilos opcionais para o banner */ .banner { width: 240px; height: 480px; overflow: hidden; position: relative; } .banner img { width: 100%; height: auto; position: absolute; top: 0; left: 0; transition: 1.5s ease-in; } .banner img.active { opacity: 1; } </style> </head> <body> <div class="banner" id="banner"> <a href="link1" class="ggg"><img src="image1.jpg" alt="Imagem 1"></a> <a href="link2" class="ggg"><img src="image2.jpg" alt="Imagem 2"></a> <a href="link3" class="ggg"><img src="image3.jpg" alt="Imagem 3"></a> <a href="link4" class="ggg"><img src="image4.jpg" alt="Imagem 4"></a> <a href="link5" class="ggg"><img src="image5.jpg" alt="Imagem 5"></a> </div> <script> document.addEventListener("DOMContentLoaded", function() { var banner = document.getElementById("banner"); var images = banner.querySelectorAll("img"); // Função para exibir uma imagem aleatória function showRandomImage() { // Escolhe aleatoriamente um índice de imagem var randomIndex = Math.floor(Math.random() * images.length); // Define todas as imagens como ocultas images.forEach(function(img) { img.style.display = "none"; }); // Exibe a imagem aleatória images[randomIndex].style.display = "block"; } // Chama a função inicialmente e define um intervalo para exibir novas imagens a cada 3 segundos showRandomImage(); setInterval(showRandomImage, 3000); }); </script> </body> </html>  
       
    • Por Biel.
      Olá pessoal. O banner abaixo está funcionando normalmente, mas a transição entre uma imagem e outra está um tanto truculenta. Quero deixar suave. Como resolver isso? Obrigado !
      <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>transition suave entre uma image e outra</title> <style> #banner { width: 240px; height: 480px; overflow: hidden; position: relative; } #bannerGG { width: 100%; height: auto; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 1s ease-in-out; } /* #tete:active { opacity: 1; } */ </style> </head> <body> <div id="banner"> <img class="bannerGG" src="imagem1.png" alt="Image 1"> <img class="bannerGG" src="imagem2.png" alt="Image 2"> <img class="bannerGG" src="imagem3.png" alt="Image 3"> <img class="bannerGG" src="imagem4.png" alt="Image 4"> <img class="bannerGG" src="imagem5.png" alt="Image 5"> </div> <script> const image = document.querySelectorAll('.bannerGG'); const banner = document.getElementById('banner'); function showRandomImage() { const randomIndex = Math.floor(Math.random() * image.length); const randomImage = image[randomIndex]; const imgElement = document.createElement('img'); imgElement.src = randomImage.src; const linkElement = document.createElement('a'); linkElement.appendChild(imgElement); banner.innerHTML = ''; banner.appendChild(linkElement); } showRandomImage(); setInterval(showRandomImage, 3000); </script> </body> </html>  
    • Por Biel.
      Olá pessoal. O banner abaixo está funcionando, mas quero que o link do banner venha da tag a  e não do javascript . Como resolver? 
      <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Mostrar link do banner que está na tag a</title> <style> #banner { width: 240px; height: 480px; overflow: hidden; position: relative; } .banner-img { width: 100%; height: 100%; object-fit: cover; position: absolute; /* opacity: 0; */ transition: opacity 0.5s ease-in-out; } .banner-link { display: block; width: 100%; height: 100%; } </style> </head> <body> <div id="banner"> <a href="link147"><img class="banner-img" src="imagem1.png" alt="Image 1"></a> <a href="link254"><img class="banner-img" src="imagem2.png" alt="Image 2"></a> <a href="link350"><img class="banner-img" src="imagem3.png" alt="Image 3"></a> <a href="link462"><img class="banner-img" src="imagem4.png" alt="Image 4"></a> <a href="link538"><img class="banner-img" src="imagem5.png" alt="Image 5"></a> </div> <script> const images = document.querySelectorAll('.banner-img'); const banner = document.getElementById('banner'); function showRandomImage() { const randomIndex = Math.floor(Math.random() * images.length); const randomImage = images[randomIndex]; const imgElement = document.createElement('img'); imgElement.src = randomImage.src; imgElement.alt = randomImage.alt; imgElement.classList.add('banner-img'); const linkElement = document.createElement('a'); // linkElement.appendChild(imgElement); linkElement.href = randomImage.href; linkElement.classList.add('banner-link'); linkElement.href = "page" + (randomIndex + 1) + ".html"; // Link para cada imagem linkElement.appendChild(imgElement); banner.innerHTML = ''; banner.appendChild(linkElement); } showRandomImage(); setInterval(showRandomImage, 1000); </script> </body> </html> Resolvido,  Obrigado a todos !
×

Informação importante

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