Cotojátka přicházejí!

A zlatý hřeb večera, davy šílejí, na scénu přicházejí… Cotojátka!

V této chvíli každý soudný osvětlovač zhasne reflektor, zvukaři vypnou mixpult a sebeotrlejší moderátor se zarazí, co to vlastně řekl. Žádná pompa se nekoná. Název „Cotojátka“ prostě nikomu představu nabušené aplikace neevokuje. Nejenže neobsahuje magické písmeno „X“, ale navíc je neskutečně infantilní. Tak to má být, protože objektivně vzato nic nového nepřinášejí. Jen usnadňují.

Co jsou Cotojátka?

Když jsem vás provlekl euforií i skepsí, mohu vám nyní říct, co si pod takovým zvláštním názvem můžete představit. Znáte kontextovou nápovědu? Takový většinou žlutý obdélníček, který občas vyskočí, když podržíte myšítko nad nějakým neznámým termínem? Tak přesně tento obdélníček Cotojátka nahrazují grafickým boxem, který si můžete libovolně nastylovat, definovat mu průhlednost, čas, za který se zobrazí, a další veselosti.

Jak se to používá?

Doufám, že snadno. Nakopírujete si jeden soubor k Vašemu webu a do hlavičky (myslím tím sekce head) vepíšete jeden řádek – odkaz na soubor s javascriptovou aplikací Cotojátek (tooltips.js). Samotné nastavení jednotlivých sad tooltipů (ano, na jedné stránce může být více druhů), budete-li jej potřebovat, se realizuje v souboru s aplikací. Další informace si můžete přečíst v souboru readme.html, který si stáhnete spolu s aplikací. V tomto souboru si také můžete všimnout, jak Cotojátka fungují.

Proč bych to měl/a používat?

Inu, proč ne? Aplikace je plně automatizovaná, stačí jedno nastavení a všechny tooltipy na vašem webu budou v novém, hezčím hávu. Takové tooltipy jsou efektní, můžete jim nastavit téměř libovolný vzhled včetně průhlednosti. Můžete také konečně začít používat tag <abbr>, protože aplikace ho pro Internet Explorer přepíše na tag <acronym>. A pokud někdo nemá zapnutý javascript, tak se mu zobrazí klasické systémové tooltipy.

Pomůžete?

Cotojátka jsou ve verzi 0.9, navíc označené beta. Bude v nich asi milión chyb. Byl bych rád, kdybyste je mohli vyzkoušet a napsat mi, co nefunguje a jak. Moc mi tím pomůžete. Stejně tak s otevřenou náručí vítám návrhy na vylepšení a také reference, ve kterých prohlížečích jak fungují či nefungují. Zatím mám jakž takž zmapovánu pouze silnou trojku pro Windows, hodily by se mi informace i o jiných platformách.

Pokud mi chcete pomoci, pište prosím na mail j.polakovic@gmail.com.

Další informace

Všechny další informace si můžete přečíst v souboru readme.html, který je distribuován spolu s aplikací. Cotojátka jsou ke stažení v sekci download.
16. 12. 2005, 22.19 | Javascript, AJAX.


83 komentářů k “Cotojátka přicházejí!”

  1. mm-marek říká:
  2. no tak jsem přečet, stáhnul a otestoval….…výborná práce, musim říct že se mi to fakt líbí. Připomínkový nuance pošlu mejlem (až budou :))


  3. Jan Brašna říká:
  4. Hezká práce, gratulace, hodně lidem to určitě bude užitečné a je vynikající, že tomu věnuješ svůj čas.

    Variabilita v rámci jednoho dokumentu je skvělá věc, otevírá to cestu k citlivějšímu používání v různých částech stránky. Oprava chyb IE se zkratkami je taktéž perfektní nápad.

    Co se týče problémů: V Safari (2.0.2) to je taktéž v pohodě, jen se zobrazuje prázdný klasický tooltip navíc — tzn. místo jeho zkrácení na prázdný řetězec by to asi dalo dohromady odstranění celého atributu. Onen konflikt událostí v IE by nešel vyřešit nějakou obezličkou?


  5. Huggi říká:
  6. Jen kratce jsem to vyzkousel a super :) zejtra poradne otestuju v Opere 9 ;) ted koukam ze vlastne dneska :)


  7. Leo říká:
  8. Hezky nazev :-) Leo


  9. Petr Stribny říká:
  10. Už dávno se mi nelíbili klasické tooltipy, ale já to řešil (a stále řeším)rozšířením pro Operu.

    http://www.hesido.com/web.php?…

    Samozdřejmě je dobrý nápad nabídnout hezké tooltipy pro všechny,takže hodně štestí při dalším vývoji..


  11. von banhoff říká:
  12. šikovná vecička já používám něco podobného, co funguje přes samotné css, ale nešlape v JESPR (MSIE), ale jelikož to používám na blogu můžu se na uživatele JESPR-u vykašlat, protože většinou jde jen o malé upřesnění nějakého výrazu, který není bezpodmínečně nutný pro pochopení celého textu, na moje řešení se můžete mrknout tady: http://vfb.bloguje.cz/…-strese.html


  13. Pachollini říká:
  14. Pěkné, jen na můj vkus dost složité… S těmi selecty u MSIE bude problém – asi by se musely schovat (visibility: hidden).


  15. Jozef Izso říká:
  16. Neviem ako som pomohol, ale som rád, že som pomohol. ;-)


  17. Dero říká:
  18. 8: http://diskuse.jakpsatweb.cz/index.php?… :o)


  19. Jan Brašna říká:
  20. [7] Schovávat snad ne, ale nějako se to obchází jakýmsi generováním inline rámce a podobných obezliček.


  21. Dero říká:
  22. 10: Přesně tak, s tím už jsem při vývoji experimentoval. Chce to jen dotáhnout do konce. Normálně se kolem tooltipu generuje IFRAME, který SELECT "přebije".


  23. Dizzy říká:
  24. Super věc. Něco takovýho jsem už dlouho hledal.


  25. maxAV říká:
  26. super vec! diky moc za poskytnuti vsem ;-)


  27. rony říká:
  28. gratulujem nie k napadu ale k prevedeniu. az primitivne jednoduche pouzitie. dakujem!


  29. Dero říká:
  30. rony: To moc rád slyším, chlape. Vážně jsem se snažil, aby to šlo co nejsnáze nakonfigurovat a používat. Jsem rád, že se to aspoň podle odezvy docela povedlo!

    Děkuju všem za příznivé ohlasy, člověk má hned víc chuti do práce. :o)


  31. pjotr říká:
  32. Vynikajúce :-) V škole na prezentačnom softvéri sa mi moc JavaScriptu nechcelo dávať na web. Lenže toto je iné. Toto je super vec :-) A to stačí len takých 30 minút a človek to pochopí :-) Skvelá vecička. Díky Dero.


  33. Fred říká:
  34. No mě se to moc nelíbí. 1/Vytváříš div, a ten jakožto blokový nemá co dělat uvnitř elementů kde to vytváříš. 2/Nemáš ošetřen stav, kdy se tooltip nachází na kraji okna 3/Musíš se u toho vypisovat s událostmi pro ten javascript, když by jsi mohl použít stávající title. 4/V případě vyplého js se sice nic neděje, ale nemáš očetřeno, že není vypnutý a prohlížeč to neumí, tohle testuju v IE4. BTW proto jsou právě problémem ty události v html 5/sFunc() neuvedl jsi zdroj sova v síti Styling abbr in IE 6/kdyby jsi použil správný span, musel by jsi nastylovat white space:nowrap natvrdo v js a pro IE5 by jsi musel použít nobr, protože to neumí.

    Ale abych jenom nerýpal tak diskuse říká http://diskuse.jakpsatweb.cz/index.php?… , že jsem si s tím hrál asi o měsíc dřív ;-) , tak se do toho zdrojáku mrkni a klidně ho použij a zkus odstranit ty chybky http://xy.wz.cz/…tooltip.html . Kdyby se ty skripty skloubily dohromady, byl by z toho ideální kód. Nedodělal jsem to, to pozicování při okraji viewportu tam taky nemám dořešený.


  35. Dero říká:
  36. Fred:

    1. vytvářím div jako potomka body a pozicuji ho absolutně
    2. mám ošetřeny hranice dokumentu, viewport v další verzi, plus není ošetřen stav, kdy myš prudce opustí okno prohlížeče
    3. nerozumím
    4. nemám, vím o tom, tohle je beta – děkuji
    5. stejně tak u funkcí findPosX a findPosY (quirksmode.org), kompresor mi ukousl komentáře a já si toho nevšiml, v další verzi si to pohlídám.
    6. nerozumím

    Jedná se o první ze dvou zamýšlených betaverzí, vím, že obsahuje spoustu chyb. Za Tvé poznatky děkuju, budu ještě hodně a hodně předělávat.

    Marku Prokopovi (sovavsiti.cz) a Peteru-Paulu Kochovi (quirksmode.org) se omlouvám za neuvedí zdrojů v kódu Cotojátek. Bylo to neúmyslné.


  37. whitwa říká:
  38. >Děkuju všem za příznivé ohlasy, člověk má hned víc chuti do práce. :o)

    I já se přidám – díky. Těším se na další verzi. ;)


  39. Dizzy říká:
  40. Mno, po 24 hodinách mám podezření, že mi to rozhazuje celej design. Nejsem si jistej, jestli to je tím, ale je to dost pravděpodobný. Stává se to jenom někdy. Zatím nemůžu ukázat, stránky ještě nejsou hotový.


  41. Dero říká:
  42. Dizzy, je to betaverze, může se stát, že to s něčím koliduje. Byl bych rád, kdybys mi potom mohl ukázat, kde se problém projevuje.


  43. pa3k říká:
  44. Komentář smazal Dero

    Nestojím tu o linky na konkurenční řešení bez jakéhokoliv slovního doprovodu. Pokud je k uvedení linku nějaký důvod, prosím, rozepiš se. Prosté linky na různé sajty považuji za spam a povětšinou je rovnou mažu bez vysvětlení.


  45. Fred říká:
  46. Poslal jsem Ti to mailem, ještě odpovím, až bude trochu času.


  47. Hever říká:
  48. Cool :) Nic takového jsem nehledal, ale jak jsem se začetl, tak to použiju…


  49. pa3k říká:
  50. Sorry, ospravedlňujem sa určite som spam v úmysle nemal. Ten link som pastoval preto, že Overlib zvláda veci s ktorými sú v Tvojom riešení zatiaľ problémy – konkrétne umiestnenie v kritických miestach, pri okrajoch stránky a podobne. Link teda dávať nebudem, ok. Kto chce nájde si ;)


  51. Dero říká:
  52. pa3k: Vidíš, kdyby jsi tohle napsal, tak je všechno v pořádku a ještě Ti poděkuji. :o)


  53. Fred říká:
  54. Na ty okraje se objevilo pěkné řešení tady http://slayeroffice.com/…ensions.html


  55. klokyn říká:
  56. Cotojátka sú určite super vec, ale… Keď mám vypnutý javascript, aplikácia mi abbr neprepíše, nie? Neviem, ale nepáči sa mi, keď sa mení to, na čo sú užívateľia zvyknutý, pripomína mi to prefarbovanie rolovacích líšť. IMHO je to proti použiteľnosti… To je môj názor, ale napriek chválim ;)


  57. Littlemaple říká:
  58. Cotojátka jsou perfektní. Viděl jsem něco takového třeba na demu CMS Nucleus ( http://demo.nucleuscms.org/ ) nebo na DreamFacE.net ( http://dreamface.net/ ), ale nevěděl jsem, jak to naprogramovat. JavaScriptem vládnu jen trochu, dokážu s ním udělat akorát to, co je obvykle třeba (kontrola formulářů aj.), složitější aplikace se ale tvořit neodvažuji.

    Díky tedy za Cotojátka! Jsou úžasná, snadno se implementují, mají (na to, že je to JS) skvělou škálu podporovaných browserů.


  59. ronan říká:
  60. No, já jen že Cotojátka mají dalšího spokojeného uživatel, díky moc;)


  61. pepiino říká:
  62. Moc pěkné, díky. V Konqueroru se to chová stejně jako v safari (viz [2]). Jinak to zatím vypadá moc dobře.


  63. Swoop říká:
  64. Pěkné, já používám na "fotoblogu" podobnou javascriptovou fičuřinku, jmenuje se "Nicertitles". Ale jak jsem se zběžně díval na cotojátka, asi na ně přejdu :o)


  65. Reg říká:
  66. jen sem chtěl upozornit že se to cotojátko v IE nezobrazí když na text najedu zprava… (??)


  67. peCan říká:
  68. Vím, že jsou venku již dlouho, ale i tak musím pochválit. Asi jsou nadčasové:-D


  69. Špulka říká:
  70. Podívejte se schválně na můj web.

    1. Nefunguje mi charset. Na svých stránkách mám ISO-8859–2, ale Cotojátka mi v něm nefungují. Místo některých znaků se zobrazují otazníky.
    2. Nějak mi nejde průhlednost.

    Můžete mi, prosím, někdo pomoct?


  71. Špulka říká:
  72. Škoda, že to nefunguje, jinak se mi Cotojátka moc líbí. Mohl bych se pokusit nějak zasáhnout do kódu, ale moc tomu nerozumím.


  73. Špulka říká:
  74. Ještě jednu výtku bych měl. Když jsem přemýšlel o zapsání encodingu Cotojátek do CSS, napadlo mě, jestli máte ošetřené vypnuté styly. Pokud je vypnutý Javascript, je vše v pořádku. Nic se nezobrazí, ale ani neskryje, tooltipy tedy zůstávjí na vykreslení prohlížeči. Když jsou však vypnuté CSS a Javascript zapnutý, standardní tooltopy prohlížeče se skryjí, CSS je ale k napozicování Cotojátek potřeba. Nezobrazí se tedy nic. Nedá se to nějak opravit? Nedá se, alespoň v některých prohlížečích, zjistit, jestli jsou vypnuté styly?


  75. Špulka říká:
  76. Nevím, jestli je to chyba v programu, možná to jen neumím nastavit: když nastavím tooltipy pro všechny elementy a pak jen pro některé, platí jen to první.


  77. Špulka říká:
  78. Tak nic, promiň že jsem tě otravoval. Můžeš všechny moje komentáře smazat. Blbej jsem já.

    1. Nevím, proč mi nefungovala znaková sada, když jsem to uložil znovu, tak to už šlo
    2. U konstruktoru tooltip jsem zadal o jeden prázdný string víc: cotojatka = new tooltip(„cotojatka“, „default“, „cotojatkaDefault“, "", "", 500, 0, 75); takže všechna ta čísla se posunula a byla na nic.

  79. ecfd6940 říká:
  80. c04767ef http://27c58009.com 268d8aec [url]http://1ff7f8f4.com[/url] [url=http://457bbd43.com]59ff93e7[/url]


  81. K2O říká:
  82. Jéé teď jsem zjistil že to nefachá v opeře Verze 9.00 Sestavení 8501.


  83. Gary říká:
  84. Nice! Very nicely done. Good stuff. Keep up the great work. Congratulations! xenical


  85. Shane říká:
  86. Looks good! This will be my first time visiting. Nice site. Thanks! online casino


  87. Eric říká:
  88. Cool website! Your web site is helpful, Best regards! vicodin


  89. Joshua říká:
  90. Excellent website. This will be my first time visiting, good stuff. Easy to find helpful information. Cheers! xenical


  91. Dennis říká:
  92. Looks great! Easy to find helpful information. Thanks! mortgage refinance information


  93. Mario říká:
  94. I like your logo. Good resources here. Your web site is helpful. Thanks! vicodin


  95. DevFist říká:
  96. Zdravim, předem bych rád vyjádřil obdiv nad tvou prací a chtěl bych se zeptat jak to vypadá s tou další verzí


  97. Zdenek říká:
  98. Cotojátka mi nefungují v Opeře 9.10 sestavení 8679? Nemohu je tam vůbec rozchodit. A co je horší, nezobrazí se ani klasická bublinová nápověda. Což jediné mi brání dát to na web. Jinak jsou skvělá. Zatím jen na localhostu :-( .


  99. honzalunek říká:
  100. Ahoj Dero. Bude nejaka nova verze cotojatek? V te opere to moc nefacha a taky v msie nefunguje maximalni sirka bloku. vsechno se to hodi na jeden radek. je na to nejaky hint? diky moc!


  101. Andy říká:
  102. Ahoj Dero, ahoj všichni, kdo se sem stavíte a tento příspěvek uvidíte. Cotojátka jsou opravdu velmi příjemná aplikace, ale stejně jako honzalunek mi dělají problém v MSIE, kdy nereagují na nastavenou max. šířku. Úplně stejně jako Zdeněk s nimi tedy zatím nemohu vyrazit na server. Kdo by věděl co s tím, prosím napište sem, je vidět, že ten problém nemám jen já. Bohužel sám tvůrce Dero, ačkoliv nabízí a slibuje pomoc, se mi neozývá ani mailem, ani přes ICQ. Tak co – pomůžeme si sami??


  103. Andy říká:
  104. Tak jestlik se tady někdo ukáže, mám řešení, zkuste to taky, třeba vám to půjde:

    V souboru tooltips.js jsem maximální šířku tooltipu definoval 0 (nula) a ve stylopisu do příslušné třídy zadal width:180px; Takto se v SeaMonkey i v MSIE zobrazuje tooltip fixně v zadané šířce. Samozřejmě jsem zkusil i max-width, ale ten už funguje pouze v SeaMonkey.


  105. Jenna říká:
  106. i can not stay here any more


  107. Buena říká:
  108. Bojim se, ze toto je dalsi ze nadejnych webu ktery pomalu umira… A ty spamy nahore – des :)


  109. Hermes handbag říká:
  110. replica handbags, wo Wholesale replica handbags


  111. cheap products říká:
  112. dsfad china wholesale distributor We sell bulk wholesale


  113. Solvent Flex říká:
  114. temperature sensor manufacturerair compressor


  115. dsdf říká:
  116. <h1>tiffanychina iphonewholesale fashion</h1>


  117. dsdf říká:
  118. <h1>buy shoesiphone 3gs wholesale无为人生</h1>


  119. sdf říká:
  120. rewwholesale MAC Mascara</br> wholesale MAC Concealer</br> we44 wholesale MAC Eyeliner Gel</br> sdf


  121. Dropship říká:
  122. Bar Products Party Dancing Fun Ecommerce Fulfillment fulfillment .


  123. replica watches říká:
  124. replica watches
    watches replica<BR


  125. Gucci handbags říká:
  126. gucci bags 2009 gucci handbags 2010 gucci handbags 2009 gucci classic….….….….….….… google gooolge


  127. shox r4 říká:
  128. shoes:nike shoes, air jordan series,air force one,air max,nikeshox,dunk,kobe,gucci,bape,puma,adidas,timberland,prada,James,Icecream,etcshort sleeve polo shirt fashion t shirts handbags:lv,gucci,chanel,prada,chloe,DG,juicy,hermes,balenciaga,tous,mulberry,christian dior,etc colthes/jeans:bape,bbc,Polo,lacoste,evisu,Baby,A&f,ed-hardy,lrg,hoodies,etc


  129. shox r4 říká:
  130. shoes:nike shoes, air jordan series,air force one,air max,nikeshox,dunk,kobe,gucci,bape,puma,adidas,timberland,prada,James,Icecream,etcfashion t shirtshandbags:lv,gucci,chanel,prada,chloe,DG,juicy,hermes,balenciaga,tous,mulberry,christian dior,etc colthes/jeans:bape,bbc,Polo,lacoste,evisu,Baby,A&f,ed-hardy,lrg,hoodies,etc


  131. jersey říká:
  132. Cotojátka přicházejí! I've been to China travel, in my opinion chinese people are very freidly, and i especially like the city of beijingshenzhen, i have a friend from china, i ike her blog discount china, now she is in Jewish, just now, she send me a Jewish Directory website, i think the it is very useful.


  133. ALange Sohne říká:
  134. V této chvíli každý soudný osvětlovač zhasne reflektorTiffany Bangles, zvukaři vypnou mixpult a sebeotrlejší moderátor se zarazí, co to vlastně řekl. Žádná pompa se nekoná. Název „Baltimore RavensCotojátka“ prostě nikomu představu nabušené aplikace neevokuje. Nejenže neobsahuje magické písmeno „X“, ale navíc je neskutečně infantilní. Tak to má být, protože objektivně vzato nic nového nepřinášejí. cheap five fingers shoesJen usnadňují.ALange Sohne


  135. Replica Handbags říká:
  136. or design handbags. and other as Replica Louis Vuitton Handbagsfds afd f


  137. johnhand říká:
  138. Check out our new models, you can have your own Timberland boots mailed right to your door a few seconds from now. What are you waiting for? timberland boots uk. timberland boots were created closely and carefully designed to provide its wearer with comfort and protection necessary for outdoor activities.they continuetimberland Shoes to adjust how and with what materials boots are made.


  139. johnsupra shoes říká:
  140. Tom Penny and Antwian Dixon. Apart from a large fan base compromising skateboarders, supra vaider high tophas also aught the attention of the music industries big names such as Jay-Z, Justin Timberlake and Lil Wayne.supra vaider black high boots, it is the main creative recreation sneakers teal we push in our online shop these days.


  141. Well Bug říká:
  142. Absolutely Great! The contexts were very informational and educational. I’ve learned a lot of ideas through this stuff. Thank you!Shenzhen Marketing Rich People Copy Life Gold Mine


  143. sdfsd říká:
  144. gucci bags sells Designer Handbags and has a pretty good selection. I have not seen the quality of the merchandise myself but I know that they are legi


  145. gf říká:
  146. Gucci handbags design is simple and generous, and very stylish, is the choice for entry-luxury. Gucci bags 09 spring and summer series of handbags, spring and summer series fusion of color design, absolutely make you s heart.Here are a Gucci bag you want to


  147. Gucci Outlet říká:
  148. Thank you very much.gucci bags sale gucci gucci handbags cheap gucci bags http://www.guccis.net


  149. ルイ・ヴィトン říká:
  150. オメガコンステレーション ルイヴィトンエピ ルイ・ヴィトン


  151. hollister uk říká:
  152. hollister uktha


  153. UGG Classic Tall Boots říká:
  154. [url=http://www.uggboots5815.com]UGG Boots,UGG Boots 5815[/url]


  155. UGG 5825 říká:
  156. UGG Boots 5163, **


  157. UGG 5825 říká:
  158. UGG Classic Short Boots 03


  159. UGG 5825 říká:
  160. ghd hair straighteners, ghd styler !!


  161. Gucci Handbags říká:
  162. Gucci Handbags,Gucci Bags +66*


  163. Gucci Handbags říká:
  164. UGG Boots,UGG Classic Boots -


  165. UGG Classic Cardy říká:
  166. These well-known UGG Classic Cardy are now becoming more and more fashionable and popular, to some extent. I believe you may ask what the shoes can bring us. As I know, if one person struck by lightning in Holland, his family must put all his Classic Cardy Boots up as soon as possible. And in the fairy tale, the shoes are more magic indeed. Now, I always say that the UGG Classic Cardy Boots are so magic and popular.http://www.uggscardy.com UGG Classic Cardy 01


Zanechte komentář





Můžete použít Texy! formátování.
Pokud se obsah boxů níže mění, zatímco píšete, potom žádné číslice nevyplňujte. V takovém případě antispam funguje, pouze se prohlížeči nepovedlo skrýt tento box.