Autor Zpráva
GraphiC
Profil
Mám otázku. Jak vytvořit takový to pěkně vypadající spoiler? http://www.inmotionteam.cz/reference/ ...když najedete na jakoukoliv položku z referencí položku na celé šířce zakryje modrý blok a po kliknutí se zobrazí info. Teoreticky to může být naprosto stejné, spoiler se nemusí zavírat ani jakoby znovu-načítat stránku. Poté ještě je jeden problém.

Na adrese www.parkourtest.4fan.cz, když se zaměříte na menu, položky které obsahují podstránky mají na koncích šipky na zdůraznění podstránek. Nevíte jak se jich zbavit? Ptejte se jaké informace dále potřebujete a budu velmi rád za rady :)
pacvel
Profil
Na to zbarvení použij CSS :hover. To skrývání:
<a href="#" id="zobrazeno" onclick="this.style.display = 'none'; document.getElementById('vice').style.display = 'block';">Více</a>
<div id="vice" style="display: none;">Skrytý text...
<br>
<a href="#" onclick="document.getElementById('vice').style.display = 'none'; document.getElementById('zobrazeno').style.display = 'block'">Méně</a>
</div>
.
juriad
Profil
K druhému problému:
style.css, řádka 717: .navi-primary .sf-sub-indicator {display: none;}
Ale já bych je tam nechal, uživatel alespoň nebude překvapený.

K prvnímu problému, šílené řešení čistě pomocí CSS:
http://kod.djpw.cz/fveb

Nebo s troškou javascriptu, doporučuji.
http://kod.djpw.cz/gveb
GraphiC
Profil
Moc děkuji. Doufám, že s tímto už vystačím popřípadě ještě se poptám :)
K prvnímu problému.
Zkoušel jsem tady toto Jednoduchý, pouze HTML Spoiler ale způsob je celkem nelíbivý.
Doufám, že tento bude trochu elegantnější :)
GraphiC
Profil
pacvel:
Tvůj způsob je sice pěkný, ale opět není dokonalý. Stránka se myslím opět pouze znovu-načítá když kliknu na "méně"...
Opravdu nikdo neví přesné znění kodu tady této stránky jak ten spoiler funguje?
http://www.inmotionteam.cz/reference/
pacvel
Profil
Tak si udělej z odkazu span :)
<span id="zobrazeno" onclick="this.style.display = 'none'; document.getElementById('vice').style.display = 'block';">Více</span>
<div id="vice" style="display: none;">Skrytý text...
<br>
<span onclick="document.getElementById('vice').style.display = 'none'; document.getElementById('zobrazeno').style.display = 'block'">Méně</span>
</div>
lionel messi
Profil
pacvel:
Tak si udělej z odkazu span
Neodporúčam. Ku kódeniu patrí aj dodržiavanie istej štábnej kultúry, to jest, odkazovať odkazom.
juriad
Profil
lionel messi:
Ale on to není odkaz. Na co chceš odkazovat?
Když už chceš být čistý, tak mi jako nejlepší možnost přijde definiční seznam obsahující dvojici název - obsah.
GraphiC
Profil
Díky, ale je tady opět problém s tím, že když toto použiji např. 2x a více krát pod sebou... otevři a zavřu..postupně se jakoby anulují až tam zbyde jen ten poslední...
mimochodec
Profil
GraphiC:
Díky, ale je tady opět problém s tím, že když toto použiji např. 2x a více krát pod sebou

Jestli správně chápu tvůj problém, máš problém s tím, že nepoužíváš unikátní id. Ty jednotlivé položky nejspíš vypisuješ z databáze, tak to udělej takhle:

<span id="zobrazeno" onclick="rozbalit(4)">Více</span>
<div id="vice4" style="display: none;">Skrytý text...
<br>
<span onclick="sbalit(4)">Méně</span>
</div>

Přičemž tam nebude čtyřka, ale ID z db. V JS pak budeš mít dvě funkce, které na základě přijatého čísla sbalí/rozbalí patřičný div.
scheras
Profil *
Nebo použít css a :focus.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: