Spoiler in html?

[lifeguard]

Wat is de html code voor een spoiler?

Je weet wel tekst die zichtbaar wordt als je er met de muis over heen gaat

Dus geen BBcode, maar de HTML

[Coen]

Waarschijnlijk is de code van een spoiler, door de background van een table-cell dezelfde kleur te geven als de tekst-kleur.

Weet ik niet helemaal zeker, dus pin me er niet op vast...

[lifeguard]

Nee je begrijpt me niet, of ik leg het krom uit


Ik bedoel bijvoorbeeld

Spoiler: bekijk

is de bbcode
<spoil> </spoil> is html


Alleen ik weet de HTML code niet LOL

Net als teks doorstrepen,

<strike> tekst </strike>


Snppie?

[MindPrison]

Ik heb niet direct weet voor een daar voor dienende tag, maar je kan altijd de css eigenschap "hover" in combinatie met "visible" gebruiken...

[Bertie]

Alleen met css eigenschap kom je niet ver
Voor een spoiler dien je ook javascript te gebruiken, zoals de mouse over this style colour.
En als ik het zo zie wil je het voor phpBB3 gebruiken lifeguard?

[Bee]

Er is geen HTML-element voor het maken van een spoiler, wel een leuke code:

Als CSS-code:

Code: Selecteer alles

<style type="text/css">
<!--
.spoiler {visibility: hidden;}
--></style>

Als Javascript-code:

Code: Selecteer alles

<script type="text/javascript">
<!--
function showSpoilers()
{
object = document.getElementById("spoiler");
object.disabled = true;
}
// --></script>

Om in je HTML document te gebruiken:
Code om Spoilers te tonen:

Code: Selecteer alles

<span onclick="showSpoilers();" onmouseover="this.style.cursor='hand';">Klik hier om alle spoilers te vertonen</span>

Code om een spoiler zelf te maken:

Code: Selecteer alles

Spoiler: <span class="spoiler">Verborgen tekst</span>

Je kan zoveel spoilers in je document maken als je wil

Er is een nadeel aan de pseudoklasse :hover, en dat is dat niet elke browser accepteert dat je met ingang van CSS2 deze pseudoklasse op elk element mag gebruiken. Anders zou je een volledig op CSS gebaseerde oplossing kunnen maken.

[special18]

ik weet wel een javascript waarmee je op keystrokes een javascript window laat zien met een woord erin.

als je wilt hebben laat maar weten

[lifeguard]

Er is geen HTML-element voor het maken van een spoiler, wel een leuke code:

Als CSS-code:

Code: Selecteer alles

<style type="text/css">
<!--
.spoiler {visibility: hidden;}
--></style>

Als Javascript-code:

Code: Selecteer alles

<script type="text/javascript">
<!--
function showSpoilers()
{
object = document.getElementById("spoiler");
object.disabled = true;
}
// --></script>

Om in je HTML document te gebruiken:
Code om Spoilers te tonen:

Code: Selecteer alles

<span onclick="showSpoilers();" onmouseover="this.style.cursor='hand';">Klik hier om alle spoilers te vertonen</span>

Code om een spoiler zelf te maken:

Code: Selecteer alles

Spoiler: <span class="spoiler">Verborgen tekst</span>

Je kan zoveel spoilers in je document maken als je wil

Er is een nadeel aan de pseudoklasse :hover, en dat is dat niet elke browser accepteert dat je met ingang van CSS2 deze pseudoklasse op elk element mag gebruiken. Anders zou je een volledig op CSS gebaseerde oplossing kunnen maken.

Ik kan weer aan de slag.
thnx!