[Resolvido] Como Atualizar evento/funcao de acionar DIV

[PauloRJ 4]

Opa!

 

Tenho este codigo funcionando de adicionar mais uma linha.

Duvida: Quando ele exibe a hora em PHP ele mantem a primeira hora.

O que seria isso: O javascript não chama o evento novamente simplesmente repete a linha.

Como pode fazer para o javascript chamar essa função novamente para exibir a hora atual em php?

 

PS: A ideia nao é a hora (caso surga sugestoes de exibir a hora em js) e sim para outra ideia.

 

 

<script type="text/javascript">
var mainDivName = 'linha';

function addEvent2()
{
	var ni 			= document.getElementById(mainDivName);
	var numi 		= document.getElementById('theValue');
	var num 		= (document.getElementById("theValue").value -1)+ 2;
	numi.value 		= num;
	var divIdName 	= "Registro"+num+"Div";
	var newdiv 		= document.createElement('div');
	newdiv.setAttribute("id",divIdName);

	newdiv.innerHTML = "Linha: "+num+" /-/ Nome da Div: "+divIdName+" /-/ Hora PHP: <?php echo date('H:i:s');?>";
	
	ni.appendChild(newdiv);
	return num;
}

function removeEvent2(divNum)
{
	var d = document.getElementById(mainDivName);
	var olddiv = document.getElementById(divNum);
	d.removeChild(olddiv);
}
</script>


<input type="hidden" value="0" id="theValue" />
<input type="button"  value="Adicionar Linha" onClick="addEvent2();" style="cursor:pointer">
<div id="linha"></div>

[Matheus Tavares 167]

Somente com AJAX, amigo.

Ou então use o próprio JS para definir a hora. Mas nesse caso, a hora exibida será a do cliente, e não a do servidor, podendo então estar incorreta.

 

Com jquery dá pra fazer em menos de 10 linhas todo o funcionamento. Aconselho uma leitura sobre o assunto.

 

Até

[PauloRJ 4]

Teria algum exemplo para que eu estude o caso?

[William Bruno 1501]

exemplo de requisição ajax, com js puro

http://forum.imasters.com.br/index.php?/topic/408917-funcao-php-sendo-chamada-por-javascript-poo/page__p__1606604entry1606604

 

se você quer algo que fique 'repetindo' a cada 'x tempo', dispare um setTimeout() (recursivo), ou um setInterval()

[Matheus Tavares 167]

E aqui temos uma lista de funções para uso de AJAX com jQuery:

http://api.jquery.com/category/ajax/

 

E aqui um tutorial do método .load (que é o unico que você precisaria):

http://www.maujor.com/blog/2009/02/03/requisicao-ajax-com-o-metodo-load-da-jquery/

 

Até mais.

[PauloRJ 4]

Consegui fazer com ajax.

 

1) Criei um codigo em javascript que cria uma nova div

2) Com a nova DIV criada eu via ajax busco o "novo" conteudo que sera exibido na mesma

3) Consigo atualizar e ter conteudo dinamico na div via javascript por ajax.

 

Valeu a força para ajudar a resolver o problema.

Quem se interessar posso postar o codigo.

 

Forte abraço!