Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Isabelly Lima

submit enviar valor pro formulário

Recommended Posts

Tenho uma página principal com varias logos e ao clicar em uma delas encaminharia para um formulário, que com o id da logo clicada buscaria os valores da empresa dona daquela logo que estão no banco!

Pensei assim:
já que ao clicar vai mudar de pagina fiz os input type="submit" serem type=image de uma vez,
e neles gostaria de saber uma forma de atribuir um valor a uma variável nesse submit que o formulário pudesse pegar:

 

index.php:

<form method="post" action="formulario.php" enctype="multipart/form-data">


<input type="image" src="logo1.jpg" name="id" value="1">

<input type="image" src="logo2.jpg" name="id" value="2">

<input type="image" src="logo3.jpg" name="id" value="3">

<input type="image" src="logo4.jpg" name="id" value="4">


</form>


formulario.php

<?php
include('conexao.php');
$idempresa=$_POST['id'];
$sql = mysql_query("SELECT * FROM empresa, cidade, bairro WHERE idempresa='$idempresa' and
empresa.cidade_idcidade=idcidade and empresa.bairro_idbairro=idbairro");
$dados= mysql_fetch_assoc($sql);
?>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Acho que isso resolve o seu problema,

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(function(){
$(".produto").click(function(){
var data = $(this).attr('id');
alert("Produto selecionado foi o: "+data);
$.post("produtos.php", data, function(resposta){
$("#conteudo").html(resposta);
});
});
});
</script>
</head>
 
<body>
<img src="http://www.emporiumsaopaulo.com.br/images/produtos/prod_06287.jpg" id="1" class="produto" />
<img src="http://img.efetividade.net/img/xtra/Coca-Cola-2l.gif" id="2" class="produto" />
 <div id="conteudo">

</div>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Acho que isso resolve o seu problema,

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(function(){
$(".produto").click(function(){
var data = $(this).attr('id');
alert("Produto selecionado foi o: "+data);
$.post("produtos.php", data, function(resposta){
$("#conteudo").html(resposta);
});
});
});
</script>
</head>
 
<body>
<img src="http://www.emporiumsaopaulo.com.br/images/produtos/prod_06287.jpg" id="1" class="produto" />
<img src="http://img.efetividade.net/img/xtra/Coca-Cola-2l.gif" id="2" class="produto" />
 <div id="conteudo">

</div>
</body>
</html>

 

Sim, era isso que eu tava precisando..

mas como eu faço agora no formulário pra pegar os dados dessa function

Assim: $id=$_POST['data'];

ou assim: $id=$_POST['id'];

 

??

Compartilhar este post


Link para o post
Compartilhar em outros sites

Segue mais ou menos essa idéia. Não se deve apenas validar com JS.

 

 

<form action="file.php" method="post"> 

 <input type="text" name="i" value="1">
 <input type="text" name="id" value="2">
 <input type="text" name="id" value="3">

 <input type=submit> 

</form> 
file.php 

<?php 

 include('conexao.php');

if(isset($_POST["id"])) {   

    $idempresa=$_POST['id'];
    $sql =  mysql_query("SELECT * FROM empresa, cidade, bairro WHERE idempresa='$idempresa' and
                     empresa.cidade_idcidade=idcidade and empresa.bairro_idbairro=idbairro");
    $dados= mysql_fetch_assoc($sql);

  
  if (mysql_num_rows($dados) == 0) {
      echo "Nada para exibir";
      exit;
   }
   
   while ($row = mysql_fetch_assoc($dados)) {
       echo $row["empresa"];
       echo $row["cidade"];
       echo $row["bairro"];
    }  
}

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Como assim ?

 

Nessa parte eu exibo o input escolhido e chamo o formulário:

alert("Produto selecionado foi o: "+data); $.post("produtos.php", data, function(resposta){ $("#conteudo").html(resposta);

Quero saber como vou acessar a variável "data" que contem o id selecionado,

na página produtos.php ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

então, lá no PHP basta você pegar o valor pelo nome do seu campo normal:

 

 

<?php
 
$valor = $_REQUEST['NomeDoSeuCampoAqui'];
 
?>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pra facilitar:

<?php

if(isset($_GET['imagem'])){
	
	$imagem = $_GET['imagem'];
	$id = $_GET['id'];
	
	echo 'Sua imagem é: <strong>'.$imagem.'</strong> e a id: <strong>'.$id.'</strong>';
	die();
	}
	
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
	$(function(){
		$(".produto").click(function(){
				var nome = $(this).attr('name');
				var id = $(this).attr('id');
				 location.href="?imagem="+escape(nome)+"&id="+id;
		});
	});
</script>
<style type="text/css">
img.produto{
	cursor:pointer;
	border:1px solid #CCC;
	padding:6px;
	}
img.produto:hover{
	border:1px solid #09F;
	}	
</style>
</head>
 
<body>
<img src="http://www.emporiumsaopaulo.com.br/images/produtos/prod_06287.jpg"
name="prod_06287.jpg" title="Imagem 1" id="1" class="produto" width="80" height="80" />
<img src="http://img.efetividade.net/img/xtra/Coca-Cola-2l.gif"
name="Coca-Cola-2l.gif" title="Imagem 2" id="2" class="produto width="80" height="80"" />
</body>
</html>

 


Compartilhar este post


Link para o post
Compartilhar em outros sites

se for via post:

<?php

if(isset($_POST['imagem'])){
	
	$imagem = $_POST['imagem'];
	$id = $_POST['id'];
	
	echo 'Sua imagem é: <strong>'.$imagem.'</strong> e a id: <strong>'.$id.'</strong>';
	die();
	}
	
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
	$(function(){
		$(".produto").click(function(){
				var nome = $(this).attr('name');
				var id = $(this).attr('id');
				//var msg='enviando imagem...';
				var data = '<input type="hidden" name="imagem" value="'+nome+'">';
					data+= '<input type="hidden" name="id" value="'+id+'">';
					$(data).appendTo('#enviar');
						$('#enviar').submit();
	
		});
	});
</script>
<style type="text/css">
img.produto{
	cursor:pointer;
	border:1px solid #CCC;
	padding:6px;
	}
img.produto:hover{
	border:1px solid #09F;
	}	
</style>
</head>
 
<body>
<img src="http://www.emporiumsaopaulo.com.br/images/produtos/prod_06287.jpg" 
name="prod_06287.jpg" title="Imagem 1" id="1" class="produto" width="80" height="80" />
<img src="http://img.efetividade.net/img/xtra/Coca-Cola-2l.gif" 
name="Coca-Cola-2l.gif" title="Imagem 2" id="2" class="produto" width="80" height="80" />
<form id="enviar" action="" method="post">
</form>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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