{"id":21828,"date":"2019-03-10T21:18:48","date_gmt":"2019-03-10T20:18:48","guid":{"rendered":"https:\/\/it.wordpress.org\/support\/topic\/plugin-fancybox-problema-con-la-funzione-inline\/"},"modified":"2019-03-10T21:18:48","modified_gmt":"2019-03-10T20:18:48","slug":"plugin-fancybox-problema-con-la-funzione-inline","status":"publish","type":"topic","link":"https:\/\/it.wordpress.org\/support\/topic\/plugin-fancybox-problema-con-la-funzione-inline\/","title":{"rendered":"Plugin Fancybox, problema con la funzione inline"},"content":{"rendered":"

Buonasera a tutti.
\nSto usando il plugin HTML5 Maps per creare una mappa dell’Italia, la quale cliccando su ogni singola regione mi restituisce un elenco di specialisti che io inserisco con un editor di testo dalle impostazioni del plugin stesso.
\nAvevo fatto un semplice elenco sulla destra della cartina, ma mi hanno chiesto di creare una finestra pop-up che si aprisse cliccando sul nome dello specialista, dove ci sono info e contatti di ogni singolo.
\nHo trovato Fancybox, con con l’opzione inline dovrebbe fare proprio quello che mi serve.<\/p>\n

Quindi inserisco questo nell’editor di testo<\/p>\n

<div class="card">\n      <div class="card-body">\n        <p class="mb-0">\n          <a data-fancybox data-src="#modal" href="javascript:;" class="btn btn-primary">Nome specialista<\/a>\n        <\/p>\n\n        <div style="display: none;" id="modal">\n          <h2>Nome specialista<\/h2>\n          <p>Contatti<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div><\/code><\/pre>\n
Innanzitutto, salvando la pagina mi scompare il <div style="display: none;"<\/code> quindi poi, nel sito, la parte che dovrebbe essere nella finestra di dialogo (contatti) \u00e8 ben visibile. Inoltre, se inserisco pi\u00f9 box diversi, quindi pi\u00f9 specialisti in elenco, nella finestra di dialogo di ognuno ci sono solo i dati che ho inserito nel primo box. Quindi per farvi capire, se faccio<\/p>\n
<div class="card">\n      <div class="card-body">\n        <p class="mb-0">\n          <a data-fancybox data-src="#modal" href="javascript:;" class="btn btn-primary">Specialista 1<\/a>\n        <\/p>\n\n        <div style="display: none;" id="modal">\n          <h2>Specialista 1<\/h2>\n          <p>contatti<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n<div class="card">\n      <div class="card-body">\n        <p class="mb-0">\n          <a data-fancybox data-src="#modal" href="javascript:;" class="btn btn-primary">Specialista 2<\/a>\n        <\/p>\n\n        <div style="display: none;" id="modal">\n          <h2>Specialista 2<\/h2>\n          <p>contatti<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div><\/code><\/pre>\n
Se clicco sul box dello “Specialista 2” mi apre i contatti dello “Specialista 1”.<\/p>\n
Spero di avervi fatto capire qualcosa…grazie a chi mi dar\u00e0 una mano a risolvere l’arcano.<\/p>\n","protected":false},"template":"","class_list":["post-21828","topic","type-topic","status-publish","hentry","topic-tag-fancybox","topic-tag-inline"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/it.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/21828","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it.wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/it.wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/it.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/21828\/revisions"}],"wp:attachment":[{"href":"https:\/\/it.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=21828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}