1 Stukje Vernieuwen

Hi, ik heb dus mijn index.php,
maar ik wil dat als ze op de button klikken dat alleen 1 stukje word vernieuwd, en niet de hele pagina.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Wist jij dat al?</title>
<!--Style Sheets -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
    <link href="css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 6]>
    <link href="css/ie6.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/unitpngfix.js"></script>
<![endif]-->
<!-- jQuery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<!--cufon font replacement -->
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/nevis_700.font.js" type="text/javascript"></script>
<script type="text/javascript">
            Cufon.replace(h1);
            Cufon.replace(h3);
        

    </script>
</head>
<body>
<div id="container">
  <div id="header">
    <div id ="logo"><img src="images/logo.png" alt="logo" width="300" height="130" /></div>
  </div>
  <div id="content">
    <div id="main" class="left">
      <h1>Wist jij dat al?</h1>
      <hr />
      <h2>Wist jij dat </h2>
      
      [COLOR= #0000BB]<?php
$Weetjes[/COLOR] [COLOR= #007700]=[/COLOR] [URL="http://www.php.net/file"]file[/URL] [COLOR= #007700]([/COLOR][COLOR= #DD0000]weetjes.txt[/COLOR][COLOR= #007700]);[/COLOR]
[URL="http://www.php.net/shuffle"]shuffle[/URL] [COLOR= #007700]([/COLOR][COLOR= #0000BB]$Weetjes[/COLOR][COLOR= #007700]);[/COLOR]
[URL="http://www.php.net/echo"]echo[/URL] [COLOR= #007700]([/COLOR][COLOR= #0000BB]$Weetjes[/COLOR][COLOR= #007700][[/COLOR][COLOR= #0000BB]0[/COLOR][COLOR= #007700]]);[/COLOR]
?>
<br /><br /><br />
<!--Begin button css --!> 
<style type="text/css">
.buttoncss {
background-color:#91BEE8;
color:#FFFFFF;
font-size: 12pt;
border:1px solid #000000;
width:300px; 
height: 40px;
}
</style>
<!--Einde button css --!>
<center><input type="button" value="Laad een nieuw weetje!"  onclick="window.location.reload()" class="buttoncss" /> </center>
      
    </div>
  </div>
</div>
</body>
</html>

Dat met die kleurtjes

Dan moet je dat met I-frame doen volgens mij

of include

Hmm, kan je dat uitleggen/ code plaatsen?

yep en dan die inclue/iframe refreshen

<meta http-equiv="refresh" content="5" />

de 5 is hoeveel seconden er gewacht moet worden voor de pagina gerefresht wordt

Maar het moet pas gebeuren als er op de button word geklikt.

Het kan ook met AJAX, maar ik heb het idee dat dat nog iets boven jouw niveau is

bij button moet je onClick="document.location = document.location;" doen
EDIT:
Dan moet de button wel in iframe

Nielsie schreef:

bij button moet je onClick="document.location = document.location;" doen

Dan wordt de hele pagina vernieuwd

Ik ga nu eten, kijk zo ff of het wil lukken.

@luuk:
Alle scripting shit is boven mijn niveau