Template:TooltipCitaFull: differenze tra le versioni

← Differenza precedente Differenza successiva →

Versione delle 08:53, 26 apr 2025

Questo template genera un tooltip popup con numero-citazione [1] e contenuto descrittivo. Sintassi:

{{TooltipCitaFull|[1]|Contenuto tooltip}}

Tooltip popup per citazioni numerate o simboliche con testo descrittivo (abstract).

Parametri template
Parametro		Descrizione	Tipo	Stato
Numero o simbolo	`1`	Numero della citazione es. [1], [2] oppure simbolo (📌)	Stringa	obbligatorio
Testo descrittivo	`2`	Testo che appare nel popup del tooltip.	Stringa	obbligatorio

@@ Riga 2: / Riga 2: @@
 Questo template genera un tooltip popup con numero-citazione [1] e contenuto descrittivo.
 Sintassi:
-<pre>{{TooltipCitaFull|[1]|Contenuto tooltip|2}}</pre>
+<pre>{{TooltipCitaFull|[1]|Contenuto tooltip}}</pre>
 </noinclude><includeonly>
-<span style="position: relative; display: inline-block; cursor: pointer; vertical-align: super; font-size: 0.75em; color: #3366cc;">
+<span class="tooltip-cita-trigger">{{#if: {{{1|}}} | {{{1}}} | 📌}}
-  {{{1|📌}}}
+   <span class="tooltip-cita-content">
-   <span style="visibility: hidden; width: 320px; background-color: #f9f9f9; color: #000; text-align: left; border-radius: 10px; padding: 1em; position: absolute; z-index: 1; top: 1.5em; left: 0; box-shadow: 0 0 20px rgba(0,0,0,0.3); font-size: 0.9em;">
      {{{2|}}}
    </span>
 </span>
-<script>
-document.addEventListener("DOMContentLoaded", function() {
-  const triggers = document.querySelectorAll('span[style*="position: relative"]');
-  triggers.forEach(trigger => {
-    trigger.addEventListener('mouseover', function() {
-      const content = this.querySelector('span[style*="visibility: hidden"]');
-      if(content) content.style.visibility = 'visible';
-    });
-    trigger.addEventListener('mouseout', function() {
-      const content = this.querySelector('span[style*="visibility: hidden"]');
-      if(content) content.style.visibility = 'hidden';
-    });
-  });
-});
-</script>
 </includeonly>
 <noinclude>
 <templatedata>
 {
+  "description": "Tooltip popup per citazioni numerate o simboliche con testo descrittivo (abstract).",
    "params": {
      "1": {
-       "label": "Numero citazione o simbolo (es. [1], [2], 📌)",
+       "label": "Numero o simbolo",
-       "type": "string"
+      "description": "Numero della citazione es. [1], [2] oppure simbolo (📌)",
+       "type": "string",
+      "required": true
      },
      "2": {
-       "label": "Testo del tooltip (contenuto citazione + abstract)",
+       "label": "Testo descrittivo",
+      "description": "Testo che appare nel popup del tooltip.",
        "type": "string",
        "required": true
      }
-   },
+   }
-  "description": "Tooltip popup numerato per citazioni scientifiche con abstract.",
-  "format": "inline"
 }
 </templatedata>
 </noinclude>