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> <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í :target u 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;} <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: 10 let
|
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