insert html code to createelement("td")

130 100+

hello all
i did this table useing
createElement();
i am trying to insert html code to the <td> to put img and links
but so far no luck
any one have an idea on how it shouled b done?
the second qustion is how i can desing the hieght of the td
here is snippet

Expand|Select|Wrap|Line Numbers

 var cell = document.createElement("td");            

var cellText = document.createTextNode(only text ids display, no innerHTML?); 

cell.setAttribute("aligen","center");        //dosent work         

cell.appendChild(cellText);

row.appendChild(cell);

also my last qustion is how can i see the code that been generate?
i see that the table is there but i cant see the html codeof it soi cant copy paste it

thanks guys

Oct 28 '07 #1

Subscribe Post Reply

19069

Ferris

101

100+

Hi

I tested your code,and I think the problem is you missed quote mark in your code,and you spell wrong.

change
var cellText = document.createTextNode(only text ids display, no innerHTML?);
into
var cellText = document.createTextNode("only text ids display, no innerHTML?");

change
cell.setAttribute("aligen","center");
into
cell.setAttribute("align","center");

then,you'll see the text in your table.

here is my test code:
[HTML]
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<table width="50%" border="1">
<tr id="tr1">

</tr>
</table>
</body>
</html>

<script language="javascript">
var row = document.getElementById("tr1");
var cell = document.createElement("td");
var cellText = document.createTextNode("only text ids display, no innerHTML?");
cell.setAttribute("align","center"); //now works
cell.appendChild(cellText);
row.appendChild(cell);
</script>

[/HTML]

for your 2th question:

since your table is created by javascript(DOM),you table is a part of javascript code in your HTML code. you can't find the HTML code after the table is created. You can using DOM Inspector in Firefox,or IE Develop Toolbar in IE to check your table was created successfully,or not.

hope it helps.

Oct 28 '07 #2

Amzul

130

100+

Hi

I tested your code,and I think the problem is you missed quote mark in your code,and you spell wrong.

change
var cellText = document.createTextNode(only text ids display, no innerHTML?);
into
var cellText = document.createTextNode("only text ids display, no innerHTML?");

change
cell.setAttribute("aligen","center");
into
cell.setAttribute("align","center");

then,you'll see the text in your table.

here is my test code:
[HTML]
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<table width="50%" border="1">
<tr id="tr1">

</tr>
</table>
</body>
</html>

<script language="javascript">
var row = document.getElementById("tr1");
var cell = document.createElement("td");
var cellText = document.createTextNode("only text ids display, no innerHTML?");
cell.setAttribute("align","center"); //now works
cell.appendChild(cellText);
row.appendChild(cell);
</script>

[/HTML]

for your 2th question:

since your table is created by javascript(DOM),you table is a part of javascript code in your HTML code. you can't find the HTML code after the table is created. You can using DOM Inspector in Firefox,or IE Develop Toolbar in IE to check your table was created successfully,or not.

hope it helps.

thanks man, you were right about my bad spelling :/

but for the first qustion i think i havent explain myself good.
i know i need to put ""in the () but i want to use html code
like that :

Expand|Select|Wrap|Line Numbers

 var code="<a href=\"www.thescripts.com\">the scipts</a>"

var cellText = document.createTextNode(code); // i want to put the link (code) in the <td>

about the 3 Qustion,
is there a way to take the all code and insert it to a var and not just for <tag>
i need to display the code as well not just the table

hope u can understand me

Oct 28 '07 #3

Ferris

101

100+

Hi:

Oh,I see. you want to insert HTML code into <td> HTML is not a textNode,so you can't insert it using createTextNode. but , you can do it like this:

Expand|Select|Wrap|Line Numbers

 
    var cell = document.createElement("td");

    var code = "<a href=\"www.thescripts.com\">the scipts</a>";

    cell.setAttribute("align","center"); 

    cell.innerHTML = code;

    row.appendChild(cell);

for your 3rd question,of cause you can insert all your code to a var. look at these code:

Expand|Select|Wrap|Line Numbers

 
    var code= "<a href=\"http://www.thescripts.com\">the scipts</a>";

    document.write(code);

also,you can use innerHTML to insert your code.

Expand|Select|Wrap|Line Numbers

 
    var code= "<a href=\"http://www.thescripts.com\">the scipts</a>";

    document.getElementsByTagName("body")[0].innerHTML = code;

am I clear?

hope it helps.

Oct 28 '07 #4

Amzul

130

100+

Hi:

Oh,I see. you want to insert HTML code into <td> HTML is not a textNode,so you can't insert it using createTextNode. but , you can do it like this:

Expand|Select|Wrap|Line Numbers

    var cell = document.createElement("td");

    var code = "<a href=\"www.thescripts.com\">the scipts</a>";

    cell.setAttribute("align","center");

    cell.innerHTML = code;

    row.appendChild(cell);

for your 3rd question,of cause you can insert all your code to a var. look at these code:

Expand|Select|Wrap|Line Numbers

    var code= "<a href=\"http://www.thescripts.com\">the scipts</a>";

    document.write(code);

also,you can use innerHTML to insert your code.

Expand|Select|Wrap|Line Numbers

    var code= "<a href=\"http://www.thescripts.com\">the scipts</a>";

    document.getElementsByTagName("body")[0].innerHTML = code;

am I clear?

hope it helps.

thanks. that help me alot
i am 90% from my goal.
but agian please explian how to insret the code that DOM generated to a var...
i not only need to show the table that DOM creted i alsoneed to show the code of it
is that posible?
i know i can do it all in inerrHTML but its not elegent and i woued have to write itall agian :\

Oct 28 '07 #5

acoder

16,027

Expert Mod 8TB

i not only need to show the table that DOM creted i alsoneed to show the code of it

You mean display it on the screen?

Oct 29 '07 #6

Amzul

130

100+

You mean display it on the screen?

i ment that i need to display the code that the DOM create

i mange to do so like this

Expand|Select|Wrap|Line Numbers

 //asumming that tblis the highr level of the tabl (father)

generated_code=tbl.innerHTML;

now i can put it anyware i want (in a <pre> <div> etc...)

Oct 29 '07 #7

by: rkhurana | last post by:

Hi I am writing a JSF application that uses some third party charts. While I can see the chart but the javascript that is supposed to calla function to update chart periodically has a problem. It...

Javascript

What is the difference between a "A" and "TD A" definition ?

by: Marcus Otmarsen | last post by:

In my CSS stylesheet I can define e.g. A { FONT-WEIGHT: bold; FONT-SIZE: 16px; } and TD A { FONT-WEIGHT: bold; FONT-SIZE: 12px; } What is the difference for a HTML code like

HTML / CSS

How to get the "TDs" of a specific table??

by: querry | last post by:

Hi all, I am trying to change the background color of individual Table Cells using the javascript as follows. function changecolor(e) { var etarg; if (!ee) var ee = window.event; ...

Javascript

hi, <div style="visibility:hidden" id="hid"> is not working in table

by: msg2ajay | last post by:

hi, i am working on <div> i have to hide some part of the table. I am not able to hide that table part can anybady tell me where is the error. <html> <head> <script...

Javascript

The "and" operator not validating

by: zaidalin79 | last post by:

I am in a JavaScript class, and we have to get all of our code to validate at the w3c website... Here is my code, it does what I want it to do which is require the user to enter the name and either...

Javascript

The BEST "FREE" Pure ASP 10MB File Upload

by: hotflash | last post by:

Hi All, I found the best pure ASP code to upload a file to either server and/or MS Access Database. It works fine for me however, there is one thing that I don't like and have tried to fix but...

ASP / Active Server Pages

Element "GESCHLECHT" is undefined in FORM.

by: blackrunner | last post by:

ERROR in my Query?! ERROR: Element GESCHLECHT is undefined in FORM. i think everything ok. Maby somebody can help me here Element GESCHLECHT is undefined in FORM. The error occurred...

ColdFusion

$("td").click(function() { $(this).empty(); } will work for table in html but not php

by: thatcollegeguy | last post by:

http://smarterfootball.com/exits/theHTML.html I am not sure what is wrong w/ this code. The main issue is that the table that is in the initial html will empty its td but the table that I load...

Javascript

How do i make an "onChange" event to register in internet explorer?

by: Akpo | last post by:

Hi all, i am writing an ajax and php application for a sec ondary school, and i want the contents of one select list to be based on the values of the select list that appears before it. The issue is...

Javascript

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

insert html code to createelement("td")

Similar topics