Tooltip mód versus Klikací mapa

Tvorba a použití opravných módů.
Falt
Příspěvky: 345
Registrován: 30 srp 2013 23:48
Kontaktovat uživatele:

Tooltip mód versus Klikací mapa

Příspěvekod Falt » 23 zář 2016 18:37

Klikací mapa v TNG
TNG je vybaveno nástrojem Klikací mapa, který slouží k popisu zejména skupinových fotek. Jak se k ní dostanu? Administrace | Media | Hledat a z nabídky fotek si některou vybrat. U ní ve sloupci Akce zvolit první ikonu Upravit. Otevře se obrazovka Média >> Existující údaje o médiu, na které vyhledáme ve spodní části volbu Klikací mapa obrázku. Po výběru levého horního a pravého dolního rohu pro každou osobu se objeví nabídka pro volbu odpovídající osoby z databáze. Pod obrázkem je prostor, ve kterém se automaticky vygeneruje programovací kód. Po uložení se po najetí myší na osobu objeví bílý obdélník se jménem osoby.
Tooltip Mód
Ken Roy je autorem doplňku Tooltip – ke stažení na stránce http://tng.lythgoes.net/wiki/index.php?title=Tooltip_Mod Tento mód využívá stejnou techniku zadávání souřadnic v okně Klikací mapa obrázku jako v předchozím případě, ale dovoluje formátovat vzhled (barvu, stín) a umožňuje popsat i osoby, které nejsou v databázi vůbec obsaženy (případně neživé objekty). Pro označení osob, které nejsou v databázi, se využívá triku, kdy nejprve přiřadím osobě některou osobu z databáze a následně zápis kódu opravím. Použijte následující postup:
1. Označte zájmovou osobu a vyberte si z nabídky nějakou vhodnou osobu z databáze, třeba s ID 1000.
2. V okně s kódem (pod obrázkem) proveďte následující 4 změny původního kódu (fialově text ke smazání):
<area coords="528,64,685,226" href="getperson.php?personID=I1000&amp;tree=strom2" alt="Matěj BRÁZDA" onmouseout="hideddrivetip()" onmouseover="ddrivetip('Matěj BRÁZDA','lightgreen',120) " />

na nový kód (zeleně text ke vložení):
<area coords="528,64,685,226" alt="soused a hostinský Ruda Kouba" onmouseout="hideddrivetip()" onmouseover="ddrivetip('soused a hostinský Ruda Kouba',''yellow'',120) " />


Po úpravě kódu pokračujte se zápisem souřadnic další osoby a po zapsání všech osob zvolte tlačítko Uložit. Od tohoto okamžiku budou na obrázku k dispozici popisky. Ukázka viz http://www.royandboucher.com/tng/showmedia.php?mediaID=92

Tooltip mód nejen umožňuje zlepšit vzhled popisek, ale podstatně rychleji popisky zobrazuje.
Na co si dát pozor
Popsat obrázek s několika desítkami objektů je pracné a samozřejmě máme zájem, aby vynaložené úsilí nepřišlo vniveč. Proto doporučuji dodržet několik zásad:
• Zapsat si do poznámek přehled obrázků s popisky
• Nikdy nezměnit velikost popsaného obrázku (pochopitelně by se pak popisky přesunuly jinam)
• Nikdy neměnit nastavení médií na obrazovce Nastavení >> Konfigurace >> Základní nastavení, protože by nastal stejně tragický důsledek
• Pokud s tímto doplňkem budete experimentovat v testovací databázi, musíte výše zmíněné nastavení zachovat identické i v testovací databázi
Závěr: Tooltip mod je jeden z mých nejoblíbenějších módů.
:)

Falt
Příspěvky: 345
Registrován: 30 srp 2013 23:48
Kontaktovat uživatele:

Moje poznatky z práce s doplňkem Tooltip Mod

Příspěvekod Falt » 14 kvě 2020 08:26

Úskalím se mohou stát zápisy osob, které nejsou v databázi, pokud nedojde k důslednému smazání hypertextových odkazů na osobu s konkrétním ID (v původním příspěvku text fialově). Co se totiž stane? Tooltip Mód pracuje tak, že se kurzor myši při pohybu nad obrázkem obrázkem mění. Mimo podchycené objekty vypadá jako dlaň s roztaženými prsty. Jakmile se myš při pohybu dostane nad popsaný objekt, který nepatří do databáze, změní se kurzor myši na klasické ukazovátko. Ale jakmile se dostane k osobě zapsané v databázi, změní se kurzor na ruku se zdviženým ukazovákem. Co to znamená? Tooltip Mód po kliknutí zařídí, že TNG přejde na osobní stránku zapsané osoby.

V našem příkladu by ale TNG přešlo na stránku osoby s ID 1000, a to jsme rozhodně nechtěli. Náprava není složitá, musíme se „výpomocného“ odkazu zbavit, aby už dále nemátl. Pro větší jistotu doporučuji nahradit výraz
href="getperson.php?personID=I1000&amp;tree=strom2"

bezpečným výrazem:
nohref

Tím je nechtěné propojení zaručeně vyloučeno. Takže by v našem příkladu vypadal konečný zápis následovně:
<area coords="528,64,685,226" nohref alt="soused a hostinský Ruda Kouba" onmouseout="hideddrivetip()" onmouseover="ddrivetip('soused a hostinský Ruda Kouba', 'yellow',120) " />


Další poznatky, které se mohou hodit:
• Bez zásahu do CSS nelze popisky stínovat
• Bez zásahu do javaskriptu jsou k dispozici popisky pouze ve tvaru obdélníku přednastavené na podbarvení světle zelené, které jsou příjemně čitelné (ale podbarvení si lze samozřejmě změnit).
• Odkaz na bezpečné barvy pro změnu podbarvení a jejich názvy (využijete i jindy): https://www.w3schools.com/colors/colors_names.asp
• Název barvy zásadně doporučuji zapisovat slovně vždy do jednoduchých uvozovek např. 'lightgreen' a ne do dvojitých jako třeba ''yellow'' - dvojité totiž nefungují
• Každé osobě je možné přiřadit jiné podbarvení popisku (rozlišení rodin), ale já si zvykl prezentovat osoby, vedené v databázi, všechny se světle zeleným podbarvením, nezapsané osoby se žlutým a zvířata s 'gold' podbarvením popisku
• Obdobně jako nezapsané osoby lze popsat na fotkách i neživé objekty nebo zvířata


Zpět na “Opravné módy”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 3 hosti