Need advise on a side table that i am building

[Thesealion]

you can look at the table so far here. I am trying to make a floating table that is really easy to edit. Got any suggestions? I can't think of a way to do the staff with a variable...

[Trublu]

Jul 5, 2010 19:26:10 GMT -8 Thesealion said:

you can look at the table so far here. I am trying to make a floating table that is really easy to edit. Got any suggestions? I can't think of a way to do the staff with a variable...

Before you even think about that, you should clean up the table HTML itself. You have several <td> and <tr> tags that are opened and never closed, or closed in the wrong order, and there really isn't a need, looking at the type of table you seem to be trying to build, to nest them all inside each other like that.

After that, you'll need to explain what you mean by "do" with the staff section, what you're trying to accomplish.

[Thesealion]

well i want to have the staff table to take the staff members avatar and place it in the table...Actualy it would be nice if i could do that if they were grouped as staff there avatar would show up in the table and if you clicked the avatar it took you to their profile...but i don't know how to do that.

[Thesealion]

i want the person to fill out something like this

1 [staff name, staff avatar, staff username]

[Bennett 🚀]

An array?

var x = new Array();
x[0]=["Staff Name","Staff Avatar","Staff Username"];
x[1]=["Staff Name","Staff Avatar","Staff Username"];
for(z=0;z<x.length;z++){
document.write('<fieldset><legend>'+x[z][0]+'</legend><img src="'+x[z][1]+'" border="0" title="'+x[z][3]+'" /></fieldset>');
}

?

[Thesealion]

That is what i want. How would i put that into the HTML you clan look at the website joestest.proboards.com i want it to show the avatar and then below it show the click able name that takes you to the staff's profile

[Bennett 🚀]

var x = new Array();
x[0]=["Staff Name","Staff Avatar","Staff Username"];
x[1]=["Staff Name","Staff Avatar","Staff Username"];
for(z=0;z<x.length;z++){
document.write('<img src="'+x[z][1]+'" border="0" title="'+x[z][0]+'" /><br /><a href="http://'+pb_forum+'.proboards.com/?action=viewprofile&user='+x[z][2]+'">'+x[z][0]+'</a>');
}

??

[Thesealion]

what did i do wrong?

joestest.proboards.com/index.cgi?board=general

[Bennett 🚀]

<table id="floatBox" cellspacing="1" cellpadding="0" border="0" align="left" valign="top" width="200" bgcolor="0066FF" class="bordercolor">
<tr>
<td class="titlebg" align="center" width="100%">
<font size=2>Welcome</font>
<table border="0" width="100%" cellpadding="2" cellspacing="0">
<tr>
<td align="left" valign="top" class="welcomebg" bgcolor="CCCCFF">
<center><div id="welcomeMessage"></div>
<br />

<div id="jumpintable"></div></center>
<tr>
<td class="titlebg" align="center" width="100%">
<font size=2>Staff</font>
<tr>
<td align="left" valign="top" class="welcomebg" bgcolor="CCCCFF">
<div id="staffinfo"></div>
</td></tr>
</td></tr>
</td></tr>
</td></tr></table>
</td></tr></table>


Your code should be all together.

<script type="text/javascript">
<!--
var d="My Welcome Message"; // Edit welcome message here

var x = new Array();
x[0]=["Nightwalker","http://www.pokemongamesnow.com/images/pokemon8.jpg","admin"];
for(z=0;z<x.length;z++){
document.getElementById("staffinfo").innerHTML='<img src="'+x[z][1]+'" border="0" title="'+x[z][0]+'" /><br /><a href="http://'+pb_forum+'.proboards.com/?action=viewprofile&user='+x[z][2]+'">'+x[z][0]+'</a>';
}
function floatBox() {
nv=document.getElementById('floatBox');
nv.style.position=(document.all ? 'absolute' : 'fixed');
nv.style.top=document.body.scrollTop +20;
document.body.insertBefore(nv, document.body.firstChild);
}
floatBox();
document.getElementById("jumpintable").appendChild(document.getElementById("forumjump"));
document.getElementById("welcomeMessage").innerHTML=d;
tablew = document.getElementsByTagName('TABLE');
for(t=0;t<tablew.length;t++) {
if(tablew[t].width=="92%"){
tablew[t].width='1000';
}
}
// -->
</script>

[Thesealion]

thank you so much


Now it only displays one staff member. Why?

joestest.proboards.com/index.cgi?board=general

[Bennett 🚀]

I suggest resizing the image btw (height="100" width="100");
And Change this line: (put the image resize in)
document.getElementById("staffinfo").innerHTML+='<img src="'+x[z][1]+'" border="0" height="100" width="100" title="'+x[z][0]+'" /><br /><a href="http://'+pb_forum+'.proboards.com/?action=viewprofile&user='+x[z][2]+'">'+x[z][0]+'</a>';


EDIT: You may want to put your div with a z-index of 1.

[Thesealion]

a <br /> needs to be added in there somewhere...

[Bennett 🚀]

oh, yep xD
document.getElementById("staffinfo").innerHTML+='<img src="'+x[z][1]+'" border="0" height="100" width="100" title="'+x[z][0]+'" /><br /><a href="http://'+pb_forum+'.proboards.com/?action=viewprofile&user='+x[z][2]+'">'+x[z][0]+'</a><br />';

[Thesealion]

now i need to figure out how to do that again for the affiliate portion. I got this is it rite?


var a = new Array(); // Name, URL, Mini Banner
a[0]=["Nightcodes","joemaggio.proboards.com","http://img31.imageshack.us/img31/8573/90666217.gif"];

for(z=0;z<a.length;z++){
document.getElementById("affiliateinfo").innerHTML+='<a href="'+a[z][1]+'"><img src="'+a[z][2]+'" nprder="0" height="31" width="88" title"'+a[z][0]+'"/></a>';
}
It mostly works but i do have an error in there somewhere

joestest.proboards.com/index.cgi?board=general

How would you make a table collapse?

[Bennett 🚀]

var a = new Array(); // Name, URL, Mini Banner
a[0]=["Nightcodes","http://joemaggio.proboards.com/","http://img31.imageshack.us/img31/8573/90666217.gif"];

for(r=0;r<a.length;r++){
document.getElementById("affiliateinfo").innerHTML+='<a href="'+a[r][1]+'" target="_blank"><img src="'+a[r][2]+'" border="0" height="31" width="88" title="'+a[r][0]+'"/></a><br />';
}

Collapse? What do you mean by that?