Prośba o pomoc - jquery tools tooltips - Thread - go-pugleaf

Thread View: pl.comp.lang.javascript

3 messages

[T] Back to Threads [V] Tree View [G] Group Articles

3 total messages Started by Srututu Tue, 11 May 2010 08:23

Prośba o pomoc - jquery tools tooltips

#50047

Author: Srututu
Date: Tue, 11 May 2010 08:23

23 lines
1702 bytes

Na stronce
http://flowplayer.org/tools/demos/tooltip/any-html.html
jest przycisk, po najechaniu na który pojawia się dymek z htmlem i obrazkiem 
w środku.

Tutaj okrojony z tekstu
http://flowplayer.org/tools/demos/tooltip/any-html.htm

Czy ktoś z was mógłby poratować i zaimplementować skrypt tak żeby zamiast 
nad przyciskiem graficznym, taki dymek pojawiał się nad zwykłym tekstem.

Przykładowo jest tekst:

"Lorem ipsum dolor sit amet, malesuada tellus convallis, eu vitae quisque 
urna, sed suspendisse venenatis mi imperdiet consectetuer, mi ante tristique 
sed lectus. Varius magna posuere, suspendisse metus suspendisse."

Chciałbym żeby nad słowem "Lorem" pojawiał się jeden dymek z obrazkiem w 
środku.
A nad słowem "Varius" kolejny.

Moje możliwości to przekracza. Nie pozostaje mi nic innego jak poprosić o 
waszą pomoc.

Re: Prośba o pomoc - jquery tools tooltips

#50048

Author: WRonX
Date: Tue, 11 May 2010 09:25

34 lines
2078 bytes

Srututu pisze:

> Przykładowo jest tekst:
> 
> "Lorem ipsum dolor sit amet, malesuada tellus convallis, eu vitae 
> quisque urna, sed suspendisse venenatis mi imperdiet consectetuer, mi 
> ante tristique sed lectus. Varius magna posuere, suspendisse metus 
> suspendisse."
> 
> Chciałbym żeby nad słowem "Lorem" pojawiał się jeden dymek z obrazkiem w 
> środku.
> A nad słowem "Varius" kolejny.

Szybka metoda rosyjskiego uczonego Nachamowa:

1. Znalezc tekst i odpowiednie wyrazenia wrzucic w SPANy (chyba 
.replace(), zmieniasz .html() calego tekstu powiedzmy z "Lorem" na cos w 
stylu "<span id="tooltip_lorem">Lorem</span>")

2. Kazdemu z osobna przypisac tooltipa.

3. Jak juz opracujesz jedno i drugie, zautomatyzowac mozna to tworzac 
tablice slowo=>tooltip i iterujac.





Pozdrawiam.
--
[= WRonX =] [= WRonX@-CUT-WRonX.NET =] [= http://WRonX.NET =]
[= GCS/CC d->++ s+:- a- C++++$ U P>++ L+ !E W+++$ N++(+++) =]
[= !o-- K-? w++$ !O !M- !V-- PS+ PE !Y !PGP !t !5 X++ R++ =]
[= tv+ b+++ DI++ D+ G+ e+++ h--->---- r+++ y? =]

Re: Prośba o pomoc - jquery tools tooltips

#50049

Author: Peter May
Date: Tue, 11 May 2010 12:38

34 lines
2002 bytes

W dniu 2010-05-11 10:23, Srututu pisze:
> Na stronce
> http://flowplayer.org/tools/demos/tooltip/any-html.html
> jest przycisk, po najechaniu na który pojawia się dymek z htmlem i
> obrazkiem w środku.
>
> Tutaj okrojony z tekstu
> http://flowplayer.org/tools/demos/tooltip/any-html.htm
>
> Czy ktoś z was mógłby poratować i zaimplementować skrypt tak żeby
> zamiast nad przyciskiem graficznym, taki dymek pojawiał się nad zwykłym
> tekstem.
>
> Przykładowo jest tekst:
>
> "Lorem ipsum dolor sit amet, malesuada tellus convallis, eu vitae
> quisque urna, sed suspendisse venenatis mi imperdiet consectetuer, mi
> ante tristique sed lectus. Varius magna posuere, suspendisse metus
> suspendisse."
>
> Chciałbym żeby nad słowem "Lorem" pojawiał się jeden dymek z obrazkiem w
> środku.
> A nad słowem "Varius" kolejny.
>
> Moje możliwości to przekracza. Nie pozostaje mi nic innego jak poprosić
> o waszą pomoc.

Widziałem jeszcze takie rozwiązanie tooltip-a:
http://skroc.pl/36fd

Kod jest jawny, więc przerób sobie na to, co potrzebujesz.

-- 
Peter

Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads