[RD]Multiple Sidebar pull out?

[Todge]

That's the part that creates the tab, it's the part you use multiple times to create multiple tabs.

[La Lune Mauve]

but I already have that v.v I'm sorry. I'm just confused about what you want me to do and you're probably confused about what I want to do. But I'm getting assistence on another site so maybe he can help.

[Todge]

No worries.. Let's start again from the top.

Remove what you currently have then..

Put this in your footer..

<script type="text/javascript">
<!--
// Open/close side tables

function popopen(c)
{
if(c.previousSibling.className == 'pophidden')
{
c.previousSibling.className = 'popshow';
}
else
{
c.previousSibling.className = 'pophidden';
}
return;
}
// -->
</script>

Followed by this..

<style type="text/css">
<!--
.popout { border: 1px solid black;}
.pophidden { display: none; }
.popshow { background-color: #FFFFFF; width: 100px; }
.popclick { cursor: pointer; background-color: #CCCCCC; color: FFOOOO;  height: 150px; width: 20px; }
-->
</style>

Edit the above stylesheet for colors, dimensions, borders etc..

Then put this for each tab..

<div class="popout" style="position: absolute; left: 0px; top: 50px;"><table>
<tbody>
<tr>
<td class="pophidden">Cell 1 content</td><td class="popclick" align="center" onclick="popopen(this);">C<br>L<br>I<br>C<br>K<br><br>M<br>E</td>
</tr>
</tbody>
</table>
</div>

and edit as follows..

The red number is the distance from the top of the screen the tab will appear..

The blue is the contents of the pop-out cell..

The green is the contents of the tab..

This code may look the same, but there is a small difference.

[La Lune Mauve]

It changed! Now it's on the actual side of the forum.

But I've been noticing that there's a line going around the cell and when I pop it out and then pop it back in, it leaves a box around where it was when it was out [preview]. Also, I'd like it to sort of "float" like the peekaboo side tables, so it's there all the time.

And (this might be a bit too much too fast) I started plugging in my side box codes, and noticed it's not supporting SubDevo's avatar/pm's anywhere code :/

[Todge]

What browser are you using, as it collapses fine for me..

Before, you said you wanted the tabs to scroll with the page, is this no longer the case?

[La Lune Mauve]

I'm using IE

and when I said scroll i meant float like the peekaboo side tables. That's why I've been mentioning it the whole time.

[La Lune Mauve]

Hey, I'm getting problems with the coding now on Firefox. Both this code and the peekaboo side tables refresh the entire page each time I click on the "click me" part of it.

athrivingworld.proboards.com/

[Chris]

Jun 13, 2012 12:40:06 GMT -8 La Lune Mauve said:

Hey, I'm getting problems with the coding now on Firefox. Both this code and the peekaboo side tables refresh the entire page each time I click on the "click me" part of it.

athrivingworld.proboards.com/

If you right-click the page and click VIEW SOURCE in Firefox then you'll see the problem, every single link in the affiliates table is missing a properly closed end anchor tag: </a>




this mean anything following that unclosed link will be considered part of the clickable link until it encounters a new link or an element that cannot be part of a link. In this case the last bad link is eating up everything until it hits the "Click Here To Make This Board Ad-Free" link at the bottom of the page. Make sure you properly close your links.

[La Lune Mauve]

Alright, that's fixed. Thanks! And I answered you in the cbox about the test site.

[La Lune Mauve]

Thanks so much eton! The code is working great Request Done