Need help with home-made code

@ShiftyAug 07.2007

[CODE]document.getElementById(‘userlinks’).style.display = “none”; qx = document.getElementById(‘userlinks’).innerHTML; document.getElementById(‘usercontrols’).innerHTML = qx;[/CODE]

It’s currently putting all the data in the un-editable #userlinks field into a new ID class, which I re-apply to my forums using a <div> tag. This is all working fine, however, I would like a different effect.

I would like to have the code take the information in the first <td> tag, and place that into one new variable, then have another variable take the information from the second <td> tag. That way I can have the two sections separate!

Here’s the block HTML:

[code=html]<table width=”100%” id=”userlinks” cellspacing=”6″> <tr> <td><strong>Logged in as: <a href=’http://z11.invisionfree.com/GreytekIV2/index.php?showuser=1′>Shifty</a></strong> ( <a href=’http://z11.invisionfree.com/GreytekIV2/index.php?act=Login&CODE=03′>Log Out</a> · <b><a href=’http://z11.invisionfree.com/GreytekIV2/admin.php’ target=’_blank’>Admin CP</a></b> · <b><a href=’http://z11.invisionfree.com/GreytekIV2/index.php?act=modcp&forum=’>Mod CP</a></b> )</td>

<td align=’right’> <b><a href=’http://z11.invisionfree.com/GreytekIV2/index.php?act=UserCP&CODE=00′ title=’Edit my settings, such as signature, avatar and more…’>My Controls</a></b> · <a href=’http://z11.invisionfree.com/GreytekIV2/index.php?act=Msg&CODE=01′>Inbox (0)</a> · <a href=’http://z11.invisionfree.com/GreytekIV2/index.php?act=Search&CODE=getnew’>View New Posts</a> · <a href=’javascript:buddy_pop();’ title=’View posts since your last visit, moderator lists and more…’>My Assistant</a></td> </tr>

</table>[/code]

I cannot seem to figure out how to do this myself. If you could assist me, I’d be very, very grateful!

to post a comment

JavaScript

10 Comments(s) _↴

@DokAug 07.2007 — #I'm not really sure about what you want but this will read the data from each column in the first row into a variable

[CODE]function getData() {
 // Variable for storing column data
 var column = new Array();
 // Get table
 var table = document.getElementById('userlinks');
 // Foreach column in first row
 var length = table.firstChild.childNodes.length;
 for (var i=0; i<length; i++) {
 // Copy data to some variable
 column.push(table.firstChild.childNodes[i].firstChild.nodeValue);
 }
 }[/CODE]

@ShiftyauthorAug 07.2007 — #Hmm, it looks like you're on the right lines.

I want to have two separate variables, one containing the contents of the first table cell, the second containing the contents of the second table cell. Does that make more sense?

@DokAug 07.2007 — #If you only have two cells why don't you just give each td an id attribute and use document.getElementById() ?

@ShiftyauthorAug 07.2007 — #I can't edit the core HTML ? it's preset by the forum system.

@DokAug 07.2007 — #The content of the cells are in column[0] and column[1] in my previous post

@ShiftyauthorAug 08.2007 — #Right, okay, I must be having an off-week or something here, though I'm not expert anyway!

function getData() {
 // Variable for storing column data
 var column = new Array();
 // Get table
 var table = document.getElementById('userlinks');
 // Foreach column in first row
 var length = table.firstChild.childNodes.length;
 for (var i=0; i&lt;length; i++) {
 // Copy data to some variable
 column.push(table.firstChild.childNodes[i].firstChild.nodeValue);
 }
 }

Say I wanted to display those 'captured' cells using this sort of method:
[code=html]<div id="">(Cell 1)</div><div id="">(Cell 2)</div>[/code]

Would your code be suitable? If so, I'm sorry to ask, could you walk me through it?

@ShiftyauthorAug 09.2007 — #I'm sorry to pester, but I still need a little more help.

@DokAug 10.2007 — #Try this
[code=html]<div id="cell1"></div><div id="cell2"></div>[/code]
and this

[CODE]function getData() {
 // Variable for storing column data
 var column = new Array();
 // Get table
 var table = document.getElementById('userlinks');
 // Foreach column in first row
 var length = table.firstChild.childNodes.length;
 for (var i=0; i<length; i++) {
 // Copy data to some variable
 column.push(table.firstChild.childNodes[i].firstChild.nodeValue);
 }
 // Insert into cell 1
 document.getElementById('cell1').innerHTML = column[0];
 // Insert into cell 2
 document.getElementById('cell2').innerHTML = column[1];
 }[/CODE]

@ShiftyauthorAug 10.2007 — #Thank-you for all your time ?

@sankarshanaAug 11.2007 — #i want to display the values of checkboxs inthe text area plz tell me

Also in #JavaScript _↴

the code that tracks the visitor [RESOLVED] Obtaining Multiple selections from a drop down menu not well formed link

Success!

Help @Shifty spread the word by sharing this article on Twitter...

Tweet This

Need help with home-made code

10 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Need help with home-made code

10 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

10 Comments(s) _↴

Also in #JavaScript _↴