Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Tooltipster jQuery plugin - zmienna jako zawartość
Forum PHP.pl > Forum > Po stronie przeglądarki
zbysiusp
Witam!

Proszę o pomoc. "Zainstalowałem" plugin jQuery Tooltipster. Wszystko ładnie działa, ale chciałbym użyć zmiennej w tooltip'ach analogicznie jak tekstu.
Kod
<img src="stacja.png" class="tooltip" title="This is my image's tooltip message!" />

Chciałbym uzyskać taką funkcjonalność, aby po najechaniu na div zawierający temperaturę wyświetlił się tooltip z datą pomiaru. Zarówno temperatura jak i data pomiaru to zmienne (temp_wartosc, temp_czas).

Czy jest taka możliwość i jak to ewentualnie zrobić?

Pozdrawiam
zbysiusp
Star
Mozesz zrobic cos w stylu:

  1.  
  2. $(document).ready(function() {
  3. $('#jakisdiv').attr('title', jakaszmienna);
  4. $('.tooltip').tooltipster();
  5. });
  6.  
trueblue
Plugin zapamiętuje title i gdy będziesz zmieniał ten atrybut po nowej odpowiedzi Ajax, treść w dymku nie zmieni się.
Proponuje tylko css: https://jsfiddle.net/9vstd3rj/ Teraz zmiana wartości title będzie odwzorowana na bieżąco, no, i nie trzeba JS.
zbysiusp
Cytat(trueblue @ 16.07.2016, 21:08:31 ) *
Plugin zapamiętuje title i gdy będziesz zmieniał ten atrybut po nowej odpowiedzi Ajax, treść w dymku nie zmieni się.
Proponuje tylko css: https://jsfiddle.net/9vstd3rj/ Teraz zmiana wartości title będzie odwzorowana na bieżąco, no, i nie trzeba JS.

Bardzo dziękuję. Jutro przetestuję i dam znać jak działa. Czuję, że znów będzie to strzał w 10.

Pozdrawiam
zbysiusp

P.S. Bardzo dziękuję. Zaimplementowałem kod wg Twojej propozycji. Dymki działają bardzo dobrze zgodnie z oczekiwaniem. Pozostał problem etykiet, które wyświetlają się niezależnie od dymku i psują odbiór strony. Jak można się ich pozbyć?
Kod wygląda następująco:
Kod
$("#tempzew_max_24h").attr('title', maxEl.czas_datetime).addClass("tooltip");

Efekt jest taki:
trueblue
Ustawiaj atrybut data-title, a nie title.
Również w css trzeba zmienić.
zbysiusp
Cytat(trueblue @ 17.07.2016, 08:40:06 ) *
Ustawiaj atrybut data-title, a nie title.
Również w css trzeba zmienić.

Bardzo dziękuję. Działa znakomicie. Klikam pomógł po raz kolejny.

Pozdrawiam
zbysiusp
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.