Divs repetindo devido ao .load() jquery

você precisa atualizar o site todo ou so uma parte do conteudo?

se for so uma parte

function atualizar() {
if (window.XMLHttpRequest) {
x = new XMLHttpRequest();
} else if (window.ActiveXObject) {
x = new ActiveXObject("Microsoft.XMLHTTP");
}
if (x != undefined) {
x.onreadystatechange = function() {
if (x.readyState == 4) {
if (x.status == 200) {
document.getElementById("#conteudo").innerHTML = x.responseText;
}
}
};
x.open("GET", "pagina.php", true);
x.send("");
}
}

var checar = setInterval(function() {
 atualizar();
}, 1200);

HTML:

<div id="conteudo"></div>

agora se for o site todo

setTimeout("index.php'",2000);

Quero atualizar apenas um parte do conteúdo, que está dentro da div conteúdo! O código em js que enviou não funcionou... ele não atualiza a div conteúdo !

Ficou assim

function atualizar() {
if (window.XMLHttpRequest) {
x = new XMLHttpRequest();
} else if (window.ActiveXObject) {
x = new ActiveXObject("Microsoft.XMLHTTP");
}
if (x != undefined) {
x.onreadystatechange = function() {
if (x.readyState == 4) {
if (x.status == 200) {
document.getElementById("#conteudo").innerHTML = x.responseText;
}
}
};
x.open("GET", "index.php", true);
x.send("");
}
}

var checar = setInterval(function() {
 atualizar();
}, 1000);

da forma que está...

$("#conteudo").load("index.php #conteudo");

ele ta pegando a div#conteudo da página index.php e add nessa página onde o JS ta rodando ficando assim 2 ID iguais na mesma página.

<div id="conteudo">
 <div id="conteudo">[...]</div>
</div>

Já tentou renomear um dos #conteudo ?

Não tentei ainda... Então qual é a solução ?

Não tentei ainda... Então qual é a solução ?

Tente!

Fiz isto, mas não funcionou... Não atualizou a div... no meu 1* script atualiza mas repete a div como disse acima

 $(document).ready(function(){

 var atualizar = setInterval(function(){

 $("#conteudo").load("index.php #fgfgfg");
 }, 1000);

	return false;
 });

Não apareceu nada na div #conteudo?

Você renomeou também o elemento do id #fgfgfg na página index.php?

aparece algo no console? (Ctrl + Shift + J)

É o seguinte... tenho uma div que dentro dela há um mysqli_fetch_assoc, onde pucha alguns dados do banco de dados phpmyadmin

<?php while($registro=mysqli_fetch_assoc($sql)){ ?><div id="conteudo"><div id="nome"><?=$registro['nome']?></div></div><?php } ?>

Como resolvo ?

agora ja entedir o problema a div não esta no elemento a div é gerada!

tente troca aqui .

$(document).ready(function(){

 

por $(document).load(function(){

Não funcionou !

$(document).load(function(){
 var atualizar = setInterval(function(){

 $("#conteudo").load("index.php #conteudo");
 }, 1000);

	return false;
 });

Cria uma div com o ID #container ou outra nome que não seja #conteudo e tente o código abaixo:

$(document).load(function(){
 var atualizar = setInterval(function(){
 var content = $("#container");
 content.load("index.php #conteudo");
 $("#container").html(content);
 }, 1000);
	return false;
 });

essa div container fica antes do #conteudo ?

a div #conteudo ficara dentro da div #container.

<div id="#container">
 <div id="#conteudo"></div>
</div>

funcionando http://jsfiddle.net/aurasistemas/ykm606eg/