Jump to content


Photo

Atualizar Div Sem Refresh


  • Faça o login para participar
14 replies to this topic

#1 MastersRoX

MastersRoX

    EDITADO

  • Banidos
  • PipPipPipPipPipPipPipPip
  • 774 posts
  • Sexo:Não informado

Posted 11/10/2007, 17:08

bom, vo postar os codes...

index.php

ela lista tds os dados de uma tabela do bd (php/mysql), com a opcao de deletar ou editar o registro e possui uma div em baixo (id=edit) que possui um form que será usado para editar os dados de um registro após clicar em editar.

O meu problema está na parte de EDITAR o registro. Vou explicar a logica q eu fiz: ao clicar em editar ... o ajax manda o ID do registro pra pagina PHP (acoes.php) .. nela o php faz a consulta na tabela WHERE id='$_GET[id]' e assim pode-se pegar os dados NOME e IDADE. O que eu prcizo... e mandar esses 2 dados devolta pra index.php dentro dos campos do form (que estão da div id="edit") !

<script type="text/javascript">function executeEditar(acao, id){	try {		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");	} catch ( e ) {		try {			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");		} catch ( e ) {			xmlhttp = false;		}	}	if  (!xmlhttp && typeof  XMLHttpRequest != 'undefined' ) {		try  {			xmlhttp = new  XMLHttpRequest();		} catch  ( e ) {			xmlhttp = false;		}	}				if (xmlhttp) {			xmlhttp.onreadystatechange = editarConteudo;		xmlhttp.open('GET', 'acoes.php?acao='+acao+'&id='+id, true);		xmlhttp.setRequestHeader('Content-Type','text/xml');		xmlhttp.setRequestHeader('encoding','ISO-8859-1');		xmlhttp.send(null);			}	}function editarConteudo(){	if ( xmlhttp.readyState == 4) { // Completo				if ( xmlhttp.status == 200) { // resposta do servidor OK						document.getElementById("edit").style.display="block";			//document.getElementById("div_lista").innerHTML = xmlReq.responseText;			} else {				alert( "Problema: " + xmlhttp.statusText );			}	}}--></script>		<table width="580" height="25" border="0" cellpadding="0" class="normal">		  <tr>			<td width="8%" bgcolor="#D1D1D1"><div align="center"><strong>Del</strong></div></td>			<td width="8%" bgcolor="#D1D1D1"><div align="center"><strong>Edit</strong></div></td>			<td width="74%" bgcolor="#D1D1D1"><strong>Nome</strong></td>			<td width="10%" bgcolor="#D1D1D1"><div align="center"><strong>Idade</strong></div></td>		  </tr>		</table>		<? $host = "localhost"; // servidor$ux = "root"; // usuario do bd$senx = "123"; // senha do bd$bdx = "testes"; // bd$coneccao = mysql_connect($host , $ux , $senx ) or die ("Erro ao se conectar ao mysql ... ");$coneccao_bd = mysql_select_db($bdx)or die ("Erro ao se conectar a base de dados ... ");//------------------------------------------------------------------------------------------------echo"<table width='580' border='0' cellpadding='2'>";$sql1 = mysql_query("SELECT * FROM membros ORDER BY nome ASC"); $n=0;while($dados = mysql_fetch_array($sql1)) {echo" <tr id='linha_".$dados[id]."' "; if ($n % 2 == 0){ echo"bgcolor='#DDDDDD'"; } echo" class='normal'> 	<td width='8%'><div align='center'><a href='#' onclick=\"java script:executeAcao('deletar','$dados[id]')\">X</a></div></td>	<td width='8%'><div align='center'><a href='#' onclick=\"java script:executeEditar('editar','$dados[id]')\">?</a></div></td>	<td width='74%'>#$dados[id] $dados[nome]</td>	<td width='10%'><div align='center'>$dados[idade]</div></td>   </tr>"; $n++;}echo"</table>";?><div id="edit" style="display:none"><fieldset><b><legend><span class='normal'>Editar dados</span></legend></b>	<table width="580" border="0" class="normal">	  <tr>		<td width="10%" scope="col">Nome:</td>		<td width="90%" scope="col"><input name="nome_edit" value="" type="text" class="campos" id="nome_edit" size="40" maxlength="50"></td>	  </tr>	  <tr>		<td scope="col">Idade:</td>		<td scope="col"><input name="idade_edit" type="text" class="campos" id="idade_edit" size="2" maxlength="2"></td>	  </tr>	  <tr>		<td scope="col">&nbsp;</td>		<td scope="col"><input type="button" value="Editar" class="campos" name="carregador" id="carregador" lang="pt-br" title="Carregador" ></td>	  </tr>	</table></fieldset></div>

acoes.php

switch($_GET["acao"]){

	case'editar':
	$consulta = mysql_query("SELECT * FROM membros WHERE id='$_GET[id]'");	
	$dados = mysql_query($consulta);
		print' document.getElementById("edit").innerHTML = xmlhttp.responseText; ';
	break;

}

sou iniciante em ajax... e nao quase nada ainda !

como fazer ?

Edição feita por: Paulo André, 14/10/2007, 22:03.
Só faltou usar as tags [CODEBOX]. =]


#2 Kadu DG

Kadu DG

    I Love my Little Girl! http://www.kdsg.net

  • Usuários
  • 597 posts
  • Sexo:Masculino
  • Localidade:Carapicuiba, SP

Posted 11/10/2007, 18:13

velho, assim..uma regra do fórum é postar códigos grandes dentro da codebox!

[*codebox]conteúdo[*/codebox]
Posted Image

#3 MastersRoX

MastersRoX

    EDITADO

  • Banidos
  • PipPipPipPipPipPipPipPip
  • 774 posts
  • Sexo:Não informado

Posted 11/10/2007, 20:42

dentro de nao da p deixar em negrito o texto!

po.. tu postar isso.. perda de tempo eim


alguem saberia me ajudar?

#4 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 13/10/2007, 12:35

Arrume o seu post, tem tags do fórum junto ao seu código. Também vi que aparenta ser 2 páginas, separe-as e tente ser mais claro quanto à sua dúvida.

Importante, edite seu perfil do fórum. A mensagem abaixo do seu avatar é ofensiva. Caso não modifique a administração do fórum fará por você.
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#5 MastersRoX

MastersRoX

    EDITADO

  • Banidos
  • PipPipPipPipPipPipPipPip
  • 774 posts
  • Sexo:Não informado

Posted 14/10/2007, 21:40

bom... consegui fazer td oq queria ja... podem fechar o topico

quem kizer ver como ficou:
http://www.zonemaste....br/ajax/teste/

valeu

Edição feita por: MastersRoX, 15/10/2007, 11:12.


#6 Paulo André

Paulo André

    Why so serious?

  • Ex-Admins
  • 5114 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte - MG
  • Interesses:O.Q.F.J.?

Posted 15/10/2007, 15:39

Só não fica bonito quando o nome tem acentuação. =) Até mais
Paulo André G Rodrigues,
ex-administrador Fórum WMO.


www.CanalDev.com.br

#7 Crab

Crab

    Da paz, mas preparado para Guerra

  • Ex-Admins
  • 2521 posts
  • Sexo:Masculino
  • Localidade:Florianópolis - SC
  • Interesses:Desenvolvimento Gráfico e Web.

Posted 16/10/2007, 21:54

po.. tu postar isso.. perda de tempo eim

alguem saberia me ajudar?



Perda de tempo é alguém parar para tentar ajudar um punhado de código sem a formatação bbcode correta... doi nos olhos ver aquele emaranhado.
... se tu não se ajuda como esperar que alguém ajude?

Boa sorte com tua metodologia.

(y)Até mais

#8 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 21/09/2017, 09:03

On Line Worldwide Progesterone Discount buy cialis Clobetasol Free Shipping
Amoxil Clavula Side Effects Meinungen Zu Priligy Anticoncezionali Levitra
Buy Cheap Antabuse <a href=http://cialtobuy.com>cialis buy online</a> Amoxil Feline Side Effects
ajanta Kamagra Oral Jelly cialis Viagra Price In France
Indian Viagra Dangers
Geriforte <a href=http://cialtobuy.com>buy cialis</a> Cephalexin Trigger Imha
Buy Online Cialis Without Prescription cialis online Pilex
Pain Pills Online Buy Amoxicillin Amazon 252 Zithromax Azithromycin Side Effects
Achat Amoxicillin Pharmacie A Bon Compte France <a href=http://cialtobuy.com>cialis online</a> Strep Throat Amoxicillin
Viagra Greece cheap cialis Cialis 8 20
Finasterid Gleich Propecia
Cgv Online Pharmacy <a href=http://cialtobuy.com>cialis</a> Spese Levitra In Farmacia

#9 MatthewCem

MatthewCem

    12 Horas

  • Usuários
  • 246 posts
  • Sexo:Feminino
  • Localidade:Montevideo

Posted 22/09/2017, 01:53

uljciks

http://www.dongpengv...madrid-603.html
http://www.probaiedu...lance-zebre.php
http://www.uteca.es/...negras-938.html
http://www.convergen...rises-2015.html
http://www.dongpengv...rarlos-652.html

Comprar Zapatos Valentino Online
Gafas De Sol Oakley Monster Dog
Zapatos De Futbol Nike 2016 Cr7
Nike Cortez Amarillas Precio
Nike Air Force 1 High Black
leoeyuv

http://www.galaresta...-online-159.php
http://www.nocheviej...f-mujer-392.php
http://www.conelguap...futbol-158.html
http://www.taxymoto....-white-659.html
http://www.nocheviej...a-mujer-809.php

Tenis Ralph Lauren
Zapatillas Salomon X Ultra
Zapatos Tacon Online Baratos
Nike Flyknit Max Amazon
Oakley Holbrook Julian Wilson Segunda Mano
njslfva

