Show/Hide com Checkbox

PF2G · May 11, 2012 at 10:08 AM

Bom dia, P@P

Eu estou a trabalhar num website onde tenho uma lista dos produtos que estao na BD com a seguinte informação: imagem, descrição, a referencia e mais um botao para ver mais imagens do produto; e quero acrescentar uma checkbox que mal esteja checkada a toda essa informação desapareça menos a imagem.

Será que me podem ajudar?

<?php do {  ?

<tr>
   <td colspan="2" class="div_topo"><a name="cat<?php echo $row_categ_list['id_material']; ?>"></a>           <strong>PRODUTOS :: <span class="texto2"><?php echo $row_categ_list['material_en']; ?></span></strong></td>
</tr>
		  
<tr>
<td colspan="2" height="16"></td>
</tr>
											   <?php 
$query_produtos = "SELECT * FROM produtos WHERE id_material='".$row_categ_list['id_material']."' ORDER BY referencia ASC";
                                                                                                                                                                        $produtos = mysql_query($query_produtos, $futura) or die(mysql_error());
									                $row_produtos = mysql_fetch_assoc($produtos);

$totalRows_produtos = mysql_num_rows($produtos);
			  
do {  
$query_verimg = "SELECT * FROM produtos_img WHERE id_produto='".$row_produtos['id_produto']."' ORDER BY default_ DESC";

$verimg = mysql_query($query_verimg, $futura) or die(mysql_error());

$row_verimg = mysql_fetch_assoc($verimg);
?>
											<tr>

<td width="160" height="95" valign="top">

<a href="ver_produto.php?id_produto=<?php echo $row_produtos['id_produto']; ?>&id_categoria=<?php echo $row_produtos['id_material']; ?>"><?php if($row_verimg['imagem']!="") { ?><img src="http://www.plasticos-futura.com/timthumb.php?src=http://www.plasticos-futura.com/produtos/<?php echo $row_verimg['imagem']; ?>&w=134px&h=98px&zc=1&q=100" width="134" height="98" style="border:1px solid #cccccc;" /><?php } else { ?><img src="imagens/futura.jpg" width="134" height="98" style="border:1px solid #cccccc;" /><?php } ?></a>

</td>

<!------------------------------------------------------------------------>
<p>	

<td valign="top" class="texto_pretobig2"><strong>REFERÊNCIA: </strong><?php echo $row_produtos['referencia']; ?><br />
										<strong>DESCRIÇÃO:</strong> <?php echo $row_produtos['nome']; ?>
											<br/>
<br/>
											<div id="a_img">

<a href="ver_produto.php?id_produto=<?php echo $row_produtos['id_produto']; ?>&id_categoria=<?php echo $row_produtos['id_material']; ?>" class="a_img">Mais imagens</a>
												</div>
											</p>
<!------------------------------------------------------------------------>	
<br/>
<input type="checkbox" name="check"> Activar </input>
<?PHP
if(isset($_POST['check']) && ($_POST['check'] == "1"))
{
	echo 'CHECK';
												}
?>
<!------------------------------------------------------------------------>	
											</td>

</tr>

psiico · May 11, 2012 at 10:13 AM

Tu queres que ao click na checkbox desapareça a informação ou queres clicar na checkbox e ao submeteres o form ela desapareça?

Se for mesmo ao click sem haver refresh terás que recorrer a javascript/jQuery para fazer isso, se for no submit do form se tiver checkado desaparece terás apenas que ao processar a informação verificar se está checkado se tiver então faz só echo/print da imagem em vez de todos os detalhes.

PF2G · May 11, 2012 at 10:32 AM

Tu queres que ao click na checkbox desapareça a informação ou queres clicar na checkbox e ao submeteres o form ela desapareça?

Se for mesmo ao click sem haver refresh terás que recorrer a javascript/jQuery para fazer isso, se for no submit do form se tiver checkado desaparece terás apenas que ao processar a informação verificar se está checkado se tiver então faz só echo/print da imagem em vez de todos os detalhes.

Sim eu sei, eu mal postei o topico lembrei-me dessa hipotese.

E estou a trabalhar nisso mas nao me esta a esconder a informação:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" type="image/x-icon" href="imagens/plasticos.ico" />
<link href="styles/style.css" rel="stylesheet" />
<title>Plásticos Futura - Produtos</title>
<script type="text/javascript" src="js/java.js"></script>
<!------------------------------------------------------------------------------>	
<script language="javascript/jquery">
	function validate(chk)
	{
		if (chk.checked == 1)
		{
			$("button").click(function()
			{
				$("p").hide(1000);
			});

		}
	}
</script>

</head>


<!------------------------------------------------------------------------>	
<p>	

<td valign="top" class="texto_pretobig2"><strong>REFERÊNCIA: </strong><?php echo $row_produtos['referencia']; ?><br />
											<strong>DESCRIÇÃO:</strong> <?php echo $row_produtos['nome']; ?>
												<br/>
<br/>
												<div id="a_img">
												<a href="ver_produto.php?id_produto=<?php echo $row_produtos['id_produto']; ?>&id_categoria=<?php echo $row_produtos['id_material']; ?>" class="a_img">Mais imagens</a>
												</div>
											</p>
<!------------------------------------------------------------------------>	
											<br/>
<form>
<input type="checkbox" name="chk1"> Esconder Info</input>
<br/>
<button type="button" onclick="return validate(chk1);">Submeter</button>
</form>

--

Edit(brunoais): Identificação da linguagem das tags code

PF2G · May 11, 2012 at 10:57 AM

Como é outra linguagem criei novo topico em Javascript para aqui.

Topico fechado

Sign In

Show/Hide com Checkbox

Recommended Posts

PF2G

psiico

PF2G

PF2G

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information