Datenvariable in Tooltip ausgeben lassen
Hallihallo!
Und wieder einmal ich. 
Ich hoffe, dass dieser Thread überhaupt richtig ist und es nicht eher zu Templates und Sprachen müsste. Wenn doch, gebt mir gern Bescheid, damit ich es für die nächsten Male besser machen kann! 
So, genug davon, jetzt zu meiner Frage.
Ich habe ein Plugin für zusätzliche Profilfelder geschrieben, um diese ganz dort ausgeben lassen zu können wo ich es möchte. Soweit klappt alles.
Jetzt hänge ich allerdings seit Längerem fest die Werte die in das Profilfeld eingegeben werden als Tooltips anzeigen zu lassen.
Sprich: Ich habe zwei Icons via und möchte gern, dass beim Hovern mit der Maus ein Tooltip mit dem erscheint, was ins Feld eingegeben wurde.
In diesem Fall die Daten aus den DataVars "frequency" und "length".
Kann und mag mir jemand sagen, wie ich es hinbekomme, den gespeicherten Wert der DataVar in dieses Tooltip zu bekommen? 
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<div id="postfields_userinfos_{{message:postid}}" data-userid="{{message:userid}}">
<div class="profilfields_test23"><span class="eyecatch6"><i class="cp cp-info-alt"></i></span>
<div class="frequency"></div></div>
<div class="profilfields_test23"><span class="eyecatch6"><i class="cp cp-quote"></i></span>
<div class="length"></div></div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
let postContainers = document.querySelectorAll('[id^="postfields_userinfos_"]');
postContainers.forEach(function(container) {
let userId = container.getAttribute('data-userid');
xobor.plugin("spielertest").getDataVar('frequency_profilfeld_datavar', 3, userId, function(res) {
if (res) {
let fieldText = container.querySelector('.frequency');
fieldText.innerHTML = res;
}
});
xobor.plugin("spielertest").getDataVar('length_profilfeld_datavar', 3, userId, function(res) {
if (res) {
let fieldText = container.querySelector('.length');
fieldText.innerHTML = res;
}
});
});
});
</script>
<style>
#postfields_userinfos_{{message:postid}} {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 40px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#postfields_userinfos_{{message:postid}} .profilfields_test23 {
margin: 0px 0px;
padding: 0px 0px;
width: 40px;
height: auto;
font-size: 8px;
line-height: 8px;
text-transform: uppercase;
letter-spacing: 0.4px;
text-align: center;
}
</style>
Grüße,
Fanie
Hier ist ein schönes Tooltip-Beispiel:
https://www.w3schools.com/howto/howto_css_tooltip.asp
Auf die Data-Var kannst du auch per Forencode zugreifen, solange die Data-Var auf der aktuellen Seite verfügbar ist.
Im Plugin "Adventskalender" mit der id "adventskalender" gibt es zum Beispiel eine Variable namens "doorsopen".
Auf den Wert kannst du im Template dann zugreifen mit
{{plugin_adventskalender_doorsopen}}
Technik · #3 RE: Datenvariable in Tooltip ausgeben lassen
Zitat von Mike48 im Beitrag #3
Dass das möglich sein soll habe ich schon öfter gelesen, konnte es selber aber nie nachstellen.
Nach meinen Erfahrungen hat das noch nie funktioniert so auf eine datVar zuzugreifen.
Das kommt bei der Data Var auf den "origin_type" an.
Ist der "origin_type" z.B "wiki_page", kannst du auf Wiki Seiten per Template-Code auf die Data-Var zugreifen.
Zitat von Mike48 im Beitrag #3
Im Adventskalender ist dein Beispiel aber nicht vorhanden.
Kann also nicht getestet werden.
In diesem Beispiel ist die data-var (warum auch immer) dem origin "forum_message" zugeordnet.
Daher kann in diesem Fall zum Beispiel in der Themen-Ansicht (thread flat) innerhalb des {message}}-Arrays darauf zugegriffen werden:
{{message:plugin_adventskalender_doorsopen}}
Das macht an dieser Stelle natürlich keinen Sinn. Aber als Beispiel taugt es.
Will man auf eine Variable ÜBERALL zugreifen, kann man eine globale Variable dafür anlegen. Diese steht dann immer per Template-Code zur Verfügung.
Z.B. {{plugin_dsgvooptions_global_cookieconsent_addon}}
Jetzt hat es geklappt! @Ingmar Ich danke dir! 
Zumindest was die Ausgabe der Daten angeht. Tooltip scheint Xobor irgendwie nicht nehmen zu wollen, hab den Code aus der W3 School 1:1 getestet - ohne Erfolg.
Vllt löse ich die Anzeige also doch anders. ^^
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!