hoe spoiler op website krijgen?

[fiestaboyke]

Ik vraag me af hoe ik een spoiler in een website plaats? Als ik <spoiler> </spoiler> gebruik op mijn website dan zie ik gewoon de code ipv een spoiler ... Hoe komt dit? Ik gebruik dreamweaver 5 ...


Alvast bedankt.

[Zero Grav]

Lol, omdat de spoiler tag gewoon niet bestaat. Is gewoon een manier van opmaken waarbij de tekst dezelfde kleur heeft als de achtergrond waardoor die enkel zichtbaar wordt bij het selecteren. Bijvoorbeeld:

<span style="color:#000;background:#000">Spoilertekst</span>

[BramVroy]

Lol, omdat de spoiler tag gewoon niet bestaat. Is gewoon een manier van opmaken waarbij de tekst dezelfde kleur heeft als de achtergrond waardoor die enkel zichtbaar wordt bij het selecteren. Bijvoorbeeld:

<span style="color:#000;background:#000">Spoilertekst</span>

Beter lijkt me een span met een class, maar uiteraard is de CSS van Zero Grav het belangrijkste.

[demon326]

Als het moet zoals 9lives;

<div style="margin:20px; margin-top:5px"><div class="quotetitle"><strong>{L_SPOILER}</strong> <input type="button" value="{L_SHOW}" style="width:45px;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 = '{L_HIDE}'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '{L_SHOW}'; }" /></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>

Sorry voor de tokens, maar geen zin op de phpbb tokens eruit te filteren

[BramVroy]

Als het moet zoals 9lives;

<div style="margin:20px; margin-top:5px">
  <div class="quotetitle">
    <strong>{L_SPOILER}</strong>
    <input type="button" value="{L_SHOW}" style="width:45px;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 = '{L_HIDE}'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '{L_SHOW}'; }" /></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>

Sorry voor de tokens, maar geen zin op de phpbb tokens eruit te filteren

Even beautifyen.

<div style="margin:20px; margin-top:5px">
    <div class="quotetitle">
        <strong>{L_SPOILER}</strong>
        <input type="button" value="{L_SHOW}" style="width:45px;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 = '{L_HIDE}'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '{L_SHOW}'; }" />
    </div>
    <div class="quotecontent">
        <div style="display: none;">
            {TEXT}
        </div>
    </div>
</div>

[fiestaboyke]

Even beautifyen.

<div style="margin:20px; margin-top:5px">
    <div class="quotetitle">
        <strong>{L_SPOILER}</strong>
        <input type="button" value="{L_SHOW}" style="width:45px;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 = '{L_HIDE}'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '{L_SHOW}'; }" />
    </div>
    <div class="quotecontent">
        <div style="display: none;">
            {TEXT}
        </div>
    </div>
</div>

Waar juist zet ik deze code dan?

[demon326]

Waar juist zet ik deze code dan?

Waar de spoiler nodig is? ....

[profound]

Waar juist zet ik deze code dan?

Op de keukentafel

[fiestaboyke]

Op de keukentafel

Doe is normaal jong, kvraag om hulp, niet om u belachelijke commentaar.

[GigaPixels]

Hij bedoelt waar de code moet tussen de huidige code; in de head, body, of tussen welke div ..

keb geen idee wat een "spoiler" betekent in deze context, dus ik kan je al niet helpen.
Maar van wat ik lees is dat gwn text die niet zichbaar is vermits deze dezelfde kleur heeft als de bg. Dus plaats deze dan waar je hem nodig hebt .. tussen de juiste huidige divs.
Als je echt hulp nodig hebt, PM me dan u code wnt vaak zijn dat hier toch maar **** (vrije invulling mogelijk).

[BramVroy]

Hij bedoelt waar de code moet tussen de huidige code; in de head, body, of tussen welke div ..

keb geen idee wat een "spoiler" betekent in deze context, dus ik kan je al niet helpen.
Maar van wat ik lees is dat gwn text die niet zichbaar is vermits deze dezelfde kleur heeft als de bg. Dus plaats deze dan waar je hem nodig hebt .. tussen de juiste huidige divs.
Als je echt hulp nodig hebt, PM me dan u code wnt vaak zijn dat hier toch maar **** (vrije invulling mogelijk).

Zal't gaan ja!

[cool_boy_ke]

Spoiler:

Dit bedoelt hij met een SPOILER

[carhartt^-]

Spoiler:

Echt niet hij bedoelt dit

[Zero Grav]

Allé, na een steek onder de gordel en alle onnozelheden aside kunnen we nu gewoon afwachten tot de threadstarter zélf aangeeft wat hij bedoelde.

[fiestaboyke]

Ik bedoelde wat cool_boy_ke aangeeft

[Zero Grav]

Dan moet ge gewoon demon326 zijn code gebruiken op de plaats waar ge wilt dat de spoiler verschijnt. Als ge twijfelt, probeer het dan uit en als het niet succesvol is kunt ge met een codevoorbeeld komen om naar de volgende stap te geraken.

[UnD3RD0G]

het beste/Mooiste liijkt mij gewoon de jquery toggle() function?

$('.toonAntwoord').click(function() {
$('.antwoord').toggle('slow', function() {
});
});

<a href="#" class="toonAntwoord">Toon het antwoord</a>
<div class="antwoord">het verborgen antwoord zal worden getoond bij een klik, en verborgen worden bij een andere.</div>

[Streaker]

het beste/Mooiste liijkt mij gewoon de jquery toggle() function?

$('.toonAntwoord').click(function() {
$('.antwoord').toggle('slow', function() {
});
});

<a href="#" class="toonAntwoord">Toon het antwoord</a>
<div class="antwoord">het verborgen antwoord zal worden getoond bij een klik, en verborgen worden bij een andere.</div>

Allemaal goed en wel, maar TS lijkt mij nu geen html gooroo te zijn. Als hij al moeilijkheden heeft met het weten waar die zogezegde "spoiler" tag moet komen, vrees ik voor Jquery.

[BramVroy]

het beste/Mooiste liijkt mij gewoon de jquery toggle() function?

$('.toonAntwoord').click(function() {
$('.antwoord').toggle('slow', function() {
});
});

<a href="#" class="toonAntwoord">Toon het antwoord</a>
<div class="antwoord">het verborgen antwoord zal worden getoond bij een klik, en verborgen worden bij een andere.</div>

Probleem is dan wel dat als er meerdere spoilers staan, deze allemaal geopend worden als je op één knop drukt. Met IDs werken gaat dan wel, maar dat is manueel dan wel wat werk.

[UnD3RD0G]

Probleem is dan wel dat als er meerdere spoilers staan, deze allemaal geopend worden als je op één knop drukt. Met IDs werken gaat dan wel, maar dat is manueel dan wel wat werk.

Ik heb hier snel e syntax gezet, maar je kan perfect die selector een beetje aanpassen om bv naar de parent div te gaan, en daaronder de antwoord class te selecten, en dan is dat per instance, en niet allemaal.