document.write

steeloxp · 9 mei 2006

Hallo mensen,

ik ben sinds gisteren bezig met JavaScript, leek me toch wel handig om dat eens door te nemen

Nu heb ik dit even in elkaar gedraaid:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<script type="text/javascript" language="javascript">
function tag(){
var string1 = "~Da.-";
var string2 = document.getElementById('tagger').value;
var string3 = string1+string2;
}
</script>
<form action="" name="taggen">
<input id="tagger" name="tagger" maxlength="14" alt="Tag Generator" onChange="tag(this.value)" title="Tag Generator" />
</form>
<script type="text/javascript" language="javascript">
document.write('<p>' + string3 + '<\/p>');
</script>
</body>
</html>

Wat is wil bereiken, iemand vult iets in, in het inputveld, deze string (var string2) is die waarde uit het inputveld, en string3 plakt de vaste string aan de input.

Als ik alert(string3); komt er gewoon de goede waarde.

Maar als ik doe: document.write('<p>' + string3 + '</p>'); komt er niets te staan

Wat is mijn fout?

JeroenE · 9 mei 2006

Het volgende zal inderdaad niets meer doen omdat het uitgevoerd wordt bij het laden van de pagina, maar daarna niet meer.

steeloxp zei:
document.write('<p>' + string3 + '</p>');

Je kan een div zetten ipv dat stukje script, en die een "innerHTML" geven vanuit de functie tag();

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tagger</title>
<script type="text/javascript" language="javascript">
function tag(){
var string1 = "~Da.-";
var string2 = document.getElementById('tagger').value;
var string3 = string1+string2;
[color=green]document.getElementById("thetag").innerHTML = "<p>" + string3 + "</p>";[/color]
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form action="" name="taggen">
<input id="tagger" name="tagger" maxlength="14" alt="Tag Generator" onChange="tag(this.value)" title="Tag Generator" />
</form>
[color=green]<div id="thetag"></div>[/color]
</body>
</html>

-> voorbeeld <-

Greetz : Jer

en.

document.write

steeloxp

Gebruiker

JeroenE

Terugkerende gebruiker

Bijlagen

Nieuwste berichten

Wij waarderen jouw privacy