Markw

2 de janeiro de 2020

Olá, boa tarde, eu estou trabalhando em um trecho de codigo PHP, e a minha duvida e a seguinte, esse trecho de codigo abaixo

<section style="padding-top: 6%; padding-left:5%;" class="container">

<?php
    $produtos = DBRead('produtos', "WHERE categoria = 'minecraft' ORDER BY data DESC");

    if (!$produtos)
      echo '<div class="col-md-10 text-center" style="padding-left:16%;">
                <div class="alert alert-error">
                        <strong>ERROR!</strong> Nenhum produto encontrado.
                </div>
          </div>';
    else
      foreach ($produtos as $produtos): 
  ?>		
		<div class="col-md-3">
			<div class="panel panel-c" style="border-radius: 10px;" >
				<div class="panel-heading">
					<div>
						<h3 class="text text-center"><i class="fa fa-cubes" aria-hidden="true"></i> <?php echo $produtos['n_produto']; ?></h3>
					</div>
					<br>
					<center>
					<img src=" <?php echo $produtos['img']; ?>">
					</center>
				</div>
				<div class="panel-body">
					<a href="checkout.php" style="text-decoration: none; color: white;"><button class="btn btn-c ">Descrição</button>
					<br>
					<br>
					<a href="checkout.php" style="text-decoration: none; color: white;"><button class="btn btn-c">Adquirir R$<?php echo $produtos['valor']; ?></button></a>
				</div>
			</div>
		</div>

		<?php endforeach; ?>
	</section>

Ele mostra uns produtos, e na parte do botão, que leva pra uma pagina chamada checkout, ele simplesmente está exibindo todos os produtos, e queria saber como eu posso pegar e exibir nesse checkout apenas o produto que o botão foi clicado, trecho do meu codigo do checkout

<?php 

  if (isset($_GET['produtos']) && isset($_GET['id']) && !empty($_GET['produtos']) && !empty($_GET['id'])) {
    $id = DBEscape(strip_tags(trim($_GET['id'])));
    switch ($_GET['produtos']) {
      case 1:
        DBUpDate('produtos', array('status' => 1), "id = '{$id}'");
        break;
      case 2:
        DBUpDate('produtos', array('status' => 0), "id = '{$id}'");
        break;
      case 3:
        DBDelete('produtos', "id = '{$id}'");
        break;
    }
   
  }

$produtos = DBRead('produtos', 'ORDER BY data DESC');

    if (!$produtos)
      echo '<div class="col-md-10 text-center" style="padding-left: 20%;">
                <div class="alert alert-danger">
                        <strong>ERROR!</strong> Nenhum produto encontrado.
                </div>
          </div>';
    else 
            foreach ($produtos as $produtos):
?>
	<section style="padding-top: 6%; padding-left:5%;" class="container">

		<div class="col-md-6">
			<div class="panel panel-c">
				 <div class="panel-heading">
				 	<h3 class="text-center text"></h3>
				 </div>
				 <div class="panel-body">
				 		<div>
				 			<center>
				 				<img src="<?php echo $produtos['img']; ?>">
				 			</center>

				 		</div>
				 		<br>
				 		<div>
				 			<h3 class="text-center text">Descrição</h3>
				 		</div>
				 		<br>
				 		<div>
				 			<?php echo $produtos['des']; ?>
				 		</div>
				 </div>
			</div>
		</div>

		<div class="col-md-4">
			<div class="panel panel-c">
				 <div class="panel-heading">
				 	<h3 class="text-center text">Checkout</h3>
				 </div>
				 <div class="panel-body">
				 	<div>
				 		<p style="float: left;">Produto:</p> <p style="float: right;"><?php echo $produtos['n_produto']; ?></p>
				 		<br>
				 		<br>
				 		<p style="float: left;">Valor:</p> <p style="float: right;">R$<?php echo $produtos['valor']; ?></p>
				 		<br>
				 		<br>
				 	</div>
				 	<br>
				 	<br>
				 	<br>
				 	<a href="<?php echo $produtos['botao']; ?>" style="text-decoration: none; color: white;"><button class="btn btn-c">Finalizar Compra</button>
				 </div>
			</div>
		</div>

	</section>

<?php endforeach; ?>

23 de outubro de 2018

@Adriano_web Tipo você pode ver que tem a div com o texto certo? queria outra div com outro texto ai quando o texto da div 1 acabasse ele iria se apaga da pagina e assim iria se inicia o texto da div 2 entendeu ai iria fica se repetindo entendeu?

@Adriano_web Pode ajuda?

23 de outubro de 2018

Eu queria saber como eu poderia apaga o texto h1 e automaticamente ele escrever outro texto, so consegui seta um texto não consegui outro poderia me ajuda? (USANDO JAVASCRIPT)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Site</title>
    <link href="_css/estilo.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
</head>
<body style="background-image:url(img/fundo.jpg)">


<h1 style=" color: white">Pousou em meio às rochas. Suas asas se fecharam, seu corpo começava a se esfriar. O peso dos anos fazia suas penas se esfarelarem e sua chama d</h1> <!-- texto 1 não consegui coloca outro texto me ajuda -->

<script>
  function typeWriter(elemento) {
    const textoArray = elemento.innerHTML.split('');
    elemento.innerHTML = '<br>';
    textoArray.forEach((letra, i) => {
      setTimeout(() => elemento.innerHTML += letra, 75 * i);
    });
  }


  const titulo = document.querySelector('h1');
  typeWriter(titulo);
</script>
            <script src="js/bootstrap.min.js"
</body>
</html>

23 de outubro de 2018

1 hora atrás, washalbano disse:

