Problema em manipular variável de php com javascript

bugalurock · Janeiro 19, 2010

Boa Noite!

Eu estou desenvolvendo um sistema pelo qual estou usando php, sql e me aventurei em javascript pra fazer um popupzinho com div e tals...

O problema é que não estou conseguindo manipular variáveis dentre links em html, javascript e php... eu vou postar o código aqui...

- Primeiro eu tenho o seguinte link:

<a href=javascript:; onclick=deletar('visible') ;>
   <img src='imagens/fechar.jpg'>
</a>

- Segundo eu tenho uma função javascript para abrir a div popup:

<script>
function deletar(x){
	
	document.getElementById("alerta").style.visibility=x;
	
}
</script>

... e ...

- Terceiro eu tenho a própria div:

<div id="alerta" style="width: 450px; height: 120px; visibility: hidden; position: absolute; background-image: url(imagens/bg.gif); float: right; color: #ff0000;
border: 1px solid #999999; text-align: center; margin-top: -50px; padding-top: 5px;">

<img src="imagens/icones/03.gif" /><u>ATENÇÃO</u><p><br />
Olá Sr Groff! <br />
Realmente deseja deletar este comentário?<p><br />


<form action='valida_del_cronica.php' method='post'>


	<input type='text' name='id_comentario' value='<? echo $idy?>' />
	<input type='text' name='id_comentario' value='<? echo $id_com?>' />
	<input type="submit" value="Sim"> 
	<input type="button" value="Não" onclick="deletar('hidden');">

												
</form>

</div>

O meu problema é que como esse código está fazendo parte de uma consulta no sql, eu preciso manipular uma variável que é o id, porém, estou com problema, não sei se é possível, é que eu preciso recuperar a variável no terceiro código que é um formulário que vai me enviar pro popup o id que eu preciso...

Espero que tenha fica claro a minha dúvida... agradeço desde já a atenção, disposição e dedicação de todos...

Valeu

klonder · Janeiro 19, 2010

Cara, é isso mesmo que você fez, utilizou o echo para imprimir a string no JavaScript.

Cuidado apenas com o id que não pode repetir!!! Como em:

<input type='text' name='id_comentario' value='<? echo $idy?>' />
<input type='text' name='id_comentario' value='<? echo $id_com?>' />

No mais, testei parte do seu código aqui e deu certo:

<html>
<head>
	<title>Tamanho de um objeto em JavaScript</title>
</head>
<body>
<?php 
$idy = "Valor da variável PHP";
?>
<input type='text' name='id_comentario' value='<?php echo $idy ?>' />
</body>
</html>

Não entendi a dúvida, pois basta jogar a variável $idy no valor do campo

bugalurock · Janeiro 19, 2010

Klonder e não estou conseguindo pegar essa variável, porque ela tinha que ir no meio do link do primeiro código entendeu??? pra eu poder recuperar... e quando eu abro essa página e quero excluir um comentário ele pega sempre o primeiro ID e não o qual eu clico, então preciso ver como eu faço pra recuperar a variavel $id_com, sendo que o processo do link, que é onde eu poderia mandar a variável passa por javascript...

Eu quero recuperar o $id_com no formulario do popup em javascript!

O local onde estou tentando fazer funcionar o que quero está entre o comentário "// Administrado -> conteúdo com problema //<-Administrador e no javascript no topo da página...

resumindo... eu quero recuperar a varial $id_com no formulário da div 'alerta' e 'resp'...

eu vou postar o código inteiro aqui!!!

<?
	
	include('conexao.php');
	
	
	session_start();

?>



<!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=iso-8859-1" />
<title>.: In Vino Veritas - A melhor loja de vinho de Curitiba :.  Contato 41 3338.7519</title>



<script>
function deletar(x){
	

	//	$teste = 3;
		

	
	//var idk = request.setAttribute("idx");
	
//	var idx =  echo $teste?;
	
	document.getElementById("alerta").style.visibility=x;
	
//	alert(idk);
	
	
	//var cagada = document.getElementById("alerta").style.visibility=x;
	
	
}
</script>



<script>
function resp(y){
document.getElementById("resp").style.visibility=y;
}
</script>




<style>

#caixa_cronica {
		width: 528px;

		
		margin-top: 10px;
		
		padding-left: 20px;

		float: left;

		border-bottom: 0px dashed #999999;


}


#cronica_texto {
	width: 520px;


	text-align: left;

	margin-top: 0px;

	margin-left: -5px;
	
	border-bottom: 1px dashed #999999;

}

