| Autor | Zpráva | ||
|---|---|---|---|
| GraphiC Profil |
#1 · Zasláno: 3. 8. 2014, 08:37:52
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 |
#2 · Zasláno: 3. 8. 2014, 09:36:06
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 |
#3 · Zasláno: 3. 8. 2014, 09:42:16
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 |
#4 · Zasláno: 3. 8. 2014, 09:55:32
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 |
#5 · Zasláno: 3. 8. 2014, 11:54:54
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 |
#6 · Zasláno: 4. 8. 2014, 11:53:38
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 |
#8 · Zasláno: 4. 8. 2014, 12:14:06
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 |
#9 · Zasláno: 4. 8. 2014, 21:58:43
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 |
#10 · Zasláno: 6. 8. 2014, 20:55:40
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 * |
#11 · Zasláno: 6. 8. 2014, 23:14:02
Nebo použít css a :focus.
|
||
|
Časová prodleva: 10 let
|
|||
0