Ik wil dat als de functie aantalMogelijkheden wordt uitgevoerd dit niet op een nieuwe pagina verschijnt maar toegevoegd wordt aan de huidige pagina met behoudt van de CSS opmaak etc. Ik vermoed dat ik dan met AJAX moet gaan werken alleen ondanks het vele googlen en zoeken is het me nog niet gelukt. Wie kan mij een stap verder helpen?
Code:
<!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" lang="nl" xml:lang="nl">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link type="text/css" rel="stylesheet" href="css/styles.css" />
<title>Start</title>
</head>
<body>
<div id="top-bar"></div>
<div id="logo"><img src="/img/enqueteplaats.png" alt="logo"></div>
<!--toevoegen mogelijkheid -->
<script type="text/javascript">
function aantalMogelijkheden()
{
var i=0;
for (i=1;i<=10;i++)
{
document.writeln("Variabele i: " + i + "<br />");
}
}
</script>
<table border="1">
<tr>
<td colspan="2"><input type="image" src="/img/plusantwoordkeuze.png" alt="antwoord mogelijkheid toevoegen" value="plusantwoordkeuze" onclick="return aantalMogelijkheden(this);" /></td>
</tr>
</table>
</body>
</html>
