javascript voorbeeld weergave ding..

Door Leroy Boerefijn op 07-04-2007 20:51

15 views

heey iedereen..

ik was dus voor de lol ff iets in javascript aan het maken.. maar het werkt niet..
ik heb dit:


<html>
<head>
<title>Van Input naar Voorbeeld</title>
<script type="text/javascript">
// <![CDATA[
function inputVoorbeeld()
{
  var text = document.htmltekst.value; //regel 8
  document.voorbeeldje.innerHTML = text;
}
// ]]>
</script>
</head>
<body>
<form action="#" method="get">
<textarea id="htmltekst" onChange="inputVoorbeeld();" rows="20" cols="50"></textarea>
</form>
<br />
<div id="voorbeeldje"></div>
</body>
</html>

ik heb ook ipv regel 8 dit geprobeerd:

var text = document.htmltekst.innerHTML;

maar het werkt allemaal niet :S

kan iemand me helpen??

Lasse

07-04-2007 21:02

Probeer het eens zo:
var text = document.getElementById('htmltekst').value; //regel 8

Leroy Boerefijn

07-04-2007 21:22

@blauwtje, werkt ook niet :( en ook niet met innerHTML en ook niet als ik regel 9 ook met getElementByID doe :S

PHP Newbie

07-04-2007 21:48

regel 9:

document.getElementById().innerHTML

Baarr

07-04-2007 22:23

Volgens mij heb je geen onChange op een textarea. je zou een kunnen proberen of onKeyUp="inputVoorbeeld();" te doen.

onChange heb je volgens mij alleen bij selectboxen, dacht ik.

Leroy Boerefijn

09-04-2007 12:49

@baarr, http://www.websitemaken.be/index.php?page=show_item&id=142
@php newbie, werkt helaas ook niet :(

EDIT
ik heb nu dit:

<html>
<head>
<title>Van Input naar Voorbeeld</title>
<script type="text/javascript">
// <![CDATA[
function inputVoorbeeld()
{
  var text = document.getElementById('htmltekst').value;
  document.getElementById('voorbeeldje').innerHTML = text;
}
// ]]>
</script>
</head>
<body>
<form action="#" method="get">
<input type="text" id="htmltekst" onKeyUp="inputVoorbeeld();" />
<!--<textarea id="htmltekst" onChange="inputVoorbeeld();" rows="20" cols="50"></textarea>-->
</form>
<br />
<div id="voorbeeldje"></div>
</body>
</html>

als ik nu iets in het input veld type.. en dan naast mijn veld klik.. werkt het wel.. (ook met onChange)

Leroy Boerefijn

09-04-2007 14:08

*opgelost*
ik heb dit:

<html>
<head>
<title>Van Input naar Voorbeeld</title>
<script type="text/javascript">
// <![CDATA[
function inputVoorbeeld()
{
  var text = document.getElementById('htmltekst').value;
  document.getElementById('voorbeeldje').innerHTML = text;
}
// ]]>
</script>
</head>
<body>
<form action="#" method="get">
<!--<input type="text" id="htmltekst" onKeyUp="inputVoorbeeld();" />-->
<textarea id="htmltekst" onKeyUp="inputVoorbeeld();" rows="20" cols="50"></textarea>
</form>
<br />
<div id="voorbeeldje"></div>
</body>
</html>

en hij doet het :)

Reageren

Inloggen om te reageren