Na input in textarea geen update
ik heb een ajax script gemaakt dat het volgende doet:
- Iemand klikt op 'change content' en de content in het textarea wordt geladen
- Bij iedere klik op de button 'change content' veranderd de invoer in het textarea met een nieuwe zin uit de database
probleem;
Wanneer ik op 'change content' klik en ik typ bijvoorbeeld een spatie of letter in het textarea, dan wordt er niet meer geupdate als ik daarna op 'change content' klik.
Er gebeurd dan niets meer.
Iemand die de fout ziet?
Quote:
<html>
<head>
<title>Twitter oAuth Application</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
<script type="text/javascript">
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("tweet").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","uitdb.php",true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="form"><!--Start form-->
<label>Update Twitter Timeline</label><br />
<form method='post' action='index.php' name='randomtweet'>
<textarea name="tweet" cols="50" rows="5" id="tweet" ></textarea>
<br />
<input type='submit' value='Tweet' name='submit' id='submit' />
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</div><!--End Form-->
</body>
</html>
<html>
<head>
<title>Twitter oAuth Application</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
<script type="text/javascript">
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("tweet").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","uitdb.php",true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="form"><!--Start form-->
<label>Update Twitter Timeline</label><br />
<form method='post' action='index.php' name='randomtweet'>
<textarea name="tweet" cols="50" rows="5" id="tweet" ></textarea>
<br />
<input type='submit' value='Tweet' name='submit' id='submit' />
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</div><!--End Form-->
</body>
</html>
Toevoeging op 02/12/2011 12:07:18:
Update:
Als ik dan van dit gedeelte:
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("tweet").innerHTML=xmlhttp.responseText;
}
}
dit maak:
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("tweet").select()
var userInput = xmlhttp.responseText;
document.getElementById("tweet").innerHTML=userInput;
}
}
Dan wordt de tekst geselecteerd wanneer ik iets typ in het tekstvak en daarna op 'change content' druk, maar de tekst veranderd niet meer.
Er zijn nog geen reacties op dit bericht.