[ Príspevkov: 8 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 24.11.09
Prihlásený: 21.05.20
Príspevky: 195
Témy: 75 | 75
NapísalOffline : 25.11.2012 13:22 | Popis obrazka - bublina

Ahojte,

akym kodom prosim spravit aby po prechode nad obrazok sa zobrazila bublina s textom?

Ked pouzijem title alebo description je to len take nezaujimave. poptrebujem to aby bolo krajsie.

Dakujem.


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 17.07.11
Prihlásený: 29.12.20
Príspevky: 1516
Témy: 3 | 3
NapísalOffline : 25.11.2012 14:41 | Popis obrazka - bublina

napríklad
http://www.beauscott.com/examples/help_ ... amples.php
http://file.urin.take-uma.net/jquery.ba ... -Demo.html


_________________
Na súkromné správy týkajúce sa problémov, ktoré sa riešia vo fóre, neodpovedám!
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 24.11.09
Prihlásený: 21.05.20
Príspevky: 195
Témy: 75 | 75
Napísal autor témyOffline : 25.11.2012 14:59 | Popis obrazka - bublina

Ok dakujem ale ako prosim vlozit kod do HTML? (CSS viem)

Z linku http://file.urin.take-uma.net/jquery.ba%20...%20-Demo.html som stiahol jquery.balloon.js a jquery.balloon.min.js

Dakujem za help.


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 17.07.11
Prihlásený: 29.12.20
Príspevky: 1516
Témy: 3 | 3
NapísalOffline : 25.11.2012 18:49 | Popis obrazka - bublina

napríklad takto
Kód:
<html>
<head>
   <script src="http://code.jquery.com/jquery-latest.js"></script>
   <script src="http://file.urin.take-uma.net/jquery.balloon.js"></script>
   
   <script type="text/javascript">
   $(function()
   {
      $(".sample").each
      (
         function()
         {
            //$(this).balloon(); //-> obsah berie z title

            $(this).balloon(
            {
               contents: "nejaky text v bubline"
            }); //-> obsah mu dam ja, pripadne aj dalsie parametre
         }
      );
   });
   </script>
</head>

<body onload="javascript">
   <br /><br /><br /><br />
   <a href="#" class="sample" title="text v title"> Nejaky silny odkaz </a>
</body>
<html>


_________________
Na súkromné správy týkajúce sa problémov, ktoré sa riešia vo fóre, neodpovedám!
Offline

Čestný člen
Čestný člen
Popis obrazka - bublina

Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5404
Témy: 30 | 30
Bydlisko: Bratislava
NapísalOffline : 25.11.2012 18:51 | Popis obrazka - bublina

BX - ach, dalo by sa to zapísať aj oveľa krajšie... ale to je nepodstatné.
Čo tam robí tento riadok?
Kód:
<body onload="javascript">


_________________
Neradím a nekomunikujem cez SS, ak niečo potrebujete, máte iné možnosti: Ak vám zmizla téma, alebo sa vám niečo nepáči. Ak potrebujete nahlásiť príspevok/človeka, reportujte ho. Ak máte s niečim problém, riešte to v danej téme.
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 24.11.09
Prihlásený: 21.05.20
Príspevky: 195
Témy: 75 | 75
Napísal autor témyOffline : 25.11.2012 19:20 | Popis obrazka - bublina

jj, presne to je ono, super dakujem.

Ako mozem este tu bublinu zobrazovat nad obrazkom?

CSS som tam nenasiel kde by som vlozil TOP.

Dakujem este raz.


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 17.07.11
Prihlásený: 29.12.20
Príspevky: 1516
Témy: 3 | 3
NapísalOffline : 25.11.2012 20:10 | Popis obrazka - bublina

shaggy, som si vedomý toho, že to nie je super riešenie - s webmi robím len okrajovo, takže nepoznám všeliaké tie profi finty.
A že čo tam robí ten riadok? Nič, zabudol som ho tam potom, ako som niečo skúšal. Pardon. (tam bola funkcia pre onload, neviem, prečo som to nezmazal celé)

elo: Na tom webe máš príklady na všeliaké pozicovanie.


_________________
Na súkromné správy týkajúce sa problémov, ktoré sa riešia vo fóre, neodpovedám!
Offline

Čestný člen
Čestný člen
Popis obrazka - bublina

Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5404
Témy: 30 | 30
Bydlisko: Bratislava
NapísalOffline : 25.11.2012 23:18 | Popis obrazka - bublina

elo - ak chceš robiť viac, než základné html stránky, nauč sa používať nástroje k tomu potrebné.
Predovšetkým firebug (vo firefoxe, musíš doinštalovať), alebo jeho alternatívy v iných browseroch (skús stlačiť F12, ak používaš chrome).
Tam si vieš pozrieť html kód tejto bubliny (klikneš na ňu pravým tlačítkom a dáš Inspect element, alebo Preskúmať prvok) a ukáže ti, z akého html je vytvorená, aj aké css ju ovplyvňujú.


_________________
Neradím a nekomunikujem cez SS, ak niečo potrebujete, máte iné možnosti: Ak vám zmizla téma, alebo sa vám niečo nepáči. Ak potrebujete nahlásiť príspevok/človeka, reportujte ho. Ak máte s niečim problém, riešte to v danej téme.
 [ Príspevkov: 8 ] 


Popis obrazka - bublina



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

bublina

v JavaScript, VBScript, Ajax

2

495

31.12.2010 14:49

shaggy

V tomto fóre nie sú ďalšie neprečítané témy.

HTML bublina

v HTML, XHTML, XML, CSS

6

970

05.02.2010 14:52

Ďuri

V tomto fóre nie sú ďalšie neprečítané témy.

žlta bublina

v HTML, XHTML, XML, CSS

2

554

02.05.2009 13:06

davo**

V tomto fóre nie sú ďalšie neprečítané témy.

Bublina s textom po prejdení myši

v HTML, XHTML, XML, CSS

5

467

28.03.2013 20:22

HAE07

V tomto fóre nie sú ďalšie neprečítané témy.

Popis-None

v Redakčné systémy

2

630

08.12.2006 22:21

altt

V tomto fóre nie sú ďalšie neprečítané témy.

Popis obrazku

v PHP, ASP

10

734

17.11.2007 12:15

legolas1

V tomto fóre nie sú ďalšie neprečítané témy.

Popis Diskusie

v Správy pre vedenie fóra

3

1206

07.06.2006 17:17

Spirit

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

Popis VIA chipsetů

v Ostatné čipové sady

1

3095

05.03.2006 11:56

Harlequin

V tomto fóre nie sú ďalšie neprečítané témy.

Zen-Cart základný popis

v Redakčné systémy

6

1335

11.04.2007 11:02

peterb

V tomto fóre nie sú ďalšie neprečítané témy.

nefungujúci popis vo formulári

v HTML, XHTML, XML, CSS

7

557

22.10.2007 11:01

brano

V tomto fóre nie sú ďalšie neprečítané témy.

Schéma a popis zapojení pojistek.

v Elektronika

3

1489

27.09.2006 18:18

Luks

V tomto fóre nie sú ďalšie neprečítané témy.

Presny popis dosky na notebook

v Notebooky a netbooky

2

1460

14.05.2007 0:34

Poki

V tomto fóre nie sú ďalšie neprečítané témy.

Historie a stručný popis jazyka C

v Assembler, C, C++, Pascal, Java

0

1523

30.09.2005 22:53

JanoF

V tomto fóre nie sú ďalšie neprečítané témy.

Naplním Vám eshop - popis, obrazky atď

v Dopyt práce

0

498

27.04.2017 9:59

Bedo

V tomto fóre nie sú ďalšie neprečítané témy.

Stručný popis chipsetů NForce 3 a 4

v nVidia čipové sady

1

3928

05.03.2006 7:56

Harlequin

V tomto fóre nie sú ďalšie neprečítané témy.

MS Office 2007 - vkladanie a popis obrazkov

v Ostatné programy

0

673

09.02.2011 14:42

beginner



© 2005 - 2024 PCforum, edited by JanoF