Datenvariable in Tooltip ausgeben lassen

04.11.2024 21:46
#1 Datenvariable in Tooltip ausgeben lassen
ms
Mitglied

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?

1
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


 Antworten

 Beitrag melden
05.11.2024 11:32
avatar  Ingmar
#2 RE: Datenvariable in Tooltip ausgeben lassen
avatar
Technik

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

1
 
{{plugin_adventskalender_doorsopen}}
 

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
05.11.2024 12:43 (zuletzt bearbeitet: 05.11.2024 12:49)
avatar  Mike48
#3 RE: Datenvariable in Tooltip ausgeben lassen
avatar
Mitglied

Zitat von Ingmar im Beitrag #2
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

1
 
{{plugin_adventskalender_doorsopen}}
 




Im Adventskalender ist dein Beispiel aber nicht vorhanden.
Kann also nicht getestet werden.

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.


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
05.11.2024 14:12
avatar  Ingmar
#4 RE: Datenvariable in Tooltip ausgeben lassen
avatar
Technik

@Mike48

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}}

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
05.11.2024 17:01
avatar  Mike48
#5 RE: Datenvariable in Tooltip ausgeben lassen
avatar
Mitglied

Zitat von Ingmar im Beitrag #4
In diesem Beispiel ist die data-var (warum auch immer) dem origin "forum_message" zugeordnet.


Ich weiß nicht mit welchem Adventskalender du da zugange bist.
Im Adventskalender von Xobor im Store ist die dataVar doorsopen vom Target Types 3, Mitglieder Profil.
Darufhin habe ich natürlich im Mitglieder Profil meine dataVar angelegt und getestet.
Habe ich aber nicht zum funktionieren gebracht.

1
2
3
4
5
6
7
8
9
10
 
{{plugin_testsessionstor1_testdatavar==false.start}}
<script>
var tmp_daten = "Das ist der Inhalt der datVar testdatavar";
xobor.plugin('testsessionstor1').setDataVar('testdatavar', 3, {{user_id}}, tmp_daten, function(res) {
console.log("Plugin [testsessionstor1] setDataVar testdatavar ("+tmp_daten+") bei User {{user_id}} res: "+res);
},{{user_id}});
</script>
{{plugin_testsessionstor1_testdatavar==false.end}}
<div>dataVar Variable: {{plugin_testsessionstor1_testdatavar}}</div>
 
 


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
05.11.2024 21:43
#6 RE: Datenvariable in Tooltip ausgeben lassen
ms
Mitglied

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. ^^


 Antworten

 Beitrag melden
07.11.2024 14:04
avatar  Ingmar
#7 RE: Datenvariable in Tooltip ausgeben lassen
avatar
Technik

@Mike48

Bei den Data-Vars mit dem origin user_profile ist es nochmal etwas komplizierter. Diese werden immer da ausgegeben, wo Arrays um User-Infos ergänzt werden. So wie eben innerhalb des Message-Arrays in dem ja auch so Werte wie "{{message:avatar}}" gesetzt sind, die den Avatar des jeweiligen Users oder andere Infos zum Ersteller enthalten.


Ich habe mal ein Beispiel - Plugin mit eine Data-Var vom Origin forum_message angelegt. Wenn du mir eine Boardnummer nennst kann ich dir das gerne schicken.

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!