WebSite X5Help Center

 
Antonio D.
Antonio D.
User

Tooltip accanto all'indicatore di posizione  it

Автор: Antonio D.
Просмотрено 959, Подписчики 2, Размещенный 0  

Buongiorno.

Avrei bisogno di sapere se è possibile (e, in caso affermativo, come fare) inserire il tooltip al passaggio del cursore sull'indicatore di posizione di una pagina in Ful Height.

Allego screenshot, tratto da un altro sito online.

Grazie.

A. D.B.

Размещено
11 Ответы - 1 Полезно
Antonio D.
Antonio D.
User
Автор

P.S.: Aggiungo che la mia versione di Website X5 Pro è la 2022.1.7

Читать больше
Размещено От Antonio D.
Antonio D.
Antonio D.
User
Автор

PS2: Allego screenshot, scusate.

Читать больше
Размещено От Antonio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

... da parte mia, ...da qualche parte potrebbe trovarsi qualche Topic con una mia esclusiva invenzione in EXTRA...

... ma! ... senza  relativo LINK della pagina in Ful Height non mi esprimo oltre, e nel caso ritornerò qui...

-

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

... OK ... ... questo è un mio tipo di ToolTip di base, "normale", come da esempio:

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

... puoi provare direttamente questo codice:

<script>
/** == ToolTip x WsX5 FullHeight by KolAsim == **/
$(document).ready(function () { //K>
ritardoK=3; // > numero secondi di ritardo;
tooltipK1="Le mille vite di Margherita Hack";
tooltipK2="Perchè un progetto su Margherita Hack?";
tooltipK3="Margherita e le stelle";
tooltipK4="I primi anni di una scienziata";
setTimeout(function(){//K1>
$( "#imPageRowBullets div:nth-child(1)" ).attr( "title", tooltipK1 );
$( "#imPageRowBullets div:nth-child(2)" ).attr( "title", tooltipK2);
$( "#imPageRowBullets div:nth-child(3)" ).attr( "title", tooltipK3 );
$( "#imPageRowBullets div:nth-child(4)" ).attr( "title", tooltipK4 );
},ritardoK * 1000); //K1<<
}); //K<<
</script>

 

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Antonio D.
Antonio D.
User
Автор

Grande! Ci provo... Ho un problemino: ho sempre lavorato sugli oggetti e mai direttamente sul codice :-)

Vediamo... Dalla pagina di anteprima, tasto destro ==> Ispeziona codice (e accedo nel codice)... Ma poi, il blocco di codice che mi indichi dove andrebbe inserito?

Читать больше
Размещено От Antonio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

... il codice devi incollarlo nel pannello Esperto delle Proprietà della Pagina, esattamente in questa sezione:

>> Passo 3 - Mappa > Finestra 'Proprietà Pagina' > Le opzioni della Sezione Esperto | Codice personalizzato: > 3^opzione > Prima della chiusura del tag HEAD

,

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Antonio D.
Antonio D.
User
Автор

Ora funziona, grazie. Non è proprio il massimo dal punto di vista estetico: proverò a cambiare il font, la grandezza del carattere e ad allineare le scritte esattamente a sinistra dell'indicatore di posizione. 

Se non ci riesco, ti ricontatterò... :-)

Grazie per il tuo aiuto!

Читать больше
Размещено От Antonio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

... non è possibile modificare il ToolTip di "base" perchè è gestito dal browser...

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

... però,  ...in passato avevo fatto altre invenzioni esclusive in altri Topic, mi pare correlate al problema delle Ancore e con ToolTip EXTRa avanzato...

.. adesso per la tua pagina penso che con un'iniezione di codice CSS ed un riadattamento del mio precedente codice, si potrebbe ottenere un ToolTip EXTRA personalizzato a piacere...

... poi magari ti farò vedere di come si potrebbe presentare...

...

Читать больше
Размещено От  ‪ KolAsim ‪ ‪