document.write alternative help to convert to innerHTML?

**vilhelm** · 05-12-2012 02:49 AM

Hi!
I want the result of a fileld to appear bellow the form and not in a new blank page (witch happens when you have document.write?).
I guess it has something to do with "innerHTML"?

Can anyone of you help me to make the result of this IF to appear bellow the form?

if (document.Form.TypedInField.value == "The Cable Guy")
{ document.write("You just wrote a title of a nice movie") }

I have the form and everything works perfect, except of that the result of what the user have wrote (beacuse of docuemnt.write) land in blank window.

I would be very happy of any of you could solve this for me

**coothead** · 05-12-2012 05:22 AM

Hi there vilhelm,

and a warm welcome to these forums.

Use "document.getElementById()" instead.

The script would become...

Code:

if (document.Form.TypedInField.value=="The Cable Guy") {
    document.getElementById("foo").innerHTML="You just wrote a title of a nice movie"; }

The HTML below the form element would be...

Code:

<div id="foo"></div>

Change "foo" to suit your personal requirements.

coothead

**TheAliveWinner** · 05-12-2012 05:32 AM

Check it:

HTML Code:

<!doctype html>
<html>
<body>
    <fieldset>
        <legend>Enter a movie's name!</legend>
        <form name="Form">
            <input name="TypedInField" />
            <input type="button" value="Click me!" onclick="myFunction()" /> <label>e.g. The Cable Guy</label>
            <br/>
            <label id="output">&nbsp;</label>
        </form>
    </fieldset>
    <script>
        var myFunction = function () {
            var _output = document.getElementById('output');
            if (document.Form.TypedInField.value == '') {
                alert('Please enter a movie name!');
                document.Form.TypedInField.focus();
            } else if (document.Form.TypedInField.value == "The Cable Guy") { 
                _output.innerHTML = "You just wrote the title of a nice movie!";
            } else {
                _output.innerHTML = "Is this a good movie? I should watch it!";
            }
        }
    </script>
</body>
</html>

Thread: document.write alternative help to convert to innerHTML?

Thread Tools

Display

document.write alternative help to convert to innerHTML?

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions