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: 11 let
|
0