Intercettare tags ed introdurre eventi

[lore83]

Ciao a tutti.
devo creare un script che intercetti dei tag in una pagina ed introduca per questi tag un tooltip che carichi un contenuto ajax proveniente da un altro sito.

Esempio ho un tag tipo questo:

<span>Topo gigio</span> 

Qual è il metodo migliore per intercettarlo (usare un attributo? Quale?) ed aggiungere un tooltip che prelevi informazioni su Topo gigio da Wikipedia?
(x la creazione del tooltip con contenuti ajax non ci sono problemi, cerco una best practice sui passi precedenti)

Grazie.

[cavicchiandrea]

Ma devi intercettare tutti gli span della pagina o solo alcuni delimitati da un div? Usi qualche framework?

[carlomarx]

Non è ben chiara la dinamica. Partiamo dalla soluzione più semplice. Copiati quest'esempio in puro CSS: https://mdn.mozillademos.org/files/4..._tooltips.html e fa' in modo che gli attributi contenenti il contenuto dei tooltips vengano popolati lato server prima del caricamento della pagina (tanto se devi pescare da un altro sito ti servirà per forza qualcosa lato server... normalmente AJAX da solo non lo può fare).

P.S. ::after è sintassi CSS3: sostituiscila con :after (doppio punto una volta sola) se vuoi piena compatibilità.

[lore83]

Ciao e grazie per le risposte.

Provo a spiegarmi meglio:

1. Devo creare uno script (chiamiamolo A per semplicità) che siti terzi implementeranno nel loro codice (quindi deve essere facile, sicuro e poco invasivo)

2. Lo script (A) carica uno script (B), su un mio sito, che va ad intercettare nella pagina dove risiede A alcuni tag, opportunamente identificati dai siti terzi, e ad agire su di essi.

Volevo sapere:

1. Come deve essere fatto lo script A

2. Come fare segnalare ai siti terzi i tag da intercettare (ipotizzate che ad ogni tag corrisponda un codice univoco che il sito terzo conosce)

Grazie

[carlomarx]

Originariamente inviato da lore83
1. Devo creare uno script (chiamiamolo A per semplicità) che siti terzi implementeranno nel loro codice (quindi deve essere facile, sicuro e poco invasivo)

All'incirca così: https://developer.mozilla.org/en-US/...orting_scripts

Originariamente inviato da lore83
2. Come fare segnalare ai siti terzi i tag da intercettare (ipotizzate che ad ogni tag corrisponda un codice univoco che il sito terzo conosce)

Dipende da cosa vuoi intercettare! Non ce lo puoi spiegare chiaramente?

[lore83]

Originariamente inviato da carlomarx
All'incirca così: https://developer.mozilla.org/en-US/...orting_scripts


Dipende da cosa vuoi intercettare! Non ce lo puoi spiegare chiaramente?

È questo il problema, cosa fare intercettare? Quale attributo usare considerando che questo attributo dovrà anche contenere un codice?

Esempio

<span attributo="1234">topo gigio<\span> 

Io intercetterei l'attributo 'attributo' ed ovviamente il suo valore per creare un tooltip.

[carlomarx]

Qui hai la risposta:

• https://developer.mozilla.org/en-US/...es#attr-data-*
• https://developer.mozilla.org/en-US/...lement.dataset

Nell'esempio in puro CSS che avevo postato ad esempio l'attributo si chiamava "data-descr"…