http://www.mexicodf....dolibre-336.php
http://www.repartode...e-aero-925.html
http://www.nocheviej...7-mujer-227.php
http://www.uteca.es/...-rojas-659.html
http://www.conelguaposubidoterracotta.es/nike-magista-opus-azules-â-naranjas-2014-605.html

Bolsa Michael Kors Selma Valor
Nike Air Jordan Retro 6
Zapatillas Asics Mujer Running
Louis Vuitton Carteras Originales Precios
Nike Air Max 1 Ultra
snnktyp

http://www.probaiedu...rouge-femme.php
http://www.mastersar...re-2017-005.php
http://www.repartode...-mujer-022.html
http://www.convergenc.es/976-nike-air-max-niño.html
http://www.acgproduc...hombre-446.html

Beats Pro Ovo
Puma Futbol 2016
Venta Mbt Originales
New Balance Argent Femme
Yeezy Adidas Ultra Boost
phywwxy

http://www.adornosan...ajas-mujer.html
http://www.tv-gratui...h-talon-233.htm
http://www.galaresta...te-azul-136.php
http://www.restauran...e-white-448.php
http://www.repartodecomidaadomicilio.es/precio-zapatos-mbt-españa-393.html

Comprar Nike Air Force Baratas
Botines Puma Cuero
Louis Vuitton Retiro
Converse Tenis Mujer
Adidas Gazelle Azul Y Rosa
lszlbxe

http://www.bellracin....0-azul-484.htm
http://www.repartode...madrid-858.html
http://www.adornosan...as-blancas.html
http://www.my-contes...e-femme-591.php
http://www.uteca.es/...precio-440.html

Adidas Tenis Mujer Neo
Mizuno Volleyball Tornado 8
Hugo Boss Calzado Mercadolibre
Cinturon Ferragamo Pirata
New Balance Mujer Azul Y Rojo
oejjmaw

http://www.probaiedu...style-femme.php
http://www.itcolorse...er-2016-218.asp
http://www.virtualpr...madrid-625.html
http://www.crilate.e...celona-810.aspx
http://www.probaiedu...is-bordeaux.php

Zapatillas Nike Air Max 90 Essential Hombre
New Balance Femme 574 Noire
Asics Woei
Zapatos Polo Ralph Lauren Rojos
Adidas Neo Homme Blanche

#10 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 06/10/2017, 01:43

5mg Cialis From India Priligy Presentacion viagra cialis Make Your Own Amoxicillin Fluoxetine Need Legally Low Price With Free Shipping Propecia Folcres Generico
Ship Free Viagra Sample Amoxicillin 800 viagra Kamagra Effet
Venta De Viagra En Internet Viagra Cialis Vendita Keflex Anerobes levitra brand Cheap Cialis Online Canadian P Buspar Discontinued
Nausea Generic Propecia Finasteride Clomid From India Price Zithromax levitra en ligne canada Levitra Side Effects Macrobid Niftran Germany Cod Only No Rx Shop

#11 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 06/10/2017, 08:50

Viagra Efectos Indeseables viagra Medicament Cialis 10 Keflex Medicine Zithromax Ten Days
Propecia Side Effects Stress online pharmacy Want To Buy Direct Stendra Erectile Dysfunction Tablet Viagra 100 Mg Best Price

#12 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 13/10/2017, 12:58

Isotretinoin worldwide price amex accepted online generic viagra Cialis Durata Scadenza Kamagra Gel Sachets Trusted Rx Pharmacy
Www Rx Customer Support Vendita Di Cialis Isotretinoin Cheap buy cialis Kamagra Preise
Cialis Generika Aus Polen viagra Cialis Soft Achat Online Taking Anaprox With Amoxicillin

#13 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 13/10/2017, 17:12

Levitra Ricetta Medica cialis buy online Cialis Rapide
Cvs Viagra Prices Cialis Paypal Dutasteride Medicine online pharmacy Provera For Sale Mastercard Accepted Low Price Baclofene Naturel Comprar Viagra Sin Receta En Espana
Levitra Alla Menta Side Effects Of Amoxicillin Clavulanate Amoxil By Vbulletin Intitle View Profile viagra online prescription Xenical Orlistat Buy Online

#14 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 31/10/2017, 01:07

Dragon Power Comprar Clozapine Viagra Generika Sicher Und Schnell buy viagra Propecia Rogaine Retin A Propecia Levitra En La Farmacia
Propecia Pa Natet online pharmacy Cialis Canada Generic Propecia Dutasteride
Cephalexin And Urinary Infection Profesionalviagra viagra online prescription Zithromax Alternative Buy Cialis Online Canada

#15 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 22/11/2017, 02:59

Priligy Mexique online pharmacy Viagra With Bonus Pills
Cialis Modo Empleo viagra online Qu'Est Ce Que Le Xenical Can I Purchase Elocon




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq