Using html in javascript trouble? [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

This question does not appear to be about programming within the scope defined in the help center.

Closed 12 months ago.

I'm having trouble getting my code to correctly display HTML within the JavaScript code I have. Basically, I am checking for the variable hundo to equal 3, and then have the script display a form. I have tested the code to just show an alert message when hundo equals 3, but when I use document.write it fails to work.

<script>
setInterval(function(){
if(hundo == '3'){
document.open();
document.write("<form action="insert.php" method="post">
Link URL: <input type="text" name="linkurl" />
<input type="submit" />
</form>");
document.close();
}
}, 1000);
</script>

Oded · Accepted Answer · 2012-01-02 19:14:55Z

0

You need to alternate the quotes you are using in your document.write:

document.write('<form action="insert.php" method="post">
Link URL: <input type="text" name="linkurl" />
<input type="submit" />
</form>');

The problem is that you are only using one type of quotes, so javascript sees "<form action=" than an undefined javascript object: insert.php, without any operator between them, to boot.

answered Jan 2, 2012 at 19:14

Oded

501k102 gold badges900 silver badges1k bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Twister Over a year ago

What you say makes complete sense and yet it is still not working.

Oded Over a year ago

"it is still not working" - meaning what exactly? What does the error console say?

Twister Over a year ago

The error console says nothing the form just doesn't show up when hundo = 3.

Oded Over a year ago

@user1126681 - Where do you expect it to appear? document.write would end up at the top of the document. You should probably use the DOM instead of document.write, constructing the elements in memory and appending to a known node.

Oded Over a year ago

@user1126681 - Several ways, but using the DOM is (in my opinion) best. An alternative is to have a div with an id, use document.getElementById using that id and setting the innerHTML property to the new form.

|

Rajat Singhal · Accepted Answer · 2012-01-02 19:15:49Z

0

<script>
setInterval(function(){
if(hundo == '3'){
document.open();
document.write('<form action="insert.php" method="post">
Link URL: <input type="text" name="linkurl" />
<input type="submit" />
</form>');
document.close();
}
}, 1000);
</script>

This will work..:)

answered Jan 2, 2012 at 19:15

Rajat Singhal

11.3k5 gold badges40 silver badges57 bronze badges

Collectives™ on Stack Overflow

Using html in javascript trouble? [closed]

2 Answers 2

7 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Related