Tooltipster jQuery plugin - zmienna jako zawartość, Czy można użyć zmiennej jako tooltip? Opcje

[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

Ten post edytował zbysiusp 16.07.2016, 17:09:57

[Star]

Mozesz zrobic cos w stylu:

[PHP] pobierz, plaintext 
 
$(document).ready(function() {
    $('#jakisdiv').attr('title', jakaszmienna);
    $('.tooltip').tooltipster();
});
 
[PHP] pobierz, plaintext 

[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]

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:


Ten post edytował zbysiusp 17.07.2016, 00:21:49

[trueblue]

Ustawiaj atrybut data-title, a nie title.
Również w css trzeba zmienić.

[zbysiusp]

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