Ir para conteúdo

POWERED BY:

Arquivado

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

murillosb

Atualizar Combo A Partir De Popup

Por , em Javascript

Recommended Posts

murillosb    0

murillosb
Postado

Ai galera sou iniciante em php, javascript e ajax...

 

Estou com o seguinte problema. Tenho um combo que faz uma consulta no banco de dados para apresentar os valores e tbm tem uma opção ao lado desse combo para a inclusão de novos valores...quando o cara

clica nessa opção de inclusão ele abre popup onde o cara digita o valor e da um salvar ai o popup fecha. Até ai beleza...mas tenho q atualizar este combo com o novo valor sem atualizar a página...

 

 

Já olhei n soluções e não entendi nada alguém pode me ajudar por favor?

Compartilhar este post

Link para o post
Compartilhar em outros sites

DSerma    19

DSerma
Postado

Utilize AJAX para resolver seu problema...

 

De uma pesquisada no forum de scripts e tutoriais AJAX que você aprende rápido...

 

Abraços...

Compartilhar este post

Link para o post
Compartilhar em outros sites

murillosb    0

murillosb
Postado

Cara to tentando mais não vejo nada q resolva meu problema....a questão é que não preciso atualizar um combo a partir de outroe sim de um popup...coisa q não encontro e consigo adaptar e outra é que estou trabalhando os dados do combo fazendo uma consulta na base de dados

Compartilhar este post

Link para o post
Compartilhar em outros sites

DSerma    19

DSerma
Postado

Ué.. como não ??

 

Execute uma função AJAX quando a poup-up for fechada.... ai essa função atualiza a sua combo... simples...

 

Abraços...

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado 

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nova pagina 1</title>
<script type="text/javascript">
function pop(st){
if (st==0){
document.getElementById("pop").style.visibility="visible";
}

else
{
document.getElementById("pop").style.visibility="hidden";
}

}
</script>
</head>

<body>

<form method="POST" action="atualiza_combo.php" onsubmit="java script:pop(1)">
<!--
Para testar se o pop fecha ao submeter o form baste colocar nada no action. Claro tambem falta a validacao do campo do form

ou seja ao submeter o form vai para uma pagina php que atualiza a tabela onde o combo vai buscar os valores
na mesma pagina coloque um redirect para esta pagina e o combo ficara atualiazo com o novo valor
sei que usando ajax era mais facil mas ainda nao entendo mto bem isso
-->
	<p><select size="1" name="D1">
	<option>valorbd1</option>
	<option>valorbd2</option>
	<option>........</option>
	</select> <a href="java script:pop(0)">adicionar valor ao combo</a></p>
	<div style="position: absolute; width: 258px; height: 150px; z-index: 1; left: 261px; top: 115px; visibility: hidden; border: 1px solid #C0C0C0; background-color: #F3F3F3" id="pop">
		<p align="center"> </p>
		<p align="center">
		<input type="text" name="T1" size="20" style="border: 1px solid #808080"></p>
		<p align="center">
		<input type="submit" value="Adicionar valor" name="B1" style="border: 1px solid #808080; background-color: #F3F3F3"></div>
</form>

</body>

</html>

 

 

e ae Darkdemo, eu tambem ainda nao entendo mto bem ajax, onde posso baixar uma apostila boa para aprender rapido? vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites

DSerma    19

DSerma
Postado

Cara.. nao sei de nenhuma "apostila" boa pra te informar...

 

Basta pegar alguns exemplos que tem aki no fórum mesmo e estudá-los....

 

Abraços...

Compartilhar este post

Link para o post
Compartilhar em outros sites

murillosb    0

murillosb
Postado

Caras...ainda não consegui resolver meu problema, mas por enquanto estou dando um reload em na página quando fecha o popup....o ruim é que perco os dados já preenchidos!

 

 

Bom mas não posso deixar de agradecer a ajuda de vcs vlw msm pela atenção!!!!!!!!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Aurélio Lima    0

Aurélio Lima
Postado

cara... tava com um problema parecido com o teu e resolvi da seguinte maneira:

OBS.: Fiz usando JSP, mas para o PHP é só mudar pouqíssimas coisas...

 

No link onde você irá adicionar um novo valor para a combo, chama o evento onclick, como abaixo:

 

<a href="#" onClick="determinaSelecao(<%=ID_SELECIONADO%>);"><img src="../../imagens/sistema/btnnew.gif" border="0" /></a>

 

Após isso, no JavaScript:

 

function determinaSelecao(ID_SELECIONADO){

var ID_SELECIONADO = document.getElementById("NAME DA TUA COMBO").selectedIndex; //P.S.: NÃO FUNCIONA NO FIREFOX

 

AbreModal('popup_cadastro.jsp?id='+ID_SELECIONADO,ID_SELECIONADO);

traz_selecionado(ID_SELECIONADO);

}

 

Cria outra function, para trazer selecionado o que for cadastrado:

OBS.: Coloque em uma div a combo, com um id...

 

function traz_selecionado(ID_SELECIONADO){

 

if(window.ActiveXObject)

reqCombo = new ActiveXObject("Microsoft.XMLHTTP");

else if(window.XMLHttpRequest)

reqCombo = new XMLHttpRequest();

 

reqCombo.onreadystatechange=function(){

if(reqCombo.readyState==4){

// em "id_da_div", você coloca o identificador da div da tua combo

var id_da_div = document.getElementById("id_da_div");

id_da_div.innerHTML = reqCombo .responseText;

}

}

 

//No ajax_combo.jsp, possui somente a combo, que será chamada sempre que for executada esta função para recarregar a combo

reqCombo.open("POST", "ajax_combo.jsp", true);

reqCombo.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

 

 

if(ID_SELECIONADO== 0){

reqCombo.send('id=0');

}else{

reqCombo.send('id='+ID_SELECIONADO);

}

}

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