| Autor | Zpráva | ||
|---|---|---|---|
| Fída Profil |
#1 · Zasláno: 1. 9. 2010, 12:32:41
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 |
#2 · Zasláno: 1. 9. 2010, 12:39:38 · Upravil/a: panther
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 |
#3 · Zasláno: 1. 9. 2010, 12:50:08
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 |
#4 · Zasláno: 1. 9. 2010, 12:53:26 · Upravil/a: panther
__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 |
#5 · Zasláno: 1. 9. 2010, 13:00:03 · Upravil/a: Fída
__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. |
||
|
Časová prodleva: 10 let
|
|||
0