Autor Zpráva
Saria
Profil
Pěkné poledne,
snažím se vyřešit problém, ale nemohu najít téma, které by bylo shodné .... podobné ano. Dovoluji si proto poprosit o radu a předem všem děkuji.
Ráda bych vytořila nápovědu ( ne jako title ), která bude mít můj vlastní styl a bude vyskakovat jako bublina na slova či odkazy které budu chtít.
Pochopila jsem obrázek - nápověda(text), Text - text mi funguje. Pokud je to nápověda na odkaz, stále mi nápověda (text) vyjíždí formou odkazu.
Prosím, nekritizujte mě za blbost .... vše jsem to nastudovala z příspěvků.
Vše jsem se snažila řešit podle otevřených témat zde v diskuzích a jelikož JS příliš neovládám, omlouvám se pokud je to stupidní....
peta
Profil
Saria
jakpsatweb - zdokonaleni odkazu
jakpsatweb - CSS - pseudotrida :hover
jakpsatweb - javascript - priklady
google.com mouse javascript VYHLEDAT
google.com cotojovatko VYHLEDAT (to je mozna ono, co hledas)
souki
Profil
http://dero.name/js/readme.html
Saria
Profil
peta:
zdokonalení odkazu - to znám
pseudotrida hover - to znám
JS priklady - projedu ještě jednou
mouse JS - tam jsem nebyla ....
Souki, peta: cotojovatko jsem našla, ale nemohu ho stáhnout, zaboha mi to nejde ..... těšila jsem se, že tu nebudu muset psát, ale jelikož nic .... napsala jsem;
+ tento odkaz už tu v diskuzi o události onMouseOver a onMouseOut byl a úpně mne nadchl
Bubák
Profil
Cotojátka jsou ke stažení na této stránce:
http://dero.name/download.php

Přímý link pro stažení:
http://dero.name/download.php?q=cotojatka

Zkusil jsem stáhnout, bez jakéhokoliv problémů to jde.
Saria
Profil
Bubák,
ano už mi to jede z obou odkazů, měla jsem tam nedopatřením zakázaný dowen..... a tak se to nechtělo načíst.

Vím, že odkazy, co tu vkládáte fungují a jsou spolehlivá....
Teď jen musím vytvořit nějaké příklady ..... ať se dá funkce praktikovat...

Snad mi to půjde...
Saria
Profil
Prosím pěkně, ta funkce je nadeklarovaná pro XMTHL?
<abbr><acronyme> jsou tagy XHTML .....
Pokud ano, dostnu radu jak to dát dohromady s JS a HTML?
Děkuji předem

Opis komentářová části + fce:
/*
**********************************************************************
******** VE FUNKCI INIT SI NASTAVTE JEDNOTLIVE SADY TOOLTIPU *********
**********************************************************************
*/

function init() {

/*

UKAZKOVY PRIKLAD:

cotojatka = new tooltip("cotojatka", // nazev tooltipu - stejny jako pred rovnitkem
"p", // aplikuje se na vsechny elementy P = odstavce
"cotojatka", // nazev CSS tridy, ktera vizualne naformatuje tooltip
"bb", // nazev CSS tridy, ktera vizualne naformatuje element, na nejz se tooltip aplikuje
500, // prodleva pred zobrazenim tooltipu v milisekundach
200, // maximalni sirka tooltipu v pixelech
90 ); // pruhlednost tooltipu v procentech
*/

defaultTooltips = new tooltip("defaultTooltips", "", "", "", 500, 0, 85);

}

/*
**********************************************
** Cotojatka v. 0.9 Beta | 16. 12. 2005 **
** (c) Jaroslav "Dero" Polakovic, 2005 **
**********************************************


OBSAHLA NAPOVEDA a SYNTAX:

nazev_tooltipu = new tooltip("nazev_tooltipu",
[volitelne] - "zpracovat_elementy",
[volitelne] - "css_pro_tooltip",
[volitelne] - "css_pro_element",
[volitelne] - prodleva,
[volitelne] - maximalni_sirka
[volitelne] - pruhlednost
);


nazev_tooltipu: jedina povinna polozka; libovolny nazev, ktery bude identifikovat
sadu tooltipu, pozdeji muzete pres nazev_tooltipu.tooltip menit
vlastnosti konkretni sady tooltipu

zpracovat_elementy: * = zpracovat vsechny
default = zpracovat pouze ABBR a ACRONYM
ELEMENTS=... = zpracovat pouze uvedene (pr.ELEMENTS=P,A,ABBR,H1,H2)
CLASSES=... = zpracovat pouze elementy s urcitou tridou (class='')
(pr. CLASSES=mojetrida1,mojetrida2)

(nepredate-li tento argument, pouzije se hodnota 'default')
(vepisete-li seznam elementu bez uvodniho ELEMENTS=, aplikace to zpracuje)

css_pro_tooltip: nazev tridy, ktera v CSS tooltip naformatuje

css_pro_element: nazev tridy, ktera naformatuje element, ke kteremu se tooltip zobrazuje

prodleva: cislo, ktere urcuje pocet milisekund pred zobrazenim tooltipu pri najeti mysi
na element (neuvedete-li, pouzije se 0 = zadna prodleva)

maximalni_sirka: maximalni sirka tooltipu v pixelech
(neuvedete li, pouzije se potrebna sirka)

pruhlednost: pruhlednost tooltipu v procentech (50 = polopruhledny, 0=neviditelny)
(neuvedete-li, pouzije se hodnota 100 = nepruhledny)


priklady:
tooltipyNadpisu = new tooltip("tooltipy_nadpisu", EMENTS=H1,H2,H3,H4,H5,H6",
"trida_tooltip_pro_nadpisy", "styl_nadpisu", 500, 200);

HTML: <h1 title="tooltip zobrazi aplikace">Jsem H1</h1>
<div title="tooltip zobrazi prohlizec">Jsem DIV</div>

tooltipyProUrcitouTridu = new tooltip("tooltipyProUrcitouTridu", "CLASSES=zde_bude_tooltip", "trida_tooltip_pro_nadpisy");

V HTML: <p class="zde_bude_tootip" title="tento tooltip se zobrazi">Lipsum... </p>
<p title="tento vsak zustane na vykresleni prohlizeci">Lipsum2... </p>
kekso
Profil *
www.kasman.sk/index.php?id_clanku=819
Saria
Profil
kekso, peta, souki, BUbák :
moc Vám děkuji za rady a čas ..... s Vaší pomocí jsem se dopracovala ke kýženému výsledku .....
Je moc fajn, že se najdou trpěliví človíčci .... a dokáži poradit ... ještě jednou díky
Poděkování a vřelé díky.
souki
Profil
Saria
Jestli si použila Cotojátka, tak by pochvalu měl dostat spíše Dero :)
Saria
Profil
udělala jsem výběr .... cotojátka, kasmana i "hover" ... výběr nechám na tom, kdo po mě chtěl bublinovou nápovědu .... , určitě bude spokojen ....
Koupila jsem si dnes "JavaScript profesionálně" a musím říct, že se mi kniha pronesla, než jsem dorazila domů .... :)))
A mám po večerech co dělat !!!!
Pro úplnost: poděkování i Derovi ...a jelikož mám tu knihu, končím slovy ahoj a na brzkou shledanou :))))
snad bych měla ta řešení napsat tady, kdyby někdo také hledal stejnou věc:
nápověda s obrázkem a textem: www.kasman.sk/index.php?id clanku=819 /* funguje v Opera, IE, Mozila Kód v HTML + CSS */
nápověda textová: http://css.interval.cz/clanky/hover-napoveda/ /* funguje v Opera, IE, Mozila Kód v XHTML + CSS */
nápověda textová různé variace prvků http://dero.name/js/readme.html /* je psaná formou funce, funguje v Opera, IE, Mozila Kód v XHTML + CSS + JS */
peta
Profil
Saria
mno, no vetsina JS se dela dnes:
google.com slova javascript VYHLEDAT
soubor - ulozit jako - uplna html
:)
nema smysl programovat nejaky extra kod, kdyz uz jsou 1000 podobnych reseni.
visitor
Profil *
Cotojátka nefunguje pod O 9. Jinak to je perfektni a jednoduche i na doimplementaci do uz hotovych projektu.
Bubák
Profil
Dero o tom ví http://dero.name/weblog/document-all-a-opera-9/
Někde psal, že by chtěl Cotojátka napsat úplně znova.
visitor
Profil *
Bubák
1/ mohl to uvest primo u readme u cotojatka
2/ takze kdyz najdu prvky = document.all ? document.all : document.getElementsByTagName('*'); staci to nahradit prvky = document.getElementsByTagName('*').length > 0 ? document.getElementsByTagName('*') : document.all; a cotojatka pobezi?
visitor
Profil *
Takze jak mam ve zvyku zeptam se a sam si odpovim.

ANO - zminovana zamena zpusobi funkcnost scriptu i v OPERE 9.x. :)
Toto téma je uzamčeno. Odpověď nelze zaslat.

0