Little Poject..

[hadouken!]

for you guys

i just need the spoiler thing in html or CSS IF thats possible. i want it for my myspace! +rep to ANYone who helps xx

Show Hide

LIKE THIS BUT HTML. BB Doesnt work.

Moved by opensourcehost (Forum Moderator) from Web Designing: Please post in the correct forum next time, thanks .

[the wombats]

<div width="100%" class="alt1" onclick="spoiler(this);" style="border-collapse: collapse; border: solid thin black;"><div id="idTitle" class="alt2" style="border-collapse: collapse; border: solid thin black; width: 100%;">&nbsp;<b>click to show</b></div><div id="idSpoiler" style="display: none;">{param}</div></div>


{param} should be replaced with what you want in the spoiler i think. that is the HTML code for a spoiler tag which hxf use.

[hadouken!]

tried. but didnt seem to like it, got that error thing. and myspace blocked it i think

[the wombats]

i just tried editing my profile, it came up with an error.

[hadouken!]

yeah same in Dw too, i might just do a text box if nobody comes up with gd thingssss

[Mentor]

It is really the kinda thing js is made for, although i suppose a conditional bit of css probably could do it, cross browser support would be terrible "/

[Flisker]

add this to the myspace for the spoiler:

<script language='JavaScript' type='text/javascript'>
        <!--
            function spoiler(obj)
            {
                  for (var i = 0; i < obj.childNodes.length; i++)
                  {
                        if (obj.childNodes[i].id == 'idTitle')
                            titleRow = obj.childNodes[i];
                    if (obj.childNodes[i].id == 'idSpoiler')
                    {
                        if (obj.childNodes[i].style.display != 'none')
                        {
                            obj.childNodes[i].style.display = 'none';
                            titleRow.innerHTML = '&nbsp;<b>Click to show spoiler</b>';
                        }
                        else
                        {
                            obj.childNodes[i].style.display = 'block';
                            titleRow.innerHTML = '&nbsp;<b>Click to hide spoiler</b>';
                        }
                    }
                }
            }
        //-->
        </script>

And heres the spoiler

<div width="100%" class="alt1" onclick="spoiler(this);" style="border-collapse: collapse; border: solid thin black;"><div id="idTitle" class="alt2" style="border-collapse: collapse; border: solid thin black; width: 100%;">&nbsp;<b>Click to show spoiler</b></div><div id="idSpoiler" style="display: none;">LIKE THIS BUT HTML. BB Doesnt work.</div></div></div>

Edit: I have just seen Javascript isnt allowed on myspace x_x

[hadouken!]

so it wont work?

[Ini]

No.....

Edited by opensourcehost (Forum Moderator): Please don't post pointlessly.

[hadouken!]

i worked it out for myself. why post pointlessly?

Edited by opensourcehost (Forum Moderator): Please do not tell users that they have broken the forum rules, instead report the post using the report post button.