Creio que eu não consegui entender.
Quebra de linha onde? Qual é a variável onde você precisa da quebra de linha?
Que próximo texto?
Como é o trecho html?

veja se isso te ajuda:
div.innerHTML += '<br>';

@washalbano Amigo funcionou so que ele vai descendo e não para queria que ele parece quando chegasse no limite da pagina, e tipo quando o texto entre o ' ' acabasse eu queria que ele voltasse apagando tudo que digitou e digitasse o do outro ' ' me ajuda?

2 horas atrás, Markw disse:

var textos = ['SEU TEXTO AQUI' , 'SEU TEXTO 2 AQUI', 'SEU TEXTO 3 AQUI', 'SEU TEXTO 4 AQUI'];

Trecho do html

<html>
        <head>
                <title>Site</title>
            <meta http-equiv="X-UA-Compatible" content="IE-edge">
            <meta name"viewport" content="width=devide-width, intial-scale=1">
            
                <link href="css/bootstrap.min.css" rel="stylesheet">
                <link href="_css/estilo.css" rel="stylesheet">
                
    </head>
    
            <body>
    
                    <div class="content-fluid">
                    <div id="log"></div>
                            </div>
    
    
    
    
                
                <script src="/js/jquery.js"></script>
                <script src="/js/bootstrap.min.js"></script>
                <script src="_js/script.js"></script>
                        
    </body>

22 de outubro de 2018

Ola queria sabe como eu faço uma quebra de linha na var textos, no final de cada texto queria uma quebra de linha pois não estou conseguindo com o \n e o próximo texto viesse abaixo

var div = document.getElementById('log');
var textos = ['SEU TEXTO AQUI' , 'SEU TEXTO 2 AQUI', 'SEU TEXTO 3 AQUI', 'SEU TEXTO 4 AQUI'];

function escrever(str, done) {
    var char = str.split('').reverse();
    var typer = setInterval(function() {
        if (!char.length) {
            clearInterval(typer);
            return setTimeout(done, 500); // só para esperar um bocadinho
        }
        var next = char.pop();
        div.innerHTML += next;
    }, 100);
}

function rodape(conteudos, el) {
    var atual = -1;
    function prox(){
        if (atual < conteudos.length - 1) atual++;
        else atual = 0;
        var str = conteudos[atual];
        escrever(str, function(){
            div.innerHTML = '';
            prox();
        });
    }
    prox();
}
rodape(textos);

22 de outubro de 2018

Estou com o seguinte codigo abaixo e queria que o texto se quebrasse quando chegasse ao limiti de caracteres, pois dependendo do tamanho do texto ele continua e não para na pagina so dps de um certo tempo, ja tentei mais não consegui, como faz pra ele fica se ajeitando na tela automaticamente, tipo eu setei a div do html ja pra fica no meio da tela so que quando o texto vai sendo adicionando ele não vai arredando pra centralizar.

Codigo do JavaScript

var div = document.getElementById('log');
var textos = ['SEU TEXTO AQUI' , 'SEU TEXTO 2 AQUI', 'SEU TEXTO 3 AQUI', 'SEU TEXTO 4 AQUI'];

function escrever(str, done) {
    var char = str.split('').reverse();
    var typer = setInterval(function() {
        if (!char.length) {
            clearInterval(typer);
            return setTimeout(done, 500); // só para esperar um bocadinho
        }
        var next = char.pop();
        div.innerHTML += next;
    }, 100);
}

function rodape(conteudos, el) {
    var atual = -1;
	function prox(){
		if (atual < conteudos.length - 1) atual++;
		else atual = 0;
		var str = conteudos[atual];
		escrever(str, function(){
			div.innerHTML = '';
			prox();
		});
	}
	prox();
}
rodape(textos);

22 de outubro de 2018

Estou com o seguinte codigo abaixo e queria que o texto se quebrasse quando chegasse ao limiti de caracteres, pois dependendo do tamanho do texto ele continua e não para na pagina so dps de um certo tempo, ja tentei mais não consegui, como faz pra ele fica se ajeitando na tela automaticamente, tipo eu setei a div do html ja pra fica no meio da tela so que quando o texto vai sendo adicionando ele não vai arredando pra centralizar.

Codigo do JavaScript

var div = document.getElementById('log');
var textos = ['SEU TEXTO AQUI' , 'SEU TEXTO 2 AQUI', 'SEU TEXTO 3 AQUI', 'SEU TEXTO 4 AQUI'];

function escrever(str, done) {
    var char = str.split('').reverse();
    var typer = setInterval(function() {
        if (!char.length) {
            clearInterval(typer);
            return setTimeout(done, 500); // só para esperar um bocadinho
        }
        var next = char.pop();
        div.innerHTML += next;
    }, 100);
}

function rodape(conteudos, el) {
    var atual = -1;
    function prox(){
        if (atual < conteudos.length - 1) atual++;
        else atual = 0;
        var str = conteudos[atual];
        escrever(str, function(){
            div.innerHTML = '';
            prox();
        });
    }
    prox();
}
rodape(textos);

Entrar

Markw

Posts

Cadastrado em

Última visita

Tipo de conteúdo

Artigos

Selos

Fabricantes

Livros

Cursos

Análises

Fórum

posts postados por Markw

como pegar somente um produto com PHP via botão?

Como apaga e reescrever texto com JavaScript

Como apaga e reescrever texto com JavaScript

Como fazer quebra de linha em uma var?

Como fazer quebra de linha em uma var?

Problema com JavaScript Alinhamento e quebra de linha

Problema com JavaScript Alinhamento e quebra de linha

Sobre o Clube do Hardware

Direitos autorais

Mais

Fórum

Atividades

Artigos

Análises

Livros

Cursos