| Autor | Zpráva | ||
|---|---|---|---|
| Ronny Profil * |
#1 · Zasláno: 19. 7. 2008, 14:21:16
Ahoj, pres JS si zobrazuju pomoci zalozek text, a chci, aby ta zalozka, ktera je prave aktivni, mela jinou barvu pozadi ez ty ostatni... skript vypada takto:
<script>
var zobrazena = "prvni";
function zobraz(polozka){
if (document.getElementById){
document.getElementById(zobrazena).style.display = "none";
document.getElementById(polozka).style.display = "block";
zobrazena = polozka;
return false;
}
else {
if(document.stylesheets) document.stylesheets["zalozky"].disabled = true;
return true;
}
}
</script>
a odkazy si vypisuji nasledovne:
<a href="#prvni" onclick="return zobraz('prvni'); ">Bla</a>
V JS se moc nevyznam, tak budu vdecny za kazdou radu :) |
||
| peta Profil |
#2 · Zasláno: 19. 7. 2008, 19:29:36
jakpsatweb - css - pseudotrida :hover
jakpsatweb - zdokonaleni odkazu jakpsatweb - javascript - priklady - zacatecnicke priklady / prace s dokumentem jakpsatweb - javascript - priklady - udalost onmouseover |
||
| Ronny Profil * |
#3 · Zasláno: 19. 7. 2008, 19:56:10
peta
ja pis chci, aby kdyz kliknu na ten odkaz, aby mel napr. jinou barvu pozadi, aby bylo zrejme, na co uzivatel kliknul (active) |
||
| Smajda Profil |
#4 · Zasláno: 19. 7. 2008, 20:02:41
myslim že asi nějak tak přes css....
a {background-color: #FF0000;} a:active {background-color: #00FF00;} doufám že je to správně |
||
| Str4wberry Profil |
#5 · Zasláno: 19. 7. 2008, 20:08:14
Plus a:focus.
|
||
| habendorf Profil |
#6 · Zasláno: 19. 7. 2008, 20:50:22
Ale notak, co mu to tu všichni píšete za koniny?
Ronny Vytvoř si css třídu pro aktivní záložku a tu vždy odkazu přiřaď. Po kliku na jiný odkaz ji musíš odebrat (nebo tam prostě vrátit původní) a dát ji zase aktuálně aktivnímu odkazu. :hover, :active ani :focus s tím nesouvisí ani za mák. |
||
| Ronny Profil * |
#7 · Zasláno: 19. 7. 2008, 20:51:42
ukázka
tak v IE a FF mi to funguje dobře, problém je ale v Opeře, kde po kliknutí např. na BLIŽŠÍ INFORMACE se nezmění barva pozadí záložky.... CSS mi vypadá následovně:
.zalozka a {
border: 2px solid #134091;
border-bottom: none;
padding: 4px;
background-color: whtie;
text-decoration: none;
color: black;
}
.zalozka a:hover {
background-color: #E3ECFB;
}
.zalozka a:active {
background-color: #E3ECFB;
}
.zalozka a:focus {
background-color: #E3ECFB;
}
Neexistuje pro Operu nějaký hack či tak něco? |
||
| habendorf Profil |
#8 · Zasláno: 19. 7. 2008, 20:56:05
Ronny
Nefunguje ti to v ničem. Klikni si mimo záložku a uvidíš. Ani to fungovat nemůže. Viz můj příspěvek výše. |
||
| Ronny Profil * |
#9 · Zasláno: 19. 7. 2008, 21:15:05
habendorf
nj ale jak to udělat? ...nevím jak tu třídu přiřadit nebo odebrat od záložky |
||
| habendorf Profil |
#10 · Zasláno: 19. 7. 2008, 21:45:25
Prostě na onclick zavoláš funkci, která:
1) odebere třídu předchozímu (className='';) 2) nastaví třídu současnému (className='nejaka_trida';) 3) do proměnné si uloží id současného aktuálního odkazu. |
||
| jakubroz Profil |
#11 · Zasláno: 19. 7. 2008, 22:19:58
muzes ukazat jak by měl vypadat ten kod?
|
||
| Chamurappi Profil |
#12 · Zasláno: 19. 7. 2008, 23:59:54
Reaguji na Ronnyho:
<script>
onload = function()
{
var navracec = null;
var nastavZalozku = function(uri)
{
var zalozka = uri.match(/#(.*)$/);
zalozka = zalozka && document.getElementById(zalozka[1]);
zalozka && (navracec && navracec(), navracec = function(zalozka, trida)
{
zalozka.className += " aktivni-zalozka";
return function()
{
zalozka.className = trida;
};
}(zalozka, zalozka.className));
};
var odkazy = document.getElementsByTagName("a");
for(var i = 0, l = odkazy.length; i < l; i++)
odkazy[i].onclick = function()
{
nastavZalozku(this.href);
};
nastavZalozku(location.href);
};
</script> |
||
| Ronny Profil * |
#13 · Zasláno: 20. 7. 2008, 09:46:03
Chamurappi
no a jak by ted vypadal odkaz? ...jsem z toho trochu zmateny...:( |
||
| peta Profil |
#14 · Zasláno: 20. 7. 2008, 11:34:11
Ronny
jakpsatweb - html - seznamy / zalozky jinak ten dalsi popis ledaco vysvetluje. Je treba prenaset na novou stranku hodnotu, viz a to preg GET nebo cookies anebo pres session v php a pod. jakpsatweb - javascript- priklady - gethttpvars jakpsatweb - javascript- priklady - cookies |
||
| Str4wberry Profil |
#15 · Zasláno: 20. 7. 2008, 11:46:09
Reakce na habendorfa:
„Ale notak, co mu to tu všichni píšete za koniny?“ Ale no tak, trochu to funguje. :–) Reakce na Ronnyho: Nebude pro Tebe jednodušší použít třeba tohle? Půjde se tak dostat k textu i při vypnutém JavaScriptu. |
||
| Chamurappi Profil |
#16 · Zasláno: 20. 7. 2008, 15:02:44
Reaguji na Ronnyho:
Vypadal by jako klasický odkaz: <a href="#prvni">Bla</a> |
||
|
Časová prodleva: 16 let
|
|||
0