#cronica_texto ul { 
list-style: none;
}
#cronica_texto ul li {
display: inline;
text-decoration:none;

}

#cronica_texto ul img{
border: 1px solid #333333;
color:#999999;
width: 540px;
height: 75px;
}

#cronica_texto ul a:hover img{
color: #333333;
text-decoration:none;
}

#cronica_texto ul a:hover {
color: #fff; }


</style>



<link rel="stylesheet" type="text/css" href="estilo.css">

</head>


<body>

<div id="tudo">



		<?
			include("topo.php");
			
			include("banner.php");

			include("menu.php");
			
		?>
			
			
			
			<div id="conteudo_">
				<div id="imagens2">
					<span class="titulos">      Crônicas</span>				
				</div>
				
				
				<div id="conteudo_conteudo">
				
				

							<div id="sugestao_conteudo_cronicas" style="margin-top: 10px; margin-bottom: 20px;">
								

									<a href="javascript: history.go(-1)"><img src="imagens/voltar.jpg" /></a>

							
							</div>
				
				
				
						<div id="caixa_cronicas">
				
				
				<?
					$id = $_REQUEST['id'];
				
				
				
					$sql = "SELECT * FROM cronicas WHERE id_cronicas = '$id'";
					
					$resp = mysql_query($sql);
					$resp3 = mysql_num_rows($resp);
					$resp2 = mysql_fetch_array($resp);
					
				
					$id2 = $resp2 ['id_cronicas'];
					$nome = $resp2 ['nome_cronicas'];
					$desc = $resp2 ['desc_cronicas'];
				
				




				?>
				
				
								
						<div id="caixa_cronica">
				
					
								<div class="texto" id="cronica_texto">


											<div id="titulo_cronica">
												<? echo $nome?>
											</div>
											
											<div id="texto_cronica">
												<? echo $desc?><br /><br />
											</div>
											


						
								</div>
								
							
						
						<?
								
								$sql2 = "SELECT * FROM comentario WHERE estilo_id = '1' AND texto_id = '$id'";
								$volta = mysql_query($sql2);
								$volta3 = mysql_num_rows($volta);
								
						

						?>		
								
								<div id="topo_comentario">
									<div id="topo_escrita">	
										COMENTÁRIOS	(<? echo $volta3?>)
									</div>				
								</div>
						<?		
						
								for($i = 1; $i <= $volta3; $i++){
								
								$volta2 = mysql_fetch_array($volta);
								
								$id_com = $volta2['id_comentario'];
								$com = $volta2['com_comentario'];
								$texto_id = $volta2['texto_id'];
								$usuario_id = $volta2['usuario_id'];
								
								
						$sql3 = "SELECT * FROM usuarios WHERE id_usuario = '$usuario_id'";
						$vem = mysql_query($sql3);
						$vem2 = mysql_fetch_array($vem);
						
						
						$id_usuario = $vem2['id_usuario'];
						$nome_usuario = $vem2['nome_usuario'];
						$nivel = $vem2['nivel_acesso'];
		
						

						?>
						
								<div id="caixa_comentario">
										<div id="topo_comentario_2">
											<div id="topo_escrita">	
												<? echo $nome_usuario;?>      <?
										
	// -> Administrador									
										$nivel2 = $_SESSION['nivel']; 
											
										
										
												if ($nivel2 == 1){
													echo "$id_com
																	
															
															<div id='bt_apagar3'>
									
																<a href=javascript:; onclick=deletar('visible','var idx = $id_com') ;>
																		<img src='imagens/fechar.jpg'>
																</a>
									
															</div>
															<div id='bt_apagar'>
										
											
																<a href=javascript:; onclick=resp($id_com) var idx = $id_com;>
																		<img src='imagens/responder.jpg'>
																</a>
										
															</div>
										
														";
												
												
												}else{}





?>




<? echo $id_com;?>
<div id="alerta" style="width: 450px; height: 120px; visibility: hidden; position: absolute; background-image: url(imagens/bg.gif); float: right; color: #ff0000;
border: 1px solid #999999; text-align: center; margin-top: -50px; padding-top: 5px;">

<img src="imagens/icones/03.gif" /><u>ATENÇÃO</u><p><br />
Olá Sr Groff! <br />
Realmente deseja deletar este comentário?<p><br />


<form action='valida_del_cronica.php' method='post'>
<?
	$idy = $_REQUEST['idx'];
?>

	<input type='text' name='id_texte_comentario' value='<? echo $idy?>' />
	<input type='text' name='id_comentario' value='<? echo $id_com?>' />
	<input type="submit" value="Sim"> 
	<input type="button" value="Não" onclick="deletar('hidden');">

												
</form>

</div>




<div id="resp" style="width: 450px; height: 290px; visibility: hidden; position: absolute; background-image: url(imagens/bg3.gif); float: right; color: #FFFFFF;
border: 1px solid #999999; text-align: center; margin-top: -50px; padding-top: 15px;">


Olá Sr Groff! <br />
Realmente deseja deletar este comentário?<p><br />


<form action='valida_resp.php' method='post'>

	<input type='text' name='id_comentario' value='<? echo $id_com?>' />
	
	<textarea name="comentario" cols="20" ><? echo $com?></textarea><br /><br />

	
	<textarea name="txt_comentario" cols="50" rows="10" id="descricao"></textarea><br /><br />
	
	<input type="button" value="Cancelar" onclick="resp('hidden');">
	        
	        
	        
	<input type="submit" value="Responder"> 
	

												
</form>

</div>

										
										
										
										
					<?					
										
	// <- Administrador									
										
										
										
										
										
										
													$id_exc2 = $_SESSION['id'];
										
													if($id_exc2 == $id_usuario){
										
														echo "
										
															<div id='bt_apagar'>
									
																<form action='valida_del_cronica.php' method='post'>
											
																	<input type='hidden' name='id_comentario' value='$id_com' />
																	<input type='image' src='imagens/apagar2.jpg'>	
													
																</form>
									
															</div>
										
														";
										
													}else{}
										
										
										
										
										
										
										
										
										
										
										
												?>
										
										
											</div>	
										</div>
					
										
									<div id="texto_comentario">
										
										<? echo $com ?>
									
									</div>
																				
								</div>
								
						<?		
								
						$sql4 = "SELECT * FROM resp WHERE comentario_id = '$id_com' AND estilo_id = '1'";
						$back = mysql_query($sql4);
						$back2 = mysql_fetch_array($back);
						
						
						$id_com = $back2['id_resp'];
						$com = $back2['com_resp'];
						$texto_id = $back2['texto_id'];
						$usuario_id = $back2['usuario_id'];	
						$comentario_id = $back2['comentario_id'];					

								
								
								if($comentario_id == ''){
										
								
								
								}else{
								
						?>	
								
								
								<div id="seta_resp">
									<img src="imagens/seta_resp.jpg" />
								</div>
								
								
								<div id="caixa_comentario_resp">
										<div id="topo_comentario_2_resp">
											<div id="topo_escrita">
												Luiz Groff responde para <? echo $nome_usuario?>
											</div>
										</div>
										
									<div id="texto_comentario_resp">
										
										<? echo $com ?>
									
									</div>
																				
								</div>
								
								
								
							
								
								
						<?
						}
						}
						?>		
							
							
							
