Jak se to jen jmenuje?

fikotek

zdarte,

kdyz na tehle strance http://craigsworks.com/projects/simpletip/#
kliknete na tlacitko "View code" tak vam hned vedle mysi vyskoci okno.

Netusite jak se to jmenuje nebo kde bych to nasel. Hledal jsem nejaky tooltip ale tohle by se mi hodilo vic.

volá sa to tooltip, a 90% z tých čo nájdeš majú okrem hover aj onclick trigger takže si môžeš nastaviť či sa má zobraziť až po kliknutí

no a kde by si to našiel? Veď si si dal sám stránku na ten simpletip čo tam majú použitý

Kód: Vybrať všetko

$("JQUERY SELECTOR").simpletip({
      fixed: true, 
      position: 'right',
      persistent: 'true'
});

a naštýluješ si to ako chceš

fikotek

Audio, super, uz to koumam ale nikde v dokumentaci nevidim jak to spravne nahodit

Nikde tam neni ukazany zapis pro HTML. A vlastne co je na tom nejdulezitejsi je ze do toho tooltipoveho okna potrebuju dat nadpis, obrazek, text a odkaz. Takze to asi nesmi byt tooltip pres title.

nie cez title, v dokumentácii je jasne napísané ako tam ten obsah dáš. Cez vlastnosť content:

Kód: Vybrať všetko

content 	The HTML content which will appear inside the tooltip.

takže obrázky a čo ja viem čo tam kľudne dať môžeš.
a stačí ti stiahnuť jquery, a potom túto knižnicu. A nalinkovať ich do svojej stránky. To je všetko. Potom už len použiješ tie kody čo ti ukazuje v tých "show code" prípadne ten, čo som ti napísal

fikotek

To nejspis chapu. Ale nikde tam neni uvedeny proklad.

1) Takto vypada zapis pro jQuery
2) Takto vypada zapis pro CSS
3) Takto vypada zapis pro HTML

A ted jeste pokud se to dava do toho content v jQuery. A ja tech tooltipu budu potrebovat 12. To znamena ze tech jQuery zapisu tam budu mit 12? A kazdy ten tooltip budu muset zvlast cilit na kazde ID zvlast?

xadman

takto tam je html + js

Kód: Vybrať všetko

<div class="example simple-hover">
                     <a>Hover over me</a> to see a bog standard tooltip using all default options.
                     <code class="js">&nbsp;
$(<var>"JQUERY SELECTOR"</var>).<dfn>simpletip</dfn>();
                     </code>
                  </div>

a css si najdi podla tej priradenej classy

fikotek

Tak jeste jinak

Head:

Kód: Vybrať všetko

    <script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/js/jquery.simpletip-1.3.1.js"></script>

jQuery:

Kód: Vybrať všetko

<script type="text/javascript">
    $(".tooltip").simpletip({
        fixed: true,
        position: 'left'
    });
</script>

CSS:

Kód: Vybrať všetko

.tooltip { position: absolute; top: 0; left: 0; z-index: 3; display: none; }

HTML:

Kód: Vybrať všetko

<a href="#">Point<div class="tooltip">Text ktery se zobrazi jako tooltip.</div></a>

Jako takhle to nefunguje. Podle Audia by ten text "Text ktery se zobrazi jako tooltip." mel byt nejspis v jQuery v "content: ' ' " ale ani takhle to nefunguje. Takze ja uz fakt nevim.

Kód: Vybrať všetko

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
        <style>
            .tooltip { position: absolute; top: 0; left: 0; z-index: 3; display: none; }
        </style>
    </head>
    <body>
        <a href="#" id="point">Point</a>
        <script type="text/javascript" src="jquery.simpletip-1.3.1.js"></script>
        <script type="text/javascript">
            $("#point").simpletip({
                persistent: true, 
                focus: true, 
                position: 'right', 
                content: '<h1>Text ktery se zobrazi jako tooltip.</h1>'
            });
        </script>
    </body>
</html>

Jak se to jen jmenuje?

Jak se to jen jmenuje?

Re: Jak se to jen jmenuje?

Re: Jak se to jen jmenuje?

Re: Jak se to jen jmenuje?

Re: Jak se to jen jmenuje?

Re: Jak se to jen jmenuje?

Re: Jak se to jen jmenuje?

Re: Jak se to jen jmenuje?