Autor Zpráva
MrKolouch
Profil
Jak změnit text odkazu při najetí myší?
Casero
Profil
MrKolouch
Asi by to šlo si pohrát s display: none v css, a samozřejmě v JS onmouseover.....
MrKolouch
Profil
Casero
nešlo by to trochu po selsku?
Plaváček
Profil
MrKolouch

Jaký má smysl něco takového dělat? Ptám se po selsku.

V Javascriptu existuje metoda OnMouseOver, která asi splní tvůj požadavek. Zkus pohledat a zapojit mozkové buňky.
Casero
Profil
MrKolouch
V odkazu budeš mít text(text před najetím) a ve spanu text po najetí...v css budeš mít span v odkazu, jako display: none, a na hover se to obrátí...display:none bude zbytek odkazu a span zviditelníš.
MrKolouch
Profil
Casero
sorry ale nemohl bys ten kod napsat,já to stejně nepochopim
Plaváček já javascript neumim
habendorf
Profil
já javascript neumim

On na to taky není potřeba. Úplně stačí css.
Martin
Profil

a {
/* display:block; min-height:100px; */
}
a:hover #jedna{
display:none;
}
a:hover #dva {
display:inline;
}
a #dva {
display:none;
}

<a href="http://thesimpsons.cz" title="Simpsonovi"><span id="jedna">Bart</span><span id="dva">Lisa</span></a>

Nějak tak bych to řešil, když už
peta
Profil
jakpsatweb - zdokonaleni odkazu
MrKolouch
Profil
peta
<i>jakpsatweb - zdokonaleni odkazu</i>
tam sem nenašel nic o změně textu odkazu při najetí myši
Martin
hodil jsem ten kod do pspad a stejně se nic nezměnilo


Potřeboval bych to takto:
normálí odkaz(a:link): <a href="ja.html">Moje osoba</a>
po najetí myši(a:hover): <a href="ja.html">-->Moje osoba</a>

prosím mějte se mnou eště strpení a pokuste se mi pomoci.díky
peta
Profil
MrKolouch
:))

1
tak jedna cesta je jakpsatweb - javascript - udalosti onmouse over/out, innerHTML

2 dalsi cesta je
jakpsatweb - zdokonaleni odkazu

<menu>
<li><a>
<li><a>
</menu>
menu, menu li, menu a {display:block}
li a:hover{text-indent:20px; background:url("odrazka.gif")}

3
jakpsatweb - zdokonaleni odkazu

<menu>
<li><a><b>--& gt; </b>
<li><a>
</menu>

li a b {display:none}
li a:hover b {display:block}
Martin
Profil
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simpsonovi</title>
<style type="text/css">
a {
/* display:block; min-height:100px; */
}
a:hover #jedna{
display:none;
}
a:hover #dva {
display:inline;
}
a #dva {
display:none;
}
</style>
</head>

<body>
<a href="http://thesimpsons.cz" title="Simpsonovi"><span id="jedna">Bart</span><span id="dva">Lisa</span></a>
</body>
</html>


Stejně si myslim, že je to kravina.
Martin
Profil
Myslel jsem, že chceš něco jiného. peta tě nasměroval nejspíš dobře.
MrKolouch
Profil
peta
vybral jsem si tu 3.možnost.jen jsem si to trochu upravil:

<a href="ja.html"><i>--></i>Moje osoba</a>

a i {display:none}
a:hover i {display:block}

Jen mám problém,že se ta šipka neobjeví na stejném řádku.Mrkněte na to www.herda.xf.cz


P.S.Podívejte se na to přes IE,páč v Opeře se mi to menu jejak posralo
habendorf
Profil
Jen mám problém,že se ta šipka neobjeví na stejném řádku

To je opravdu s podivem, když jí dáváš display:block. Proč proboha ne inline?
MrKolouch
Profil
habendorf
jo dík.Dával jse to proto,že peta to tam taky měl
Toto téma je uzamčeno. Odpověď nelze zaslat.

0