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 SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Dynamically generate HTML page from users input 2

Status
Not open for further replies.
msturges

msturges

Programmer
Mar 29, 2001
32
0
0
ZA
Hi Guys,

Sorry if my subject was not descriptive enough, I really didn't know how to phrase it.

Anyway, here's my problem. I need to create an interface (web page) with a normal form which contains a regular textarea object wherein the user can code raw HTML to make up the contents of another page.

When the user is done they have the opportunity to 'preview' the page before the data gets written to a database.

I know I can reference the value attribute of the textarea in the opener page without submitting the form however I'm having a problem getting it to display the HTML in the called page.

Is there a tag that I can use to assign the value of the textarea parsed to, and, it will be interpreted by the browser as straight forward HTML??

Hope this all makes sense.

Thanks for any help that comes my way.

Regards
Mike
 
Sort by date Sort by votes
Are your users going to enter a full HTML page (including HTML, HEAD, BODY, ... tags) or a just a part of BODY ? Water is not bad as long as it stays out human body ;-)
 
Upvote 0 Downvote
Hi Targol,

The users only have to worry about a part of the body. The purpose is to fill an already created template HTML file with Content HTML supplied by the user.
 
Upvote 0 Downvote
Sooo ....
What you can do is quite simple :
1 ) Give an id attribute to the tag in wich you want the user code to be added within. This tag can be the BODY tag, a DIV, a TD or whatever you want. Let's choose a DIV for example :
Code: 
<DIV id=&quot;myContainer&quot;></DIV>
2 ) on page loading event, call a function that'll add the HTML code to this container :
Code: 
<BODY onLoad=&quot;addHTMLtoContainer()&quot;>
3 ) Create the function (let's say the HTML code is stored in a global var called &quot;userHTML&quot;) :
Code: 
<Script language=&quot;Javascript&quot;>
  function addHTMLtoContainer() {
    var o_Container = document.getElementById(&quot;myContainer&quot;);
    o_Container.innerHTML = userHTML;
  }
</Script>

And ... here we are !!!
Water is not bad as long as it stays out human body ;-)
 
Upvote 0 Downvote
I actually can't believe it's that simple. Thank you very much.
 
Upvote 0 Downvote
Excellent post Targol!

Msturges - don't forget to load the text string into a hidden form field or another textarea so that the user can submit it or edit it - depending on what you're going to do with it... Get the Best Answers! faq333-2924
Is this an asp FAQ? faq333-3048

mikewolf@tst-us.com
 
Upvote 0 Downvote
Thanx for your congratulations Mike, this compliment targets straigth my little worm heart comming from the javascript god you are LOL LOL LOL
Water is not bad as long as it stays out human body ;-)
 
Upvote 0 Downvote
msturges -- is it possible that you could post a url for the page when it is complete?? I'd love to see how you utilized the suggestions offered by Targol and mwolf00....
 
Upvote 0 Downvote
I second the Excellent post Targol!
very descriptive and the work flow was perfect.


_________________________________________________________
for the best results to your questions: FAQ333-2924
Is your question a most FAQ?? Find out here FAQ333-3048
 
Upvote 0 Downvote
That's too much... I'll become shy... LOL
By the way thanx to all. Water is not bad as long as it stays out human body ;-)
 
Upvote 0 Downvote
so if mwolf is the javascript god what's that make me[cry]

j/k _________________________________________________________
for the best results to your questions: FAQ333-2924
Is your question a most FAQ?? Find out here FAQ333-3048
 
Upvote 0 Downvote
I believe in all the gods that are written under the temple front &quot;This forum's top experts!&quot; ... do you prefer Marble or Bronze for your statue ???
LOL Water is not bad as long as it stays out human body ;-)
 
Upvote 0 Downvote
Targol,

Just a quick question, you seem to know your javascript quite well. Will this code work for all browser types and versions or would it be restricted to certain types and versions. If it is restricted, do you know which of the major browsers and versions would support it?

Thanks
 
Upvote 0 Downvote
msturges : this script will need a browser that suports... scripts !!! and the getElementById() method that makes it cross browser for every V4+ browsers I think. Water is not bad as long as it stays out human body ;-)
 
Upvote 0 Downvote
Cool, Thanks for all the help and advice.
 
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
137
lexer
lexer
jomat
  • Locked
  • Question
JS to show the timer in html under title instead of in the status bar
Replies
2
Views
171
xwb
xwb
malpa
  • Locked
  • Question
Graph the selection of a html table row
Replies
0
Views
141
malpa
malpa
Rayj0000
  • Locked
  • Question
How to disable an html button for subsequent website visitors?
Replies
0
Views
123
Rayj0000
Rayj0000
lexer
  • Locked
  • Question
Adding datepicker calendar dynamically
Replies
0
Views
78
lexer
lexer

Part and Inventory Search

Sponsor

Back
Top