Ir para conteúdo

POWERED BY:

Arquivado

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

marceloaltmann

ajax, post, popup

Por , em Javascript

Recommended Posts

marceloaltmann    0

marceloaltmann
Postado

dae galera, estou com uma dúvida no ajax

tenho um sistema de noticias, ao selecionar editar uma noticia, quero que o ajax abra uma pagina php com os campos setados para edição

 

ex.:

titulo: noticia1

conteudo: esta é a noticia1

 

ao clicar no editar, ele abra a pagina de cadastro em

popup e popule o form de cadastro com os campos alimentados;

 

o meu conhecimento em ajax se limita a enviar a requisição via post e fazer um innerHTML em uma div

 

alguem pode me ajudar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado

bem eu fiz esse sistema para te ajudar

 

 

Abaixo estas o codigo das paginas, IMPORTANTE: nao foram usados includes e nos echos da pagina editar nao sao necessarios tantos echos como estao mas enfim fiz dessa maneira

 

Dica, implemente o lightbox, procure no forum ou no laboratorio de scripts ou em artigos e tutoriais pelo lightbox para mostrar aquele "pano" semi-transparente ao mostrar o popup

 

 

So basta criar uma bd e modificar os valores de acordo com os seus

 

######index.php###########

<!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>
<script type="text/javascript">
	function ajaxInit() {
		var req;
		try {
			req = new ActiveXObject("Microsoft.XMLHTTP");
		} catch(e) {
			try {
				req = new ActiveXObject("Msxml2.XMLHTTP");
			} catch(ex) {
				try {
					req = new XMLHttpRequest();
				} catch(exc) {
					alert("Esse browser não suporta Ajax");
					req = null;
				}
			}
		}
		return req;
	}
	function pegarvalores(variavel){
		var loadiv = document.getElementById("loading");
		ajax = ajaxInit(); 
		ajax.open("GET","editar.php?id="+variavel, true); 
		ajax.onreadystatechange=function() {
			 /*   if (ajax.readyState==1){
			document.getElementById("popup").innerHTML = "<img src='load.gif' />";
			}*/
			if (ajax.readyState==4){
		
			document.getElementById("popup").style.display="block";				
			document.getElementById("popup").innerHTML = ajax.responseText; 
			}
		}
		ajax.send(null);
	}

function nopop(){
document.getElementById("popup").style.display="none";

}


</script>
<style type="text/css">
#popup{
	position:absolute;
	width:350px;
	padding:10px;
	border:1px solid #666666;
	background-color:#F3F3F3;
	left: 200px;
	top: 86px;
		display:none;
}
</style>


</head>

<body>
<table align="center" width="92%" border="0">
  <tr>
	<td width="7%">Id</td>
	<td width="30%">Nome</td>
	<td width="33%">Apelido</td>
	<td width="33%"></td>
   
  </tr>
<?php
 
$conn = mysql_connect('localhost', 'root', '') or die ('Não foi possível conectar');

$db= mysql_select_db("teste2009",$conn) or die ("A bd seleccionada nao existe");

$consulta="Select * from clientes";
$resultado=mysql_query($consulta,$conn) or die ('Nao foi possivel fazer a consulta');
$num_registos=mysql_num_rows($resultado); 

while($linhas = mysql_fetch_array($resultado)){
 
?>
  <tr>
	<td><?=$linhas["id"]?></td>
	<td><?=$linhas["nome"]?></td>
	<td><?=$linhas["sobrenome"]?></td>
	<td><a href="java script:pegarvalores(<?=$linhas["id"]?>)">Editar</a></td>
	
  </tr>

<?php 
}
?>
</table>
<div id="popup">
</div>
</body>
</html>

 

 

#################editar.php

 

<?php
 
$conn = mysql_connect('localhost', 'root', '') or die ('Não foi possível conectar');

$db= mysql_select_db("teste2009",$conn) or die ("A bd seleccionada nao existe");

$id=$_GET["id"];


$consulta="Select * from clientes where id=".$id." order by id asc";
$resultado=mysql_query($consulta,$conn) or die ('Nao foi possivel fazer a consulta');
$num_registos=mysql_num_rows($resultado); 

echo "<form action='' method=''>";
echo "<table align='center'>";


while($linhas = mysql_fetch_array($resultado)){
echo"<tr>";
echo"<td>Nome</td>";
echo"<td><input type='text' value='$linhas[nome]' /></td>";
echo"</tr>";
echo"<tr>";
echo"<td>Apelido</td>";
echo"<td><input type='text' value='$linhas[sobrenome]' /></td>";
echo"</tr>";
}

echo "<tr>";
echo"<td colspan='2'><div align='center'>";
echo"<input type='submit' value='alterar' /><br /> <a href=\"java script:nopop()\">Fechar popup</a>";
echo"</div></td>";
echo"</tr>";
echo"</table>";
echo"</form>";
?>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito