Como coloco imagem de fundo usando funções php?

Daltonspider · Março 30, 2017

Nao sei te diz

2 minutos atrás, Eziquiel disse:

Beleza. Onde estava o problema? Faltava a tag na <head>?

Nao sei te dizer! creio que era só dificuldade em o chrome mobile de renovar o cache, foi so eu sair e entrar do navegador funcionou!!

Daltonspider · Março 30, 2017

Grande mestre, uma ultima pergunta, eu poderia tirar aquele onclick e fazer uma condição para os item que estão disponiveis, pois quando clico no item indisponível, ele ainda aparece a mensagem do item disponível para so depois aparecer que esta indisponível.. Estava pensando em fazer o disponível como você fez o indisponivel.. daria certo?

Eziquiel · Março 30, 2017

Sim. Se quiser fazer algo específico para os disponíveis, use a mesma lógica.

Aí retire o evento onclick que você havia criado.

$('.disponivel').click(function(){
        alert('Mensagem para produto disponível');
      });

Se não quiser nenhuma mensagem para os disponíveis, apenas retire o evento onclick que você havia criado e mantenha este que lhe passei.

Daltonspider · Março 30, 2017

Tem como eu colocar para os disponiveis ao inves de um alert, colocar um confirmar? pq quando o usuario clica no produto disponivel ele pede se você tem certeza que quer esse produto, e o indisponivel apenas fala que esta indisponivel. No caso como seria esse

 onclick="return confirm('<?php echo $nomepro ?> - CONFIRMA O PEDIDO?')"

no lugar do alert?

Eziquiel · Março 30, 2017

Pode sim. Pode usar assim, se quiser...

$('.disponivel').click(function(){
	var retorno = confirm('<?php echo $nomepro ?> - CONFIRMA O PEDIDO?')";
	if (retorno == true) {
		//faça algo
	} else {
		//faça algo
	}
});

Só tem um porém! Pode ser que tenha um problema com o "$nomepro", que poderá retornar o nome errado. Tente aí!

Daltonspider · Março 30, 2017

8 minutos atrás, Eziquiel disse:
Pode sim. Pode usar assim, se quiser...
$('.disponivel').click(function(){
	var retorno = confirm('<?php echo $nomepro ?> - CONFIRMA O PEDIDO?')";
	if (retorno == true) {
		//faça algo
	} else {
		//faça algo
	}
});
Só tem um porém! Pode ser que tenha um problema com o "$nomepro", que poderá retornar o nome errado. Tente aí!

Notei um problema :/ ele cadastra do mesmo modo o produto indisponivel, pq é um link que chama o insert ai pensei em algo assim, nao entendo nda de js, rsrs mas quando fiz os produtos perdem o link para inserir na tabela clica e nao acontece nda deles, veja como fiz( desculpe tomar seu tempo)

	<?php

  
	
	
		$sqlp = mysql_query("SELECT * FROM produtos WHERE id_categoria='11'");
		while($verp = mysql_fetch_array($sqlp)){
			$disponivel = $verp['disponivel'];
			$id_pro = $verp['cod'];
			$nomepro = $verp['nome'];
			$descpro = $verp['descricao'];
			$precopro = $verp['preco'];
			
			
			$classe = ($disponivel == "SIM")? "disponivel" : "indisponivel";
					
			
			if($disponivel == SIM){
				$img = "../imagens/disponivel.png";	
				
				
			}else{
			$img = "../imagens/indisponivel.png";
			
			}
	

	?>
	
	<script>
	$('.indisponivel').click(function(){
  alert('Produto indisponível no momento');
});

$('.disponivel').click(function(){
	var retorno = confirm('<?php echo $nomepro ?> - CONFIRMA O PEDIDO?')";
	if (retorno == true) {
		echo "cadastra.php?cod=<?php echo $id_pro ?>&nome=<?php echo $nomepro ?>&preco=<?php echo $precopro ?>&qtd=1&mesa=<?php echo $idmesa ?>&idGarcon=<?php echo $mostra['idGarcon']; ?>&destino=<?php echo $destino ?>"
	} else {
		header("Location:inicio.php");
	}
});
	</script>
	
	
	
	
	

	<div class="container-fullscreen heading-style-3 <?php echo $classe ?>" style="background-image:url(<?php echo $img ?>); background-size: cover;">
	
   
   
   <center> 
		
	<h3 class="heading-title"><?php echo $nomepro ?>&nbsp R$<?php echo $precopro ?></h3>
	<em class="heading-subtitle"><?php echo $descpro ?></em>
    
	</center>
   
   </div>

Nao sei onde coloco a <a href pra funcionar essa ideia..

Eziquiel · Março 30, 2017

Veja bem. Há diversas divs que se repetem por meio de um while.

Cada produto tem um id, certo? E cada produto tem um nome, certo?

Então faça o seguinte: coloque no "id" da div mesmo ID do seu produto...

coloque também no "name" da sua div o nome do seu produto.

Exemplo:

<div id="<?php echo $id_pro ?>" name="<?php echo $nomepro ?>" class="container-fullscreen heading-style-3 <?php echo $classe ?>" style="background-image:url(<?php echo $img ?>); background-size: cover;">

Agora, quando precisar chamar o id ou nome do produto no evento "click" da div você poderá pegar estes valores assim.

$('.indisponivel').click(function(){
  var produto_nome = $(this).attr('name');
  var produto_id   = $(this).attr('id');

  var retorno = confirm( produto_nome + ". Confirmar pedido? ");
  if (retorno == true) {
    alert("o produto "+produto_nome+" tem o seguinte ID: "+produto_id);
  } else {
    alert("negou o pedido");
  }
});

Daltonspider · Março 30, 2017

1 minuto atrás, Daltonspider disse:

Notei um problema :/ ele cadastra do mesmo modo o produto indisponivel, pq é um link que chama o insert ai pensei em algo assim, nao entendo nda de js, rsrs mas quando fiz os produtos perdem o link para inserir na tabela clica e nao acontece nda deles, veja como fiz( desculpe tomar seu tempo)


	<?php

  
	
	
		$sqlp = mysql_query("SELECT * FROM produtos WHERE id_categoria='11'");
		while($verp = mysql_fetch_array($sqlp)){
			$disponivel = $verp['disponivel'];
			$id_pro = $verp['cod'];
			$nomepro = $verp['nome'];
			$descpro = $verp['descricao'];
			$precopro = $verp['preco'];
			
			
			$classe = ($disponivel == "SIM")? "disponivel" : "indisponivel";
					
			
			if($disponivel == SIM){
				$img = "../imagens/disponivel.png";	
				
				
			}else{
			$img = "../imagens/indisponivel.png";
			
			}
	

	?>
	
	<script>
	$('.indisponivel').click(function(){
  alert('Produto indisponível no momento');
});

$('.disponivel').click(function(){
	var retorno = confirm('<?php echo $nomepro ?> - CONFIRMA O PEDIDO?')";
	if (retorno == true) {
		echo "cadastra.php?cod=<?php echo $id_pro ?>&nome=<?php echo $nomepro ?>&preco=<?php echo $precopro ?>&qtd=1&mesa=<?php echo $idmesa ?>&idGarcon=<?php echo $mostra['idGarcon']; ?>&destino=<?php echo $destino ?>"
	} else {
		header("Location:inicio.php");
	}
});
	</script>
	
	
	
	
	

	<div class="container-fullscreen heading-style-3 <?php echo $classe ?>" style="background-image:url(<?php echo $img ?>); background-size: cover;">
	
   
   
   <center> 
		
	<h3 class="heading-title"><?php echo $nomepro ?>&nbsp R$<?php echo $precopro ?></h3>
	<em class="heading-subtitle"><?php echo $descpro ?></em>
    
	</center>
   
   </div>

Nao sei onde coloco a <a href pra funcionar essa ideia..

resumindo: se o produto estiver indisponivel, ele fica com outra imagem e se alguem clica aparece o alert que o produto esta indisponivel. Se o produto estiver disponivel quando o usuario clica ele pergunta se tem certeza e cadastra o pedido no banco de dados..

Daltonspider · Março 30, 2017

2 minutos atrás, Eziquiel disse:
Veja bem. Há diversas divs que se repetem por meio de um while.

Cada produto tem um id, certo? E cada produto tem um nome, certo?

Então faça o seguinte: coloque no "id" da div mesmo ID do seu produto...

coloque também no "name" da sua div o nome do seu produto.

Exemplo:
<div id="<?php echo $id_pro ?>" name="<?php echo $nomepro ?>" class="container-fullscreen heading-style-3 <?php echo $classe ?>" style="background-image:url(<?php echo $img ?>); background-size: cover;">
Agora, quando precisar chamar o id ou nome do produto no evento "click" da div você poderá pegar estes valores assim.
$('.indisponivel').click(function(){
  var produto_nome = $(this).attr('name');
  var produto_id   = $(this).attr('id');

  var retorno = confirm( produto_nome + ". Confirmar pedido? ");
  if (retorno == true) {
    alert("o produto "+produto_nome+" tem o seguinte ID: "+produto_id);
  } else {
    alert("negou o pedido");
  }
});

Caramba, preciso estudar jquery... :/

Eziquiel · Março 30, 2017

Você pode inserir este link <a> apenas se o produto estiver disponível. Do contrário não.

Consegue fazer isso?

Daltonspider · Março 30, 2017

1 minuto atrás, Eziquiel disse:

Você pode inserir este link <a> apenas se o produto estiver disponível. Do contrário não.

Consegue fazer isso?

Não.. fiquei meio perdido e preocupado com esse jquery.. um mundo bem desconhecido pra mim..

Se nao tiver o link nos indisponiveis fica otimo! nem mensagem precisa mesmo!!

Agora, Daltonspider disse:

Não.. fiquei meio perdido e preocupado com esse jquery.. um mundo bem desconhecido pra mim..

Se nao tiver o link nos indisponiveis fica otimo! nem mensagem precisa mesmo!!

Vou te convidar pra minha formatura! kkkk fez parte dos meus estudos! kkkk

Eziquiel · Março 30, 2017

kkkkk.... tive uma ideia que vai ficar ótimo. Vou preparar o código aqui.

Daltonspider · Março 30, 2017

1 minuto atrás, Eziquiel disse:

kkkkk.... tive uma ideia que vai ficar ótimo. Vou preparar o código aqui.

Cara, arruma uma conta que preciso te pagar! ou você é um enviado de Deus! kkk

Eziquiel · Março 30, 2017

Vamos lá...

Coloque isto no seu php (pode ser abaixo daquela linha ($classe = ($disponivel == "SIM")....)

$postLink = "cadastra.php?cod=$id_pro&nome=$nomepro&preco=$precopro&qtd=1&mesa=$idmesa&idGarcon=".$mostra['idGarcon']."&destino=$destino";

Agora, dentro da sua <div> vamos incluir esta linha: (pode ser acima do <h3>)

<span class="link" style="display:none;"><?php echo $postLink ?></span>

Já eu posto o restante...

Daltonspider · Março 30, 2017

4 minutos atrás, Eziquiel disse:
Vamos lá...

Coloque isto no seu php (pode ser abaixo daquela linha ($classe = ($disponivel == "SIM")....)
$postLink = "cadastra.php?cod=$id_pro&nome=$nomepro&preco=$precopro&qtd=1&mesa=$idmesa&idGarcon=".$mostra['idGarcon']."&destino=$destino";
Agora, dentro da sua <div> vamos incluir esta linha: (pode ser acima do <h3>)
<span class="link" style="display:none;"><?php echo $postLink ?></span>
Já eu posto o restante...

Ate agora tudo compreendido professor...

Eziquiel · Março 30, 2017

Seu script ficará assim, agora (para os disponíveis).

$('.disponivel').click(function(){
  var produto_nome = $(this).attr('name');
  var produto_id   = $(this).attr('id');
  var post_link    = $(this).children('.link').html(); 

  var retorno = confirm( produto_nome + ".\n Confirmar pedido? ");
  if (retorno == true) {
    $.post(post_link)
      .done(function( data ) {
        alert("Pedido incluído com sucesso");
    });
  } else {
    alert("negou o pedido");
  }
});

Tente aí

Daltonspider · Março 30, 2017

7 minutos atrás, Eziquiel disse:


Seu script ficará assim, agora (para os disponíveis).


$('.disponivel').click(function(){
  var produto_nome = $(this).attr('name');
  var produto_id   = $(this).attr('id');
  var post_link    = $(this).children('.link').html(); 

  var retorno = confirm( produto_nome + ".\n Confirmar pedido? ");
  if (retorno == true) {
    $.post(post_link)
      .done(function( data ) {
        alert("Pedido incluído com sucesso");
    });
  } else {
    alert("negou o pedido");
  }
});

Tente aí

Ele fica com os alerts em loop, da ok nao sai, nem cancelar sai... e tambem nao grava nada no banco..

segue o codigo e um print das janelas:

<?php

    
	
	
		$sqlp = mysql_query("SELECT * FROM produtos WHERE id_categoria='11'");
		while($verp = mysql_fetch_array($sqlp)){
			$disponivel = $verp['disponivel'];
			$id_pro = $verp['cod'];
			$nomepro = $verp['nome'];
			$descpro = $verp['descricao'];
			$precopro = $verp['preco'];
			
			
			$classe = ($disponivel == "SIM")? "disponivel" : "indisponivel";
			
			$postLink = "cadastra.php?cod=$id_pro&nome=$nomepro&preco=$precopro&qtd=1&mesa=$idmesa&idGarcon=".$mostra['idGarcon']."&destino=$destino";
					
			
			if($disponivel == SIM){
				$img = "../imagens/disponivel.png";	
				
				
			}else{
			$img = "../imagens/indisponivel.png";
			
			}
	

	?>
	
	<script>
	
	$('.indisponivel').click(function(){
    alert('Produto indisponível no momento');
    });
	
	$('.disponivel').click(function(){
  var produto_nome = $(this).attr('name');
  var produto_id   = $(this).attr('id');
  var post_link    = $(this).children('.link').html(); 

  var retorno = confirm( produto_nome + ".\n Confirmar pedido? ");
  if (retorno == true) {
    $.post(post_link)
      .done(function( data ) {
        alert("Pedido incluído com sucesso");
    });
  } else {
    alert("negou o pedido");
  }
});
	
	
	</script>
	
	
	
	<div class="container-fullscreen heading-style-3 <?php echo $classe ?>" style="background-image:url(<?php echo $img ?>); background-size: cover;">
	   
    <center> 
    <span class="link" style="display:none;"><?php echo $postLink ?></span>
		
	<h3 class="heading-title"><?php echo $nomepro ?>&nbsp R$<?php echo $precopro ?></h3>
	<em class="heading-subtitle"><?php echo $descpro ?></em>
    
	</center>
   
    </div>

Daltonspider · Março 30, 2017

6 minutos atrás, Daltonspider disse:

Ele fica com os alerts em loop, da ok nao sai, nem cancelar sai... e tambem nao grava nada no banco..

segue o codigo e um print das janelas:


<?php

    
	
	
		$sqlp = mysql_query("SELECT * FROM produtos WHERE id_categoria='11'");
		while($verp = mysql_fetch_array($sqlp)){
			$disponivel = $verp['disponivel'];
			$id_pro = $verp['cod'];
			$nomepro = $verp['nome'];
			$descpro = $verp['descricao'];
			$precopro = $verp['preco'];
			
			
			$classe = ($disponivel == "SIM")? "disponivel" : "indisponivel";
			
			$postLink = "cadastra.php?cod=$id_pro&nome=$nomepro&preco=$precopro&qtd=1&mesa=$idmesa&idGarcon=".$mostra['idGarcon']."&destino=$destino";
					
			
			if($disponivel == SIM){
				$img = "../imagens/disponivel.png";	
				
				
			}else{
			$img = "../imagens/indisponivel.png";
			
			}
	

	?>
	
	<script>
	
	$('.indisponivel').click(function(){
    alert('Produto indisponível no momento');
    });
	
	$('.disponivel').click(function(){
  var produto_nome = $(this).attr('name');
  var produto_id   = $(this).attr('id');
  var post_link    = $(this).children('.link').html(); 

  var retorno = confirm( produto_nome + ".\n Confirmar pedido? ");
  if (retorno == true) {
    $.post(post_link)
      .done(function( data ) {
        alert("Pedido incluído com sucesso");
    });
  } else {
    alert("negou o pedido");
  }
});
	
	
	</script>
	
	
	
	<div class="container-fullscreen heading-style-3 <?php echo $classe ?>" style="background-image:url(<?php echo $img ?>); background-size: cover;">
	   
    <center> 
    <span class="link" style="display:none;"><?php echo $postLink ?></span>
		
	<h3 class="heading-title"><?php echo $nomepro ?>&nbsp R$<?php echo $precopro ?></h3>
	<em class="heading-subtitle"><?php echo $descpro ?></em>
    
	</center>
   
    </div>

As caixas de msg ficam aparecendo com essa de confirmar e outra de pedido concluido, ficam se alternando e nao somem, fechei e abri novamente o navegador pra testar o produto indisponivel, ele tambem fica aparecendo varias vezes a caixa dizendo produto indisponivel... e nao tem cadastro no banco de dados para os disponiveis... sera que nao é algo na $postlink?

Arquivado

Como coloco imagem de fundo usando funções php?

Recommended Posts

Daltonspider 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Daltonspider 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Eziquiel 96

Compartilhar este post

Link para o post

Compartilhar em outros sites

Daltonspider 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Eziquiel 96

Compartilhar este post

Link para o post

Compartilhar em outros sites

Daltonspider 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Eziquiel 96

Compartilhar este post

Link para o post

Compartilhar em outros sites

Daltonspider 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Daltonspider 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Eziquiel 96

Compartilhar este post

Link para o post

Compartilhar em outros sites

Daltonspider 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Eziquiel 96

Compartilhar este post

Link para o post

Compartilhar em outros sites

Daltonspider 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Eziquiel 96

Compartilhar este post

Link para o post

Compartilhar em outros sites

Daltonspider 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Eziquiel 96

Compartilhar este post

Link para o post

Compartilhar em outros sites

Daltonspider 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Daltonspider 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

JavaScript - Exibir logo dentro da Tabela html

Javascript - Calcular Valores Monetário em Tempo Real

PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto

Fóruns

Tempo Real