<div id="form_comentario">					
								
<form action="valida_coment_cronica.php" method="post"  name="form1" onSubmit="return validaForm()">
          
		  	<br />
				Escrever um comentário
				
                <br /><br />
					<div id="nome_usuario">
						<?	
						
								if($login = $_SESSION['nome'] == ''){
									echo 'Cadastre-se';										
												
								}else{
											
									$login = $_SESSION['nome'];
									 echo $login;
																							
								} 

												
						?>
						
						
						
						
					</div>
             	
				<br />
				
				
<?				$id12 = $_SESSION['id'];?>
				
				
                <textarea name="txt_comentario" cols="50" rows="10" id="descricao"></textarea>  <br /><br />
				<input type="hidden" name="txt_texto" value="<? echo $id?>" />
				<input type="hidden" name="txt_id_usuario" value="<? echo $id12?>" />
				<input type="hidden" name="txt_nome" value="<? echo $login?>" />

				

					
				
              
              
                <input type="submit" name="Submit" value="Comentar" /><br /><br />



</FORM>
								
</div>	







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

		
		
		
		<?
			
			include("rodape_.php");
			
			
			
		?>
		
</div>	
</body>
</html>

Eu quero recuperar o $id_com no formulario do popup em javascript!

O local onde estou tentando fazer funcionar o que quero está entre o comentário "// Administrado -> conteúdo com problema //<-Administrador e no javascript no topo da página...

resumindo... eu quero recuperar a varial $id_com no formulário da div 'alerta' e 'resp'...

klonder · Janeiro 20, 2010

Encontrei alguns problemas na própria sintaxe, como em:

<a href=javascript:; onclick=deletar('visible','var idx = $id_com') ;>

A pontuação está incorreta. Uma aspas errada pode comprometer tudo. Como o código está sem identação, ficou meio difícil arrumar tudo, mas deverá ser algo como mostrado abaixo. Seria importante separar a variável PHP do restante do código:

echo "<a href='#' onclick='resp(".$id_com."); var idx = ".$id_com."'>";

bugalurock · Janeiro 20, 2010

Tá... legal... por enquanto estou entendendo... acho que uma parte você me sanou a dúvida...

outra coisa, como eu faço pra recuperar a variável lá em cima na function do javascript?

por exemplo eu dou o valor a variável nessa linha de código certo?

<a href=javascript:; onclick=deletar('visible','var idx = $id_com') ;>

ou nessa:

<a href=javascript:; onclick=deletar('visible','var idx = $id_com') ;>

digamos que a variável javascript 'idx' ficou com o valor do $id_com certo? como é que vou fazer pra recuperar ela em cima na function, neste código:

<script>
function deletar(x){
	
	
	document.getElementById("alerta").style.visibility=x;

</script>

bugalurock · Janeiro 20, 2010

Deixa eu melhorar a dúvida, pois acho que ficou meu complexo o entendimento para me ajudarem...

eu tenho o link certo?? e nesse link foi declarado uma variável "idx" com o valor "$id_com" certo??

<a href=javascript:; onclick=deletar('visible'); var idx = ".$id_com." ;>
																		      <img src='imagens/fechar.jpg'>

</a>

agora esse link em cima chama um javascript que é o código abaixo:

<script>
function deletar(x){
	document.getElementById("alerta").style.visibility=x;
	
}
</script>

eu preciso nesse javascript recuperar a variável 'idx' com o seu valor '$id_com' para eu poder jogar no div que o javascript vai chamar, que é esse código embaixo:

<div id="alerta" style="width: 450px; height: 120px; visibility: hidden; position: absolute; background-image: url(imagens/bg.gif); float: right; color: #ff0000;
border: 1px solid #999999; text-align: center; margin-top: -50px; padding-top: 5px;">

<img src="imagens/icones/03.gif" /><u>ATENÇÃO</u><p><br />
Olá Sr Groff! <br />
Realmente deseja deletar este comentário?<p><br />


<form action='valida_del_cronica.php' method='post'>


	<input type='text' name='id_texte_comentario' value='<? preciso puxar aqui a variável $id_com, que puxar direto não tem como então quero puxar lá pelo javascript?>' />

	<input type="submit" value="Sim"> 
	<input type="button" value="Não" onclick="deletar('hidden');">

												
</form>

</div>

Carutcho · Janeiro 20, 2010

Fala aee amigão beleza ??? :D

Eu acho que eu entendi a sua dúvida e vo te dar um bizu..

Vou aproveitar e te dar uma dica e te mostrar os pontos q percebi.

O modo de você mostrar a sua popup de "deletar" não está sendo legal.. O ideal é você usar o style="display:block;", pq a propriedade visible se naum me engano é uma propriedade usada so pelo IE, portanto use assim:

<script>
    deletar (id){
       document.getElementById(id).style.display = "block";
    }
</script>

<a href="#" onclick=deletar("alerta");> <img src='imagens/fechar.jpg'></a>

Nesse caso você apernas mostra a div, eu levo a crer que o a sua div ela está dentro do seu arquivo php, porém escondida. Então para você escrever o valor da variável php, não precisa ser passada pelo javascrip, apenas escreva ela via php mesmo.

<div id="alerta" style="width: 450px; height: 120px; display: none; position: absolute; background-image: url(imagens/bg.gif); float: right; color: #ff0000;
border: 1px solid #999999; text-align: center; margin-top: -50px; padding-top: 5px;">

<img src="imagens/icones/03.gif" /><u>ATENÇÃO</u><p><br />
Olá Sr Groff! <br />
Realmente deseja deletar este comentário?<p><br />


<form action='valida_del_cronica.php' method='post'>
        <input type='text' name='id_texte_comentario' value='<?=$id_com?>' />
        <input type="submit" value="Sim"> 
        <input type="button" value="Não" onclick="deletar('hidden');">
</form>

</div>

Ve aee se eu toquei no ponto certo de sua duvida amigo e qualquer coisa posta aee para a gente te ajudar..

Abss pra ti

Entrar

Arquivado

Problema em manipular variável de php com javascript

Recommended Posts

bugalurock 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

klonder 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

bugalurock 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

klonder 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

bugalurock 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

bugalurock 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Carutcho 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Orientação - Codificação Caracteres Especiais em Java

Não consigo carregar imagem do captcha no meu formulário

Estou criando uma calculadora de m2 e litros de tinta

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante