Updatera endast en div

Som vissa av er säkert har sätt så hållar jag på med en chat sida/board. Nu efter att jag har byggt om sidan lite så tänkte jag lägga till en funktion som automatiskt uppdaterar innehållet i en DIV. Men det verkar inte fungera som tänkt, istället uppdateras hela sidan på nytt.

Jag har kollat runt en hel del och har inte hittat någon vettig lösning för just mitt projekt.

Diven ser ut såhär:

<div id="roombody"><?php include("include/roombody.php");?></div>

Och jag har även provat något i stil med:

<script type="text/javascript">
	var auto_refresh = setInterval(
	function ()
	{
	$('#roombody').load('room.php').fadeIn("slow");
	}, 1500);

    <div id="roombody"><?php include("include/roombody.php");?></div>
	</script>

Jag misstänker att delen där det står "room.php" bör bytas ut mot länken man är på. Men oavset hur jag gör så får jag det inte att funka.
Antingen så uppdaterar hela sidan sig eller så försvinner allt som hämtas in ifrån "include/roombody.php"

Skulle vara tacksam om någon kunde hjälpa mig lösa detta eller hänvisa mig till en sida som beskriver en lösning

roombody är ett php script som ska hämta in alla inlägg och den kör sedan en echo på det den har hämtat ut

Jag misstänker att mitt problem ligger där mer eller mindre, room.php är filen som hela sidan ligger på. Och jag har försökt ändra den men oavset hur jag gör så visas antingen inga inlägg eller så uppdateras hela sidan.

När man är inne i ett "chatrum" så är man inne i länken "room.php?r=(Rummets ID)" Den här länken har inte funkat heller, så jag vet inte riktigt vad eller hur jag ska göra för att få den att inte uppdatera hela sidan.

 $('#roombody').load('include/roombody.php').fadeIn("slow");

<script type="text/javascript"> 
    var auto_refresh = setInterval( 
    function () 
    { 
    $('#roombody').load('include/roombody.php').fadeIn("slow"); 
    }, 1500); 

    
    </script>
<div id="roombody"><?php include("include/roombody.php");?></div>

Verkar ha fått den att låta bli att uppdatera hela sidan men nu måste jag lösa delen med vilken länk som ska uppdateras. För nu försvinner allt i den diven då den uppdateras. Ska se om man lyckas få det att funka innan man tar lunch.

Så något såhär då eller, eller har jag missuppfattat dig ?

$('#hämtainfodiv').load('#stoppaininfodiv');

Jobbar väldigt sällan med javascript så är en hel del som är nytt för mig

Jo det förstår jag, var bara ett exempel som jag kom med för att visa hur jag tänker

Jag har hittills kommit så långt att jag har fått den att hämta filen utan att hela hemsidan uppdateras men dock så uppdateras inte heller den diven som borde det.

<script type="text/javascript">  
    var auto_refresh = setInterval(  
    function ()  
    {  
    $('#roompost').load('include/roombody.php');  
    }, 1500);  

    </script>
    <div id="roombody"><?php include("include/roombody.php");?></div>

Diven "#roompost" finns inne i "include/roombody.php". Den lagrar alla inläggen och de visas sedan upp i "#roombody".
Kan mitt problem nu vara att den försöker skriva till en div som ligger i den fil som den hämtar info ifrån. Och på sätt råkar tömma den och ingenting uppdateras?

require ("script/connect_mysql.php");
$gethead = mysql_query("SELECT * FROM post WHERE RoomID='$roomnr' ORDER BY Date DESC");
	$postcount = mysql_num_rows($gethead); // count the output amount
		if ($postcount > 0) {
			while($row = mysql_fetch_array($gethead)){ 
				$postid = $row["ID"];
				$user = $row['User'];
				$text = $row["Text"];
				$date = $row["Date"];
				$printpost .= '
				<div class="roompost">
					<div style="float: left; margin-left: 20px; margin-top: 5px;">'.$user.'</div>
					<div style="float: right; margin-right: 20px; margin-top: 5px;">'.$date.'</div>
					<div style="margin-top:30px; margin-left: 20px; margin-bottom: 10px;">'.$text.'</div>
				</div>
				';
			}
		}
mysql_free_result($gethead);

echo $printpost;

Misstänker att jag får skriva om en del. Inne i roombody.php så hämtar den ut info ifrån databasen vilket läggs in i #roompost

Så fort den försöker uppdatera så försvinner allt innehåll i .roompost och #roombody blir tom. Any ideas ?

Nej inte vad jag kan se/hitta. Kollade i både Chrome och Firefox

$gethead = mysql_query("SELECT * FROM post WHERE RoomID='$roomnr' ORDER BY Date DESC");

Jag har en funktion i room.php som automatiskt plockar fram $roomnr och eftersom jag kör "include" på "roombody.php" filen så läggs de ihop i samma fil och då kan man hämta ut data från rätt ställe i databasen

if(isset($_GET["r"]))
{
	$roomnr = $_GET["r"];	
}
else if(!isset($_GET["r"]))
{
	header ("location: index.php");
	exit();
}

Om jag inte har fel så finns $roomnr fortfarande kvar i "room.php" och när "roombody.php" refreshar är det bara att hämta värdet eftersom det aldrig ändras och därför finns kvar?

Sen att du har livlig fantasi är bara ett stort + ! Har själv löst vissa problem förr med lite fantasi när inget annat gick

room.php är filen där du hittar:

if(isset($_GET["r"]))
{
	$roomnr = $_GET["r"];	
}
else if(!isset($_GET["r"]))
{
	header ("location: index.php");
	exit();
}

och

<script type="text/javascript">  
    var auto_refresh = setInterval(  
    function ()  
    {  
    $('#roombody').load('include/roombody.php');  
    }, 1500);  

    </script>
    <div id="roombody"><?php include("include/roombody.php");?></div>

Sen närden refreshar så hämtar den bara $roomnr ifrån sidan den redan är på, dvs room.php Hade det inte funkat så hade jag aldrig kunnat se några inlägg alls.

Inläggen dyker upp men försvinner så fort javascriptet försöker uppdatera.