[PeterJS]

Hi,

I wondered, is it possible to use JavaScript to move a table?

I have a forum, and I don't have access to the HTML, but can add things into the header and footer. There is a member's online box that is at the bottom of the forum, Is there a way to use javascript to move it to the top?

Thanks

Peter

[NameTooLong]

If you are using ezboard for your forums... last time I tried it wouldn't accept scripts of any kind... it turns the script tag to (s*****). And even if you could use script I can't think of one you could use without having access to the tables themselves.

[PeterJS]

I'm using a ProBoard.......

I can make it so the table is not displayed. Is there no way to combine css and js to move it up?

Peter

[bassetman]

I use anyboard, and it gives me boxes to insert HTML for the header and foot area, are you sure you don't have that option somewhere?

[PeterJS]

Hi bassetman,

Read my first post again

Peter

[bassetman]

I was telling you what I had and asking you if you were sure you didn't have the same option!

[NameTooLong]

Basset, it says he has that option in the first post...

[bassetman]

I have a forum, and I don't have access to the HTML, but can add things into the header and footer.

Basset, it says he has that option in the first post...

I think I'll bow out and let those of you who are smarter than me take care of this!

[brendandonhu]

You would need some way to access the table from javascript.
1st-the page with the script on it would have to be on the same domain as the page with the table.
Also, the table would have to have a name or ID for the script to reference it.
There may be a trick or "cheat" to reference the table without those, there is for links and images.

[PeterJS]

so you are sort of saying that with a script, I could find the table on the page that I want to move, add a id/name to the table tag, and with another script, move it up?

or have i misunderstood ya , lol?

See, i've been looking at a way to look for the table tag by using something like this.....

PHP Code:

document.getElementsByTagName('TABLE')
for(k=XX; k<tables.length; k++){ 


XX = how many table tags till it gets to the one I want to change.

is there a way to add to that table tag an id using errr....not sure what I would use, lol....something like innerHTML/pasteHTML?

then with another script look for that id and move it?

Or is this completely not possible?

Peter

[brendandonhu]

Yes using a loop like that I'm sure its possible. I suppose innerHTML could add an ID tag once you know the rest of the code that should be in the table tag. Maybe you would get someone who can give you some code at the webdeveloper.com forums.

[PeterJS]

I've tried to make the script to add the id myself, but I don't know exactly what i'm doing. This is what I have, it doesn't work, but I get no errors.

PHP Code:

<script>
var tables = document.getElementsByTagName('TABLE')
for(k=0; k<tables.length; k++){
if(tables[k].innerHTML=='<table border=0 width="100%" cellspacing="0" cellpadding="0" bgcolor="000000" class="bordercolor">'){
tables[k].innerHTML='<table id="move" border=0 width="100%" cellspacing="0" cellpadding="0" bgcolor="000000" class="bordercolor">';
}
}
</script> 


Peter