Nov 21, 2009
Pages: 1, 2

How To Insert Code With Javascript - How to insert into a div an amount of code

free web hosting

Read Latest Entries..: (Post #11) by iGuest on Nov 2 2009, 10:39 AM.
Problem is your code won't work if you use "</script> anyware in your "code" variable.For example : Var code "<script>alert('Now I'm broken');</script>" Don't ask me for an answer which works on this one, I've seen plenty try, but all answers escape the <script> tags which makes them useless. Fine if you're trying print the <script> tag to screen, not if you're trying to make it do something.  Sorry for responding to an old post, b...
read more.
Read the FIRST post of this Topic. - Express your Opinion! Contribute Knowledge :-).

Open Discussion > MODERATED AREA > Computers > Programming Languages > Java, Java Servlets, Java Script, & JSP

How To Insert Code With Javascript - How to insert into a div an amount of code

mizako
Hi,
I have the next html page
CODE
<html>
<head>
<script>
<!--
function insertcode()
{
var code ="<p> blablabal babala babababab</p><h1>here comes header</h1><span>fadfafa<a href=\"fadfaf\">anchor</a>blalbababa</span>"
var myText = document.createTextNode(code);
document.getElementById("content").appendChild(myText);
}
-->
</script>
</head>
<body>
<div id="content">
</div>
<a href="javascript:insertcode()">Insert Code</a>
</body>
</html>

This code insert the data as text. The html tags are not treated like markup. I need to insert the code in a time. I mean i can not go tag per tag. (E.g. document.createElement("p")... )
Is there any method to insert a pice of html code into a div and keep it like code not like text in Javascript?
I hope you understand my problem. If not please tell me. Thanks in advanced for your help.

 

 

 


Comment/Reply (w/o sign-up)

BuffaloHELP
I couldn't understand what you were trying to do. I think you are trying to place another HTML/text page in your HTML page.

I saw this code somewhere in this forum but I cannot find who wrote it at this time. A apologize to the author for posting without crediting you. I will come back and correct it once I find it. (or someone PM me if you find it)

HTML
<object type="text/x-scriptlet" width=100% height="250" data="Your Html File(TextFile )">
</object>


This simple liner, I was told, that allows you to place another html/text page into your html page. It's a document within the document.
I'm telling ya, we got some brilliant codeboys here!

Comment/Reply (w/o sign-up)

Tyssen
QUOTE(mizako @ May 18 2005, 06:01 PM)
Is there any method to insert a pice of html code into a div and keep it like code not like text in Javascript?


Why is it necessary to insert it as HTML instead of javascript? It should still validate OK. And why are you using javascript to insert the code in the first place? Why not just type it out? huh.gif

Comment/Reply (w/o sign-up)

mizako
QUOTE(Tyssen @ May 18 2005, 08:40 AM)
Why is it necessary to insert it as HTML instead of javascript? It should still validate OK. And why are you using javascript to insert the code in the first place? Why not just type it out?  huh.gif
*



Ok, i will try to explain myself better. Basically i am working on a Remote Scripting using hidden frames (i will explain what it is this in another topic). project. I have a database in MySQL where in one table i have a biography in XHTML. I access this table with PHP and i retrive this XHTML code. Then the Javascript function obtains the code and has to insert it into a this "div" element. As i explain in my first post. ;-)
I know the mechanismus is complicated but i have to do it in this way.
I hope you both understand better what i am asking for. I did not understand your solution BuffaloHELP but thanks both of you for your answers.
Does anyone knows one can i solve this Javascript Issue?

 

 

 


Comment/Reply (w/o sign-up)

Tyssen
QUOTE(mizako @ May 19 2005, 04:32 AM)
Ok, i will try to explain myself better. Basically i am working on a Remote Scripting using hidden frames (i will explain what it is this in another topic).  project. I have a database in MySQL where in one table i have a biography in XHTML. I access this table with PHP and i retrive this XHTML code. Then the Javascript function obtains the code and has to insert it into a this "div" element.

You don't need javascript to write out the code, you can use PHP. You're using just about the same language anyway and you're already using PHP to retrieve the info from the database. It seems logical that you would then use PHP to just print it out using echo or print. You could use PHP code to print your whole page if you wanted to:

CODE
<?php print "<head>";
print "<title>Your title</title>";
print "<body>";

etc.

Comment/Reply (w/o sign-up)

mizako
QUOTE(Tyssen @ May 18 2005, 10:23 PM)
You don't need javascript to write out the code, you can use PHP. You're using just about  the same language anyway and you're already using PHP to retrieve the info from the database. It seems logical that you would then use PHP to just print it out using echo or print. You could use PHP code to print your whole page if you wanted to:

As i wrote in my second message i am trying to implement Remote Scripting which aims to reduce the code (avoiding redundant markup) sent by the server to the client. That it is to say that the PHP scripts just send plain text to the client and the client creates the interface by means of Javascript. I know PHP and i know that i can write the whole page with PHP but i need to do it by Javascript. I did not want to begging a topic about Remote Scripting in this thread (maybe in another one), i just wanted to obtain a Javascript solution for the problem i exposed. I appreciate a lot your help but please answer me with a Javascript solution if you know it.
Thanks in advanced!


Comment/Reply (w/o sign-up)

mizako
Hello,
I found the solution :-) . Somebody point me to the "innerHTML" method.
The Code with the included solution is the next:
HTML
<html>
<head>
<script>
<!--
function insertcode()
{
var code ="<p> blablabal babala babababab</p>";
code += "<h1>here comes header</h1>";
code += "<span>fadfafa<a href=\"fadfaf\">anchor</a>blalbababa</span>";
document.getElementById("content").innerHTML = code;
}
-->
</script>
</head>
<body>
<div id="content">
</div>
<a href="javascript:insertcode()">Insert Code</a>
</body>
</html>
Notice from BuffaloHELP:
Entered [html] tags.

Comment/Reply (w/o sign-up)

badinfluence
oh you got it..
i read ur topic and just floating with javascript site to find about this!! i swear..
smile.gif

anyway, hey u forgot to put code tag on last post as you r hurry right!!!

Comment/Reply (w/o sign-up)

(G)mmmrt
dynamic script tag
How To Insert Code With Javascript

I need to insert a script tag dynamically which calls google search api...The problm is  that I cant find a way to insert the source of the script tag that call thaat search api :S

can anyone help pls?

-reply by mmmrt

 


Comment/Reply (w/o sign-up)

(G)sabroni

use the innerHTML property to insert markup.  This is an IE invention but is supported in Firefox and Opera as well.  It's not pretty, and if you're inserting something fixed you should probably create the markup properly (using createElement, createTextNode etc...), but when you're inserting someone elses text/markup it seems to work!

-reply by sabroni

 


Comment/Reply (w/o sign-up)

Latest Entries

iGuest

Problem is your code won't work if you use "</script> anyware in your "code" variable.For example :
Var code "<script>alert('Now I'm broken');</script>"

Don't ask me for an answer which works on this one, I've seen plenty try, but all answers escape the <script> tags which makes them useless. Fine if you're trying print the <script> tag to screen, not if you're trying to make it do something.

 Sorry for responding to an old post, but just thought I might save someone the headache. 


 


Comment/Reply (w/o sign-up)



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Pages: 1, 2
Similar Topics

Keywords : insert, code, javascript, insert, div, amount, code

  1. Javascript Game
    Free online dice game called "Greedy" (6)
  2. Re-learning Javascript
    (3)
    As rusty as I was with ActionScript when I started my new job, I'm even rustier at JavaScript.
    I'm trying to generate a new div on a webpage, containing an html file that (at the moment)
    holds only a simple .gif image. The page looks like this at the moment: function
    creatediv(id, html, width, height, left, top) { var newdiv =
    document.createElement('div'); newdiv.setAttribute('id', id); if (width)
    { newdiv.style.width = 300; } if (height) { newdiv.style.height = 250; }
    if ((left || ....
  3. Need Help With Javascript Drag And Drop Script
    Having trouble with javascript drag and drop script. (3)
    hi, i have been trying to create a drag and drop menu for my new website, so that the navigation
    menu can be moved around the site. This is the code i have: CODE Test run - Right click
    menu function coordinates(event) { if (event.button==2)   { var x=event.x; var y=event.y; }
    document.getElementById("element").style.left=x; document.getElementById("element").style.top=y;
    document.getElementById("element").style.visibility="visible"; var oldx=x; var oldy=y;
    window.onmouseup=end(); window.onmousemove=coordinates(event); } function end() { } #el....
  4. Adjusting Rows/cols Of Frames In Frameset Using Javascript Is Not Working In Firefox 3 Is Not Working
    (4)
    I am not able to adjust frames length/width in a frameset using java script functions I am using
    firefox 3. In below code changerows is not working for me. Where as same is working in IE6.
    Please help me in resolving this issue. Note: here frameset1 is the name given to the FRAMESET.
    CODE function changeRows() { parent.frameset1.rows="30%,70%" }function restoreRows() {
    parent.frameset1.rows="50%,50%" } ....
  5. Java Vs Javascript
    (11)
    I thought they were completely different things. Surely javascript should be seperated from the rest....
  6. Document.write & Noscript Questions (javascript)
    (2)
    I am trying to use javascript to include a stylesheet depending on the user's resolution. The
    HTML CODE    " />    id) { initEditor(); } ?>                 if
    (screen.width>=1050) { document.write(' '); }       I'm running into two
    problems. 1) The script doesn't seem to be writing anything. Fixed 2) The tags cause all
    sorts of validation errors. From what I've read it seems as though the tag is not allowed
    within the section -- is this correct? Could the same thing be accomplished just putting the
    default style....
  7. Flash And Javascript Interaction
    swfobject js questions (1)
    I don't know if anyone on here is familiar with this script. You can check it out here .
    Basically it's a script that is supposed to give you javascript control over a flash object. I
    am using it for a flv player. My question is this. I would like to display the current file's
    title in a span element on the page, but the function described to gather the information for the
    current file doesn't seem to work for me. The function, as outlined on on this page looks
    like this: CODE function getUpdate(typ,pr1,pr2,swf) {   if(typ == 'state'....
  8. Javascript Object Node Referencing Help
    (5)
    I've got two buttons with an onclick event to set the hidden input field to a certain value then
    continue submitting the form. I have more than one form on display on the page and I don't want
    to use ids. Is there a way I can reference it from the button/button onclick event? the forms is
    laid out like this echo" "; echo" "; echo" Edit "; echo" Delete "; echo" ";
    So basically the idea is to fire off new_modify function and start referencing the hidden input type
    with name of do and set it to the supplied argument then continue submitting t....
  9. Capturing Username Of Computer
    using javascript, is it possible? (3)
    I wondering if it is possible to try and make a java script to get the computer username and log it?
    /huh.gif" style="vertical-align:middle" emoid=":huh:" border="0" alt="huh.gif" /> edit Topic
    title ....
  10. Is It Possible To Create A Web Based Mmo In Javascript?
    And could there be free movement without reloading the page? (4)
    I would like to get some information before launching myself to the JS libraries. Is it possible to
    load maps or images and with the press of a button "scroll" or move the image inside some kind of
    window up, down, left or right? It would be like scrolling an image sideways, upwards or downwards.
    I would also like to know if multiple connections can be made and lets say there was a user
    standing in the location (127, 160) of the map, would there be the possibility of loading the image
    of that player? Maybe with database connections and storing their information there?....
  11. Javascript Error
    Error "missing ) in parenthetical" with JSON statment (2)
    Hello! I'm trying to execute following code: CODE a=new Array();
        a=eval("("+responseText+")");     for (prop in a) {         e=document.getElementById(prop)
            if (e) {e.innerHTML=a } and I recieve error in CODE a=eval("("+responseText+")");
    what's wrong? responseText it's result from php2js() function. Apache 2.2.6/PHP5.2.5/MySQL
    5.0.45....
  12. Special Wii Javascript
    New Javascript Objects for Wii (2)
    I found on Nintendo.com a while back some new javascript objects dealing with the Wii Remote. I
    have decided to post a link to these new Javascript objects here. Wii javascript These new
    Javascripts can detect whether or not a Wii Remote is enabled, the position of the pointer, and even
    the tilt of the remote. It also has an object that determines the keypress of the Wii. These can be
    very useful for Wii sites. Maybe have a menu load with AJAX when the remote is tilted. Add button
    functionality such as when the A and B button are pressed, the form is submitted. Just....
  13. I`m New To Javascript.
    (5)
    Does anybody know where I can find a good site to teach me more than I already know. I know about
    functions and how to set up alert scripts. I really wanna make a counter script.....
  14. Web Applications: J2ee Or Javascript/css/html
    (1)
    I'm currently programming web applications using AJAX/CSS/HTML and they're pretty
    cross-browser. However when I heard of this language J2EE I had second thoughts. But I ran into GWT
    (Google Web Toolkit) which compiles Java code to Javascript/HTML. With this said, my mind tells me
    that Java developers desire to use Javascript/HTML languages to create web applications over Java.
    So, which one should I start developing web applications in? Java? or Javascript....
  15. Ajax: Achieve Ajax Program In 5 Lines Of Code!
    (1)
    Well Last night, after a week of irritation and errors I finally created an easy Javascript object
    that easily and quickly allows you to develop an AJAX program in just 5 easy steps! Here's the
    link to the object I've created: http://www.demolaynyc.astahost.com/ajaxConn/ajaxConn.js
    Download it and read the Readme file that's under the same directory:
    http://www.demolaynyc.astahost.com/ajaxConn/Readme.html Basically what this object does is to
    connect to a server-side script (".php, .asp, .jsp, etc"), and what ever this script displays is
    sent back to t....
  16. Hiding <div> Boxes With Javascript
    Javascript Help #1 (8)
    This is my first help post in this Java/JavaScript section. Can someone write/find me a piece of
    code that will hide boxes? Preferred stuff: There is a bar that has the subtitle of the box
    contents. A button on the right side of the bar shows and hides the div box. Contents are in a box
    with a border and slides in and out of the bar smoothly and relatively quickly. Box MUST be
    customizable using CSS internal/external stylesheets . Any help would be appreciated. All codes
    will be tested and best code be selected.....
  17. Javascript : No Right Click Script !@
    This script will allow you to protect your source coad ! (12)
    This script will help you to protect your source code Add this to Section of your site !
    HTML var message="Function Disabled!"; /////////////////////////////////// function
    clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if
    (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){
    alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmoused....
  18. What's The Relationship Between Javascript And Java
    are they the same or different (7)
    I think most of you always confuse about java and javascript .So I make this topic to talk about it.
    Javascript and Java ,they have the same first four letter. Java and Javascript is the two language
    is very popular in the web world.Java is the general-purpose programming language that you can
    create an application or an applet.Javascript is a script language that looks sort of like java;with
    it you can do various nifty things in web pages.They are independent languages ,used for different
    purposes.If you are interesting in creating a website you should learn how to w....
  19. Help Writing An Html Code (onclick Open Something)
    (12)
    hi, I am new in web development i want to make a page in which there are few buttons and on click
    of each button there is some hidden text field which becomes visible and user can enter the text he
    wish to in it. how can i ?....
  20. I'm Making My Own Javascript Only Rpg :d
    earliest beta perhaps (7)
    Well I randomly decided to make an rpg. So far its all in javascript, and that's how I intend to
    keep it. Eventually you will be able to save with a permanent cookie or by getting an encrypted
    code. Right now you can only walk around and go to 2 maps. I have used preloading, and the maps load
    extremely fast. But there is one problem, maybe you guys could help but I mostly just posted to tell
    you guys something /smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif"
    />. Well the problem is the character images load extremely slow and i know wh....
  21. Adding Rows & Columns In Html Table Using Javascript
    (4)
    I'm trying to create a website with a form that collects some user information to store in MySQL
    database. However, I've a problem when I want to dynamically add new rows and columns in the
    HTML table so that the user can add more information in the dynamically added textboxes. Here's
    what I have: CODE                                                       
                        Quantity                                                           
                        unit(s)                                                         
                 ....
  22. One Click Copy And Paste To Clipboard
    in simple Javascript (5)
    I've been search the web for few weeks to see if Java can do one click copy and paste function
    to the clipboard and then I can just Ctrl-V the copied "texts." I initially got this idea when I
    began to approve hosting application. Instead of writing the same message over and over again, I
    decided to make me a page where I can simply copy the code to appropriate answers. And seems like my
    laziness is the mother of inventions /laugh.gif' border='0' style='vertical-align:middle'
    alt='laugh.gif' /> Instead of doing Ctrl-A, Ctrl-C then Ctrl-V to the post board I started....
  23. Javascript Close Window
    Javascript close window (19)
    Hi does anyone have a code to close the browser window. This code needs to be used to close an
    actual full sized window, not a pop-up window.....
  24. How Can I Resize The Web Browser?
    using javascript (5)
    how can i resize the window with javascript, and how to center an element in the browser window?
    thanks a lot!!! /blink.gif' border='0' style='vertical-align:middle' alt='blink.gif' />
    Corrected title spelling. This is more appropriate in Programming section. Please, please make sure
    that you post in the right section. ....
  25. Javascript Window.open
    Plz help me ,, thanks (5)
    When I try to run the following code in Internet Explorer I get an "Invalid argument" error but it
    works fine on Firefox CODE window.open("users/ve_edit.php","edit
    av","toolbar=no,location=no,directories=no,status=no,sc
    rollbars=no,resizable=no,copyhistory=no,width=600, height=400"); plz help me /blink.gif'
    border='0' style='vertical-align:middle' alt='blink.gif' /> ....
  26. Javascript Slideshow Tutorial
    How to make a slideshow in JavaScript (14)
    JavaScript Slideshow Tutorial I'm going to show you how to make a impressive JavaScript
    slideshow. First, you're probably asking: why would I want to make a slideshow in JavaScript?
    There are a number of reasons. First, you don't have to build a new HTML page for each picture.
    Secondly, the page will load much faster because the of the compactness of the page. Ok let's
    get started with this example. First we'll add a tag in the of our HTML document. In that
    script tag we will build the following: CODE      first = 1;      last = 4;   ....
  27. Java Script Drop Down Menu With Css
    - a full code for a dynamic drop down (2)
    Introduction This is a code that I use to dynamically create the drop down menus. First, you have
    to edit the following code and put it in your Javascript. Notice : /*** SET BUTTON'S FOLDER HERE
    ***/. Edit that to your folder. Also, the /*** SET BUTTONS' FILENAMES HERE ***/. This creates a
    mouseover when the drop down is activated. Put all your onmouseover images under: oversources = new
    array; and your onmouseout images under : upsources. Be sure to set your on and out images above
    each other. CODE /*** SET BUTTON'S FOLDER HERE ***/ var buttonFold....
  28. Java Is Not Javascript; Javascript Is Not Java
    (2)
    Java, developed under the Sun Microsystems brand, is a full-fledged object-oriented programming
    language. It can be used to create standalone applications and a special type of mini application,
    called an applet. Applets are downloaded as separate files to your browser alongside an HTML
    document, and provide an infinite variety of added functionality to the Web site you are visiting.
    The displayed results of applets can appear to be embedded in an HTML page (e.g., the scrolling
    banner message that is so common on Java-enhanced sites), but the Java code arrives as a separ....
  29. Learning Javascript.
    -->What I know and a question<-- (7)
    How hard is it to fully learn javascript? People say it is easy, however, it looks pretty
    complicated! What do I know, you ask? I know how to make a button (that I describe in another
    post) so that when you click it, it generates something at random. I have the script for it here:
    var quotes = ; function getQuote() { var qs = document.getElementById("quote"); var quote =
    quotes quotes ; alert(quote); } Describe button here. . . . . . Original script
    copyright by ROADDHOGG....
  30. Javascript resources?
    ie, a book. (10)
    Hi, I'm trying to learn Javascript. The thing is, I don't have any reference material
    around, so I'm gonna need to buy a book or something. Are there any which you would recommend? I
    looked on some websites but there are literally hundreds of books of this kind. /blink.gif"
    style="vertical-align:middle" emoid=":blink:" border="0" alt="blink.gif" /> (in answer to the
    below, sorry sauron, didnt see that one)....

    1. Looking for insert, code, javascript, insert, div, amount, code
Similar
Javascript Game - Free online dice game called "Greedy"
Re-learning Javascript
Need Help With Javascript Drag And Drop Script - Having trouble with javascript drag and drop script.
Adjusting Rows/cols Of Frames In Frameset Using Javascript Is Not Working In Firefox 3 Is Not Working
Java Vs Javascript
Document.write & Noscript Questions (javascript)
Flash And Javascript Interaction - swfobject js questions
Javascript Object Node Referencing Help
Capturing Username Of Computer - using javascript, is it possible?
Is It Possible To Create A Web Based Mmo In Javascript? - And could there be free movement without reloading the page?
Javascript Error - Error "missing ) in parenthetical" with JSON statment
Special Wii Javascript - New Javascript Objects for Wii
I`m New To Javascript.
Web Applications: J2ee Or Javascript/css/html
Ajax: Achieve Ajax Program In 5 Lines Of Code!
Hiding <div> Boxes With Javascript - Javascript Help #1
Javascript : No Right Click Script !@ - This script will allow you to protect your source coad !
What's The Relationship Between Javascript And Java - are they the same or different
Help Writing An Html Code (onclick Open Something)
I'm Making My Own Javascript Only Rpg :d - earliest beta perhaps
Adding Rows & Columns In Html Table Using Javascript
One Click Copy And Paste To Clipboard - in simple Javascript
Javascript Close Window - Javascript close window
How Can I Resize The Web Browser? - using javascript
Javascript Window.open - Plz help me ,, thanks
Javascript Slideshow Tutorial - How to make a slideshow in JavaScript
Java Script Drop Down Menu With Css - - a full code for a dynamic drop down
Java Is Not Javascript; Javascript Is Not Java
Learning Javascript. - -->What I know and a question<--
Javascript resources? - ie, a book.

Searching Video's for insert, code, javascript, insert, div, amount, code
See Also,
advertisement


How To Insert Code With Javascript - How to insert into a div an amount of code

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com