Autor Zpráva
Fída
Profil
Ahoj, mám stránku s rodokmenem. Každý člověk má své ID-kvůli editaci. Potřeboval bych, aby se toto ID zobrazilo při přejetí myší (Tedy funkce "hover"), ale chtěl bych aby se to zobrazilo nějak gramotně-třeba jako ve windousech když se na něco najede a po chvilce so zobrazí informace u ukazatele.

Napadá mě jen, že po najetí myší se pod jménem zobrazí "ID:23", ale nevím čím to vyrobit. Patrně nějaký příkaz PHP kombinovaný s hover?
panther
Profil
Fída:
třeba jako ve windousech když se na něco najede a po chvilce so zobrazí informace u ukazatele.
k tomu by mohl posloužit atribut title.

Jinak můžeš mít popisek v odkazu, ten bude mít display: none, při hoveru změníš na display: block.

Patrně nějaký příkaz PHP kombinovaný s hover?
PHP se odehrává na serveru. PHP vygeneruje HTML a dál do ničeho nezasahuje do doby, než klikneš na odkaz. Nějaký hover je mu tedy ukradený, s tím PHP nemá nic společného.
__construct
Profil
Fída:
po najetí myší se pod jménem zobrazí "ID:23"
Nenapísal si aký element je to meno .. možno na tvoje účely bude fakt stačiť iba atribút title

Inak bude asi najuniverzálnejšie kombinácia Javascriptu a CSS ako napísal panther.

Alebo skús atribút title s CSS3:
<style type="text/css">
a {
  color: #900;
  text-decoration: none;
}

a:hover {
  color: red;
  position: relative;
}

a[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
}
</style>
<a title="ID:23" href="#">Užívateľ Fída</a>
panther
Profil
__construct:
Inak bude asi najuniverzálnejšie kombinácia Javascriptu a CSS ako napísal panther.
o JS jsem nic nepsal, i když by to také šlo (přinejmenším je to zbytečné).

Stačí zjednodušeně toto:
<a href="">Uživatel Fída<span>ID: 3</span></a>

a span {visibility: hidden}
a:hover span {visibility: visible}
Fída
Profil
__construct:
Zatim to není žádný element. Je to jen text... http://www.mujrodokmen.ic.cz/rodok.html

Díky za rady, podívám se na to.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: