Autor Zpráva
ctverecek
Profil
Zdravim, potřeboval bych poradit jak udělat toto:

po najetí myší na text chci aby vyjel čtvereček (bublina) ve kterém bude umístěn další podrobnější text možna malý obrázek. Něco takového funguje v administraci Joomly takhle , když najedu na ten výstražný trojúhledník vyskočí hláška s varováním. Vím, že budu potřebovat do textu v HTML podobný zápis :

<ul>
  <li onmouseover="okno();">staby rodinných domů na klíč</li>
</ul>



Bohužel nevím jak mam do funkce v JS zapsat parametry takové bubliny?!
Mufna
Profil
Šlo by třeba použít tohle
amaroun
Profil *
A nebo možná bude jednodušší použít jen CSS, bez javascriptu.
ctverecek
Profil
Super to jsem potřeboval ;-) díky moc

Jediný co mě na tom s*re je ze to nefacha v IE :( a dalsi nevyhoda je nevalidita :(
sysel
Profil
Standard používá na generování "bubliny" atribut
title="nějaká popiska"
MISE toto ignoruje, ale stejnou "bublinu" v něm vygeneruje atribut
alt="nějaká popiska"
. To naštěstí úspěšně ignorují ostatní prohlížeče, takže se běžně používá obojí např.:
<span title="nějaká popiska" alt="nějaká popiska">text</span>


pokud je element generován dynamicky, lze provést zjednosušeným přiřazením:
<script>
....
oMyElement.title=oMyElement.alt='nějaká popiska';
....
</script>

S trojúhelníčkem už si poradíte :-)
Chamurappi
Profil
Reaguji na sysla:
Standard používá na generování "bubliny" atribut title="nějaká popiska"
Žádný standard o bublinách nehovoří, pokud vím.

MISE toto ignoruje
Nesmysl. Všechny dnešní prohlížeče podporují atribut title tak, jak jej zavedl Explorer 4.
Explorer navíc umí zobrazovat v bublinách i alt u obrázků, což není zakázáno.

takže se běžně používá obojí
Žádný prohlížeč nepodporuje atribut alt na <span>u.
sysel
Profil
Reaguji na Chamurappiho:

omlouvám se za neuvážené použití termínu "standard" :-) vycházím ze zkušeností s DOM inspectorem ve FF, který atribut "title" automaticky zobrazuje, a s MSIE 7, který na "title" naprosto nereaguje, ale "alt" vyhodnocuje stejně jako FF a Opera ten "title". Přiznávám, že na tento atribut jsme se na W3C nepodíval, takže namám co kušnit, ale proti osočení MSIE, že "title" snad dokonce zavedl se ohražuji svou zkušeností :-) protože tím by mi ušetřil práci i rozčilování.

Ještě si dovolím rýpnout, že na moji otázku, ohledně klonování registrované funkce nikdo nereagoval, což bych však uvítal, protže mi chybí odkazy na popis chování browseru při vytváření DOMu, abych podle nich mohl přizpůsobit vytváření javascriptů. Samozřejmě lze postupovat i "experimentálně", což v současnosti činím, ale je to dosti nevděčné a zdlouhavé.

Ve vší úctě,
sysel
Chamurappi
Profil
Reaguji na sysla:
a s MSIE 7, který na "title" naprosto nereaguje
Podporuje ho zcela normálně.

ale "alt" vyhodnocuje stejně jako FF a Opera ten "title"
Jen na obrázcích.

proti osočení MSIE, že "title" snad dokonce zavedl se ohražuji svou zkušeností :-)
Zavedl jeho funkčnost na všech elementech. Před nástupem Exploreru 4 existoval „title“ jen na odkazech, pokud vím.

na moji otázku, ohledně klonování registrované funkce nikdo nereagoval
To je sice politováníhodné, ale nevysvětluje a neomlouvá to zde vyřčené chyby :-)
Někdy ti tam zkusím odpovědět.
ctverecek
Profil
:D paráda pánové, že se tady hádáte a slovíčkaříte ale já bych vazne potreboval rochodit ty cotojatka ve vsech prohlizezic nebo najit nejakou jejich alternativu? Vyuzivam to na www.vyslystav.cz hned v uvodni obrazovce
sysel
Profil
Nebudu upírat Exploderu prvenství, nejsem historik, ale
...
<option value="11800" title="pošta Praha 18">Praha 1 - Malá strana</option> 
<option value="18200" title="pošta Praha 82">Praha 8 - Ládví</option> 
...
tento nezobrazí. Nechci se zbytečně přít, ale protože jsem experimentální fysik, avšak doma maje k disposici pouze Konqueror, Firefox, Mozillu a Safari, tak si to vyzkouším až ráno v práci. Nakonec bez ohledu na to, kdo má zde pravdu, zelený je strom života a tomu je třeba přispůsobit i psaní programů :-)
Chamurappi
Profil
Reaguji na ctverecka:
Za nefunkčnost může tenhle řádkový zlom v atributu title:
  <li><abbr title="<strong>Staby rodinných domů na klíč</strong><br>
                   - naše firma se zabívá hlavně stavbou rodinných domů.<br><img src=./images/P6080127.jpg>">stavby rodinných domů na klíč</li>
(Nemyslím ten <br>, myslím skutečné odřádkování.)

dalsi nevyhoda je nevalidita :(
Můžeš zapsat všechny „<“ jako „&lt;“ a validátor bude mlčet. Českým validátorem ale stejně neprojdeš.


Reaguji na sysla:
tento nezobrazí
Tak zrovna <option> je výjimka, u něj toho v Exploreru nefunguje víc. Ostatní zobrazované elementy problém s titlem nemají.
Ale na <option>u stoprocentně nefunguje ani atribut alt.
ctverecek
Profil
Reaguji na Chamurappi:
1) A je to tu zase...v FF a Opere to funguje skvele ale jako vzdy IE ne :-(! to same i s pozicovanim praveho menu a novinek nalevo :-(

2) super diky za radu validator mlci ;-)
Chamurappi
Profil
Reaguji na ctverecek:
  <li><abbr title="&lt;strong&gt;Zateplování fasád&lt;/strong&gt;" />zateplování fasád</li>
Máš neuzavřené <abbr>. To máš z toho, že se řídíš hloupým validátorem. Lomítko v HTML neuzavírá element a ty používáš HTML, nikoliv XHTML.

Nechápu, proč používáš zrovna <abbr>, když to, co chceš vyznačit, zjevně není zkratka.
ctverecek
Profil
Reaguji na Chamurappi:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs">

tohle vám nepřipadá jako ze jsou stranky psany v XHTML?

Jinak diky moc unikl mi fakt ze <abbr> je parovy tag :-[
Chamurappi
Profil
Reaguji na ctverecek:
Content-Type: text/html
Nepřipadá. Kdyby byly psané v XHTML, fungoval by zápis <abbr /> jako uzavřené <abbr>. Ale on tak nefunguje. Nikde.

unikl mi fakt ze <abbr> je parovy tag :-[
Jak sis představoval, že bude prázdné <abbr> fungovat? Na čem se měla ta cotojátka zobrazovat, pokud by <abbr> skončilo před textem?
ctverecek
Profil
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs">
  <head>
    <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />

Lepší?

Jak sis představoval, že bude prázdné <abbr> fungovat? Na čem se měla ta cotojátka zobrazovat, pokud by <abbr> skončilo před textem? nikdy drive jsem se s tim tagem nesetkal takze jsem tohle netusil
Chamurappi
Profil
Reaguji na ctverecek:
Lepší?
Ne. Skutečnou hlavičku Content-Type jsi nezměnil.
Na tom, co je uvnitř HTML kódu, nezáleží. Do <meta> značky nikdy nemá smysl psát cokoliv jiného než „text/html“, protože při jiných typech ji prohlížeče ignorují. Při typu „text/html“ z ní zjišťují kódování (parametr charset), nic víc.

Neměň hlavičku Content-Type, nepoužívej skutečné XHTML, nemá dobrou podporu.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: