Autor Zpráva
Maxdoney
Profil
Zdravím, potřeboval bych zjednodušit tento spoiler jen jako HTML (bez použití CSS stylů, Javascriptu, PHP atd.) a nevím jak to udělat, šlo by to nějak ?, nebo třeba i tak aby se více spoilerů nehádalo?
1<style>#spoiler {display: none;}#spoiler:target {display: block;}</style>
2<a href="#spoiler">Otevřít</a><br>
3<p><span id="spoiler"><a href="">Zavřít</a><br>
4Text ve spoileru</p></span>
<style>#spoiler {display: none;}#spoiler:target {display: block;}</style>
<a href="#spoiler">Otevřít</a><br>
<p><span id="spoiler"><a href="">Zavřít</a><br>
Text ve spoileru</p></span>
juriad_
Profil *
Ne nejde. Pozor na křížení značek.
Str4wberry
Profil
Vaším způsobem by to mohlo vypadat následovně:

Živá ukázka

Každý spoiler bude mí různý odkaz a id. Zrušení :targetu je možné uvedením třeba pouhé # jako cíle zavíracího odkazu.

Jednom doplním, že selektor :target funguje až od Internet Exploreru 9, pro starší prohlížeče je nutné sáhnout po JavaScriptu. Případně by šlo použít :focus, ale to nebude fungovat asi úplně podle představ.
Maxdoney
Profil
juriad:
Jo díky.. <p><span></p></span>

Bez CSS to asi nejde.. ale hádání spoilerů jsem nakonec vyřešil sám, dokonce se i zavírá spoiler1 díky znovunačtení když se otevře spoiler2, posílám kód kdyby někdo chtěl..
1<style>.spoil {color: orange; font-style: normal;}
2.spoiler {display: none;}
3.spoiler:target {display: block;}</style>
4 
5<p><a class="spoil" href="#spoiler1">ModPack 1.03 s Minecraftem 1.6.4</a></p>
6<span class="spoiler" id="spoiler1"><p><a class="spoil" href="">Zavřít složku</a><br>
7Text ve spoileru 1</p></span>
8<p><a class="spoil" href="#spoiler2">ModPack 2.00 s Minecraftem 1.7.2</a></p>
9<span class="spoiler" id="spoiler2"><p><a class="spoil" href="">Zavřít složku</a><br>
10Text ve spoileru 2</p></span>
<style>.spoil {color: orange; font-style: normal;}
.spoiler {display: none;}
.spoiler:target {display: block;}</style>
 
<p><a class="spoil" href="#spoiler1">ModPack 1.03 s Minecraftem 1.6.4</a></p>
<span class="spoiler" id="spoiler1"><p><a class="spoil" href="">Zavřít složku</a><br>
Text ve spoileru 1</p></span>
<p><a class="spoil" href="#spoiler2">ModPack 2.00 s Minecraftem 1.7.2</a></p>
<span class="spoiler" id="spoiler2"><p><a class="spoil" href="">Zavřít složku</a><br>
Text ve spoileru 2</p></span>

Náhled spoileru, omluvte průhledné pozadí je to iframe:(Oddělení Minecraft) www.cubedreams.inu.cz/archiv.html

Str4wberry:
V té živé ukázce jsemse vůbec nevyznal, ale jinak díky .. zavírací odkaz jsem nechal prázdný a javascript právě nechci..
Žblabla
Profil *
Ahoj,
jak se dělá ten nejjednodušší spoiler?
Toto vlákno je staré, již dlouho do něj nikdo nepřispíval.

Informace a odkazy zde uváděné už nemusejí být aktuální. Nechcete-li řešit zde uvedenou konkrétní otázku, založte si vlastní vlákno, nepište do tohoto. Vložíte-li sem nyní příspěvek, upoutáte pozornost mnoha lidí a někteří z nich si jen kvůli vám přečtou i všechny předcházející příspěvky. Předpokládáte-li, že váš text skutečně bude hodnotný, stiskněte následující tlačítko:


Běda vám, jestli to bude blábol.

0