Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Write html code to div from javascript?

Status
Not open for further replies.
404notfound

404notfound

Technical User
Jun 26, 2006
7
US
I have this nice little js script that can write text to a div:
-----------------------------------------
<script type="text/javascript">
//<![CDATA[
onload=function()
{
var txt=document.getElementById("myDiv")
txt.innerHTML="Some Content";
}
//]]>
</script>

<body>
<div id="myDiv"></div>
</body>
-----------------------------------------

I suppose I'm being greedy but I was wondering if there is any way this or something like this would work with html content. Where you could enter html code where "Some Content" is and have it display in the div? Thanks!
 
Sort by date Sort by votes
I guess i was thinking more like:

//<![CDATA[
onload=function()
{
var txt=document.getElementById("mydiv")
txt.innerHTML="<table width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#0000FF">
<tr><td>
CONTENT!
</td></tr>
</table>";
}
//]]>

which dosn't quite work...
 
Upvote 0 Downvote
Hi

You have quoting problem :
Code: 
  txt.innerHTML=[red]'[/red]<table width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#0000FF">
<tr><td>
CONTENT!
</td></tr>
</table>[red]'[/red];

[gray]// or[/gray]

  txt.innerHTML="<table width=[red]\[/red]"100[red]\[/red]" border=[red]\[/red]"0[red]\[/red]" cellpadding=[red]\[/red]"0[red]\[/red]" cellspacing=[red]\[/red]"0[red]\[/red]" bgcolor=[red]\[/red]"#0000FF[red]\[/red]">
<tr><td>
CONTENT!
</td></tr>
</table>";

Feherke.
 
Upvote 0 Downvote
? - in conclusive...
I think the problem is because of the forward slashes in the closing table tags... among other things.

</td></tr>
</table>
 
Upvote 0 Downvote
Hi

Oops. I quickly picked the picked evident quoting problem and did not looked forward for others.

You can not wrap the [tt]String[/tt]s in JavaScript like that.
Code: 
  txt.innerHTML='<table width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#0000FF">[red]\[/red]
<tr><td>[red]\[/red]
CONTENT![red]\[/red]
</td></tr>[red]\[/red]
</table>';

[gray]// or[/gray]

  txt.innerHTML='<table width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#0000FF">[red]'+[/red]
[red]'[/red]<tr><td>[red]'+[/red]
[red]'[/red]CONTENT![red]'+[/red]
[red]'[/red]</td></tr>[red]'+[/red]
[red]'[/red]</table>';

Feherke.
 
Upvote 0 Downvote
Oooh! That's Sweet! Thanks.
And I think I can actually apply it.
Is one method better than the other?
The backslashes seem slightly simpler.
 
Upvote 0 Downvote
Hi

Well, the web pages can be viewed on various systems, which could use different end-of-line marks. And there is a chance that escaping it with backslash ( \ ) will not work everywhere. Better go with the uglier [tt]String[/tt] concatenation.

Feherke.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lexer
  • Locked
  • Question
Passing fields from (html-JavaScript) table to JavaScript Function
Replies
0
Views
611
lexer
lexer
Mike Lewis
  • Locked
  • Question
Anyone here got any experience of Grid.JS (a sortable Javascript grid) 1
Replies
5
Views
1K
Mike Lewis
Mike Lewis
jomat
  • Locked
  • Question
JS to show the timer in html under title instead of in the status bar
Replies
2
Views
682
xwb
xwb
JScannell
  • Locked
  • Question
Javascript events
Replies
1
Views
250
Daniel K
Daniel K
Rayj0000
  • Locked
  • Question
How to disable an html button for subsequent website visitors?
Replies
0
Views
561
Rayj0000
Rayj0000

Part and Inventory Search

Sponsor

Back
Top