[JS] Podkreslenie tekstu

[Paweł Jurewicz]

W ogole nie rozumiem JS, wiec prosze o pomoc w banalnej sprawie:

Na stronie wyswietla sie tekst:

AAA

User klika w <a>odnosnik</a> i ten odnosnik ma spowodowac podreslenie tego

<u>AAA</u>

Mozecie mnie jakos nakierowac?
PJ

[Marcin 'dethar' Jurasz]

CSS:

a.podkresl, a.podkresl:visited {
color:#000000;
text-decoration:none;
}

a.podkresl:hover {
color:#000000;
text-decoration:underline;
}

HTML:

<a href="#" class="podkresl">jakis tekst</a>

powinno dzialac

[tmerlin]

Post by Marcin 'dethar' Jurasz
a.podkresl, a.podkresl:visited {
color:#000000;
text-decoration:none;
}
a.podkresl:hover {
color:#000000;
text-decoration:underline;
}
<a href="#" class="podkresl">jakis tekst</a>
powinno dzialac

Nie . nie bedzie dzialac tak jak kolega chcial .. onchcial by po najechaniu na
linka podswitlil sie inny tekst ;)

[ethanak]

tmerlin napisał(a):
[...]

Post by tmerlin
Nie . nie bedzie dzialac tak jak kolega chcial .. onchcial by po najechaniu na
linka podswitlil sie inny tekst ;)

Kliknięciu a nie najechaniu :)

Na przykład:

<span onclick="podkresl('x')">podkreśl</span>
<span id="x">ten tekst</span>

function podkresl(a)
{
document.getElementById(a).style.textDecoration='underline';
}

(nie sprawdzałem ale powinno działać - lepiej oczywiście posługiwać się
klasami)

ethanak

[Paweł Jurewicz]

Post by ethanak
[...]

Post by tmerlin
Nie . nie bedzie dzialac tak jak kolega chcial .. onchcial by po najechaniu n

a

Post by tmerlin
linka podswitlil sie inny tekst ;)

Kliknięciu a nie najechaniu :)
<span onclick="podkresl('x')">podkreśl</span>
<span id="x">ten tekst</span>
function podkresl(a)
{
document.getElementById(a).style.textDecoration='underline';
}
(nie sprawdzałem ale powinno działać - lepiej oczywiście posługiwać się
klasami)

Dziala bez mydla!

Dzieki!

PJ

[Marcin 'dethar' Jurasz]

Post by tmerlin
Nie . nie bedzie dzialac tak jak kolega chcial .. onchcial by po najechaniu na
linka podswitlil sie inny tekst ;)

No więc może...

CSS:

normal {
color: #000000;
}

unormal {
color: #123456;
}

a.podkresl, a.podkresl:visited {
color:#000000;
text-decoration:none;
}

a.podkresl:hover {
color:#000000;
text-decoration:underline;
}

HTML:

<div class="normal" id="myDiv">AAA</div>

<a href="#" class="podkresl" onclick="return podswietl()">jakis tekst</a>

JS:

function podswietl() {
var tekst = document.getElementById('myDiv');

tekst.className = unormal;

return false;
}

to tak w dużym skrócie - mam nadzieję, że się gdzieś nie pomyliłem ;)

[emes]

a.podkresl:hover span.tam_gdzie_jest_ten_text {
font-weight:bold;
}