how to do rowspan and colspan with DOM

130 New Member

hello all,

i am trying to create a table useing dom and its going well but
was wondering how can i join rowa or join tbs

i can make this kind of table with no problam
_________
|..............|
---------------
|..............|
---------------
|..............|
---------------
|..............|
---------------
but how i can do it like this
__________________
| ..............|..............|
| ..............|..............|
|rowspan |--------------|
| ..............|..............|
| ..............|..............|
|------------------------------|
is there a way?

Oct 31 '07 #1

Subscribe Reply

8464

dmjpro

2,476

Top Contributor

How much you tried .... Please show me that code ....

Debasis

Oct 31 '07 #2

Amzul

130

New Member

How much you tried .... Please show me that code ....

Debasis

lol, i posted this before so....
any way here is is :

Expand|Select|Wrap|Line Numbers

 
<script type="text/javascript">
 
    document.getElementsByTagName("pre")[0].innerHTML ="";    //clear previues displays in the <pre>

    var body = document.getElementsByTagName("pre")[0];         //put the table in <pre> here </pre>

    var tbl  = document.createElement("table");                 //create table element

    var tblBody = document.createElement("tbody");     
 
        for (var j = 0; j < 4; j++)                     //creating all cells

        { 

            var row = document.createElement("tr");         //creates a table row

            row.setAttribute("height","39");                    //BTW cant control the higeht in  html?

            for (var i = 0; i < 1; i++) 

            {

                var cell = document.createElement("td");                        //Create a <td> element

                var linktd='<a href="www.google.com">google</a>';

                cell.innerHTML = linktd 

                cell.setAttribute("align","center");                            //set the aligen for the tdl    

                row.appendChild(cell);            //put the <td> at the end of the table row

            }

            tblBody.appendChild(row);                                 //add the row to the end of the table body

        }

    tblBody.appendChild(row);

    tbl.appendChild(tblBody);
 
        tbl.appendChild(tblBody);                                    //put the <tbody> in the <table>

        body.appendChild(tbl);                          // appends <table> into <body>

        tbl.setAttribute("cellpadding","0");                                    // no cellpadding in the table

        tbl.setAttribute("cellspacing","0");                                    // no cell spacing in the table

        tbl.style.color = color_font;                                 //font color on the links

        tbl.style.backgroundColor = bgcolor_r;                  //bgcolor for table

        tbl.setAttribute("height",size_y_banner);

        tbl.setAttribute("width",size_x_banner);

        tbl.setAttribute("border",border_size1);            

}

</script>

hope u can help :)

Oct 31 '07 #3

acoder

16,027

Recognized Expert Moderator MVP

Use the rowSpan property.

Oct 31 '07 #4

Similar topics

1877

Looking for (Music) Database with Rowspan

by: Martin Brunner | last post by:

Hello! I'm planning to make a music database for my own, but maybe someone else found a script which can what I wont so here is what I'm looking for: The Database only should have these...

PHP

6727

RowSpan & ColSpan problem

by: Greg Adourian | last post by:

Hi, I'm breaking my head over the following few lines of code, generated with Photoshop Slices. As soon as the structure is slightly complicated, the output is broken. I can't seem to follow...

HTML / CSS

13336

Colspan - rowspan HTML Table

by: Logix | last post by:

Hello! I'm trying to make a sort of online page building system. In order to do this, I represent my page using a HTML table. One of the most basic templates would be a page divided in six...

HTML / CSS

1972

rowspan question

by: htmlrookie | last post by:

I have a table with three entries. Some text in the first TD with rowspan=2. An image in the second TD and a table in the last TD. Whats happening is, as the text in the first TD grows the table...

HTML / CSS

3947

Table COLSPAN & ROWSPAN

by: plugwalsh | last post by:

Hi I need to generate an HTML table that looks like the following: (Two cells, A & B) ------------------- | | | | | B | | | | | |--------|

HTML / CSS

349

Setting RowSpan during run time in aspx file

by: Gawel | last post by:

I need necessarily set RowSpan(ColSpan) property of cell in aspx file(not in cs file). But below statement does not work :(. Any idea ? <TABLE id="Table1" cellSpacing="1" cellPadding="1"...

ASP.NET

7567

Misleading cellIndex values with rowspan/colspan

by: Matt Kruse | last post by:

Using the .cellIndex property of a TH element to find out which table column it is over can cause misleading results when the table has cells which have rowspans or colspans greater than 1. See...

Javascript

1986

Help with ROWSPAN in table/grid form display

by: simon | last post by:

hello, relatively new to .net, i'm using vb.net and the 2.0 .net platform I'm trying to display a grid that has a text box on the left in one cell (with a hidden ID), which will be associated...

ASP.NET

1837

What's the easiest way to create a grid with rowspan/colspan?

by: gnewsgroup | last post by:

I have a stored procedure that give some data that are sorted by Col1, Col2, Col3, Col4. I have a picture which tells you how I want the data to be presented in a web form. Click below to see...

ASP.NET

7103

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

7307

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++

7370

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

5035

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

3188

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...

Networking - Hardware / Configuration

3177

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

1532

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

C# / C Sharp

755

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

409

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

General