Jump to content

Esconder/Mostrar Divs Dinâmicos


fantasma
 Share

Recommended Posts

Boa Tarde a todos!

Estou a construir uma página que terá alguns efeitos em JQuery. O meu problema é que, alguns <div> que precisam de ser animados, são gerados automáticamente pelo PHP. Apesar os conseguir gerar com ID's de HTML unicos, não consigo fazer com que o javascript consiga reconhecer cada bloco unico.

O código que tenho em javascript é o seguinte:

(Está embebido numa função pois estive a fazer testes)

function showDiv(divClass,buttonClass)
{
$(document).ready(function() {
// hides the slickbox as soon as the DOM is ready
  $('div.divClass').hide();
// shows the slickbox on clicking the noted link  


// toggles the slickbox on clicking the noted link  
  $('div.buttonClass').click(function() {
    $('div.divClass').toggle(200);
    return false;
  });
});
}

O HTML do botão trigger:

<a href="#"><div class="visualiza" id="visualiza'.$id.'"></div></a>

HTML do Div a levar efeito

<div class="contentor_visualiza" id="contentor_visualiza'.$id.'">


<div class="insert">
	<form name="edita_records" method="POST" action="../crud/insert.php?mod=<?php echo $table ?>">
		<textarea class="area_titulo_adic" name="titulo_emp">



		</textarea>
		<textarea class="area_visualza" name="content_emp">

		</textarea>


		<div class="buttons">

			<input type="submit" name="inserir" class="positive" value="Guardar">
				<img src="../gfx/guardar.png" alt=""/> 
			</input>

		</div>
</form>
</div>

</div>';

Agradecido por toda a ajuda que puderem dar

Um abraço,

Link to comment
Share on other sites

Desculpa, mas por culpa minha, não é bem isso. O HTML não é esse que postei por engano mas sim este:

<div class="contentor_records">


	<?php 


	$sentence = "SELECT ID,titulo,descricao,imagem FROM $table ";
	$query = mysql_query($sentence);
	if(!$query)
	{
		echo "Erro ao executar a query".mysql_error();
	}
	while ($row = mysql_fetch_array($query)){

	$titulo=$row['titulo'];
	$id=$row['ID'];
	$descricao = $row['descricao'];
	$imagem=$row['imagem'];

	echo'<div class="etiquetas">';

	echo '<div class="tit_etiq">';


			echo $titulo;


	echo'</div>';

	echo'<div class="botoes_comando">

		<a href="#"><div class="visualiza" id="visualiza"></div></a>
		<a href="view.php?id='.$id.'"><div class="edita"></div></a>
		<a href="../crud/delete.php?id='.$id.'&mod='.$table.'"><div class="elimina"></div></a>
		<a href="../upload/upload_crop.php?id='.$id.'&mod='.$table.'"><div class="up_imagem"></div></a>
	</div>';

	echo'</div>
	<div class="contentor_visualiza" id="contentor_visualiza'.$id.'">

	<?php $table = "content_empresa";?>

<div class="insert">
	<form name="edita_records" method="POST" action="../crud/insert.php?mod=<?php echo $table ?>">
		<textarea class="area_titulo_adic" name="titulo_emp">';

		echo $titulo;

		echo'</textarea>
		<textarea class="area_visualiza" name="content_emp">';
		echo $descricao;
		echo '</textarea>


		<div class="buttons">

			<input type="submit" name="inserir" class="positive" value="Guardar">
				<img src="../gfx/guardar.png" alt=""/> 
			</input>

		</div>
</form>
</div>

</div>';

}

Que após inserção de um registo, adiciona uma especie de etiqueta em que se pode editar, eliminar e visualizar, e posteriormente upload de imagem. Daí a necessidade de ter um registo único para cada div, caso contrário vai mostrar e esconder todos ao mesmo tempo.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.