| 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?
<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 * |
#2 · Zasláno: 28. 2. 2014, 20:42:39
Ne nejde. Pozor na křížení značek.
|
||
| Str4wberry Profil |
#3 · Zasláno: 28. 2. 2014, 21:06:57
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.. <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.. |
||
|
Časová prodleva: 1 rok
|
|||
| Žblabla Profil * |
#5 · Zasláno: 24. 3. 2015, 10:36:20
Ahoj,
jak se dělá ten nejjednodušší spoiler? |
||
|
Časová prodleva: 9 let
|
|||
0