Autor | Zpráva | ||
---|---|---|---|
HelenaO Profil |
#1 · Zasláno: 14. 6. 2008, 22:47:28
Ahoj!
Situace: Mám stránky složené z kousků - nad vlastním obsahem každé stránky je iframe se záhlavím a menu, pod obsahem je iframe se zápatím. Položky podmenu jsou součástí vlastní stránky s obsahem. Stylopis je externí a je ve 2 souborech - zvlášť styly pro iframe a zvlášť pro samotný obsah stránek. Potíž: Ráda bych, aby odkaz na položku menu, která se právě zobrazuje zůstal podtržený i pod odjetí kurzoru z položky, kdy přestane působit a:hover i a:active. Jak jsem si přečetla v jiné části této diskuse a:active k tomu není určený. Jak ošetřit pododkazy jsem se dozvěděla tamtéž, ale zatím si nevím rady s položkami hlavního menu. Prosím o rady na bázi HTML, CSS nebo JavaScript. Stránky nejedou přes PHP. Jsem začátečník. Sice nadšený, ale pořád ještě začátečník. Díky |
||
ShiraNai7 Profil |
#2 · Zasláno: 14. 6. 2008, 23:33:15
Pres javascript by to slo pres this.style, ale... vubec bych nepouzival iframy.
|
||
HelenaO Profil |
#3 · Zasláno: 14. 6. 2008, 23:54:21
Zatím neumím jiný inteligentnější způsob, jak na více stránkách opakovat totéž a případně to i hromadně měnit. Z Yuhůova výkladu jsem pochopila, že rámy jako takové jsou sice zatraceníhodné, ale iframe jsou ještě snesitelné. Snad lze poradit i s tímto politováníhodným faktem.
|
||
joe Profil |
#4 · Zasláno: 15. 6. 2008, 01:05:23 · Upravil/a: joe
Ano, šlo by to pomocí JavaScriptu.
U každého odkazu v menu definovat id, například menu1, menu2, menu3, atd. (<a href="#" id="menuX"></a>) A poté u atributu onclick vykonat JavaScriptovou funkci, například. Dejme tomu, že položek bude 1 až N. function setActive(e) { for(i = 1; i<= N; i++) { document.getElementById('menu' + i).className = ''; } document.getElementById(e).className = 'active'; } Ve stylech CSS nastavit #menu1, #menu2, ... , #menuN { text-decoration: none; } a.active { text-decoration: underline !important; } A pak už jen modifikovat samotné odkazy ze začátku, na: <a href="#" id="menuX" class="" onclick="setActive(this)"></a> |
||
HelenaO Profil |
#5 · Zasláno: 15. 6. 2008, 11:02:48
Díky moc, joe!
|
||
Časová prodleva: 6 měsíců
|
|||
Argonisius Profil * |
#6 · Zasláno: 19. 12. 2008, 17:32:59
Dobrý den,
jak to musím upravit, aby to fungovalo na změnu třídy z např. a na aactive? (jako že bych samostatně definoval dvě třídy, jednu pro aktivní a druhou pro normální odkaz....) A měnilo by se to pomoc js podle toho, jestli je to nakliknuté. Díky. |
||
Časová prodleva: 15 let
|
0