Template:TooltipCitaFull: differenze tra le versioni

← Differenza precedente Differenza successiva →

Versione delle 07:24, 26 apr 2025

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

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

Tooltip popup numerato per citazioni scientifiche con abstract.

Parametri template
Questo template preferisce la formattazione in linea dei parametri.
Parametro		Descrizione	Tipo	Stato
Numero citazione o simbolo (es. [1], [2], 📌)	`1`	nessuna descrizione	Stringa	facoltativo
Testo del tooltip (contenuto citazione + abstract)	`2`	nessuna descrizione	Stringa	obbligatorio

@@ Riga 1: / Riga 1: @@
 <noinclude>
-Questo template genera un tooltip popup con numero-citazione (es. [1]) e contenuto descrittivo.
+Questo template genera un tooltip popup con numero-citazione [1] e contenuto descrittivo.
 Sintassi:
 <pre>{{TooltipCitaFull|[1]|Contenuto tooltip|2}}</pre>
 </noinclude><includeonly>
-<span class="tooltip-cita-trigger{{#ifeq: {{{3|}}} | 2 | -2 | }}">
+<span style="position: relative; display: inline-block; cursor: pointer; vertical-align: super; font-size: 0.75em; color: #3366cc;">
    {{{1|📌}}}
-   <span class="tooltip-cita-content{{#ifeq: {{{3|}}} | 2 | -2 | }}">
+   <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>
@@ Riga 16: / Riga 31: @@
    "params": {
      "1": {
-       "label": "Simbolo o numero citazione (es. [1], [2])",
+       "label": "Numero citazione o simbolo (es. [1], [2], 📌)",
        "type": "string"
      },
      "2": {
-       "label": "Contenuto tooltip (citazione + abstract)",
+       "label": "Testo del tooltip (contenuto citazione + abstract)",
        "type": "string",
        "required": true
-    },
-    "3": {
-      "label": "Inserisci \"2\" per tooltip figlio",
-      "type": "number"
      }
    },
-   "description": "Tooltip popup con citazione numerica e contenuto descrittivo (per abstract o riferimenti)",
+   "description": "Tooltip popup numerato per citazioni scientifiche con abstract.",
    "format": "inline"
 }
 </templatedata>
 </noinclude>