HTML

[Rubymatt]

Hey, could someone help? I need to know, what's the HTML for a spoiler?

LIke the

Spoiler: insertspoilernamehere

...

type.

How can they be done using HTML?

 

[Tohsaka]

Here's yours in HTML:

<div>
    <div class="pre-spoiler">
    <span style="float:left; padding-top: 2px;">insertspoilernamehere <input type="button" value="Show" style="width:80px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Show';}">
    </div>
    <div>

        <div class="spoiler" style="display: none;">

...

</div>
    </div>
</div>

If you are using FireFox, just click on View -> PageSource

 

[djzalzer]

Twar3, the forum's use of a spoiler div utilizes a CSS sheet, so that won't work on an HTML document that isn't attached to that sheet. Thus, it won't work.

 

[Ceroscuro]

Yeah. You need JavaScript, CSS, or both to make a spoiler. You cannot make a spoiler with plain HTML.

 

[Tohsaka]

Hmm... It seemed to work on my guild wars site. Within CuteNews articles. And since I coded the actual layout, I would know if there was any JScript inplemented for it. I don't even use CSS.

EDIT: Tested the code in a new file with NVU. Spoiler is there, no JScript in the code, and no CSS. Although it's just the spoiler text, the button and the content.

 

[Ceroscuro]

The code you posted may work, but it's got JavaScript and CSS in it, so it still supports my statement.

 

[Ellie]

I tried it in a blank notebook document, it seems to work. But, the styles do not work as they have to be defined in the CSS stylesheet (as people have said, except it is just the styles that don't work, and the border).