Disabilita lo zoom della rotellina del mouse su Google Maps incorporato

Sto lavorando su un sito WordPress in cui gli autori di solito incorporano Google Maps utilizzando iFrame nella maggior parte dei post.

C’è un modo per disabilitare lo zoom tramite la rotellina del mouse su tutti usando Javascript?

Stavo avendo lo stesso problema: quando si scorre la pagina, il puntatore si sposta sulla mappa, inizia a ingrandire / ridurre la mappa invece di continuare a scorrere la pagina. 🙁

Così ho risolto questo mettendo un div con .overlay esattamente prima di ogni inserimento di iframe gmap, vedi:

  

Nel mio CSS ho creato la class:

 .overlay { background:transparent; position:relative; width:640px; height:480px; /* your iframe height */ top:480px; /* your iframe height */ margin-top:-480px; /* your iframe height */ } 

Il div coprirà la mappa, impedendo agli eventi del puntatore di raggiungerlo. Ma se fai clic sul div, diventa trasparente per gli eventi del puntatore, triggersndo di nuovo la mappa!

Spero di averti aiutato 🙂

Ho provato la prima risposta in questa discussione e non ha funzionato per me, non importa quello che ho fatto, così ho trovato la mia soluzione:

Avvolgi l’iframe con una class (.maps in questo esempio) e idealmente incorpora un codice responsive: http://embedresponsively.com/ – Cambia il CSS dell’iframe in pointer-events: none e quindi usando la funzione click di jQuery sull’elemento genitore che può cambiare il iframe css in pointer-events:auto

HTML

 

CSS

 .maps iframe{ pointer-events: none; } 

jQuery

 $('.maps').click(function () { $('.maps iframe').css("pointer-events", "auto"); }); $( ".maps" ).mouseleave(function() { $('.maps iframe').css("pointer-events", "none"); }); 

Sono sicuro che c’è un modo solo JavaScript per farlo, se qualcuno vuole aggiungere a questo sentirsi libero.

Il modo JavaScript per ritriggersre il puntatore-eventi è piuttosto semplice. Basta dare un ID all’iframe (cioè “iframe”), quindi applicare un evento onclick al div cointainer:

 onclick="document.getElementById('iframe').style.pointerEvents= 'auto'" 

Ho esteso la soluzione @nathanielperales.

Sotto la descrizione del comportamento:

  • fare clic sulla mappa per abilitare lo scorrimento
  • quando il mouse lascia la mappa, disabilitare lo scroll

Sotto il codice javascript:

 // Disable scroll zooming and bind back the click event var onMapMouseleaveHandler = function (event) { var that = $(this); that.on('click', onMapClickHandler); that.off('mouseleave', onMapMouseleaveHandler); that.find('iframe').css("pointer-events", "none"); } var onMapClickHandler = function (event) { var that = $(this); // Disable the click handler until the user leaves the map area that.off('click', onMapClickHandler); // Enable scrolling zoom that.find('iframe').css("pointer-events", "auto"); // Handle the mouse leave event that.on('mouseleave', onMapMouseleaveHandler); } // Enable map zooming with mouse scroll when the user clicks the map $('.maps.embed-container').on('click', onMapClickHandler); 

Ed ecco un esempio di jsFiddle .

Sto ri-montando il codice scritto da #nathanielperales che ha davvero funzionato per me. Semplice e facile da catturare ma funziona solo una volta. Così ho aggiunto mouseleave () su JavaScript. Idea adattata da #Bogdan e ora è perfetta. Prova questo. I crediti vanno a #nathanielperales e #Bogdan. Ho solo combinato entrambe le idee. Grazie ragazzi. Spero che questo aiuti anche gli altri …

HTML

 

CSS

 .maps iframe{ pointer-events: none; } 

jQuery

 $('.maps').click(function () { $('.maps iframe').css("pointer-events", "auto"); }); $( ".maps" ).mouseleave(function() { $('.maps iframe').css("pointer-events", "none"); }); 

Improvvisare – Adattare – Superare

Ed ecco un esempio di jsFiddle.

Sì, è abbastanza facile. Ho affrontato un problema simile. Basta aggiungere la proprietà css “pointer-events” al div iframe e impostarlo su “none” .

Esempio:

SideNote: questa correzione disabilita tutti gli altri eventi del mouse sulla mappa. Ha funzionato per me dal momento che non richiedevamo alcuna interazione dell’utente sulla mappa.

 var mapOptions = { scrollwheel: false, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; 

Dopo aver fatto qualche ricerca hai 2 opzioni. Dal momento che le nuove mappe api con iframe embed non sembrano supportare la distriggerszione della rotellina del mouse.

Per prima cosa utilizzerei le vecchie mappe di google ( https://support.google.com/maps/answer/3045828?hl=it ).

In secondo luogo sarebbe la creazione di una funzione javascript per semplificare l’embedding di una mappa per ogni commento e l’utilizzo di parametri (è codice di esempio solo per indicare la posizione non mostra la soluzione esatta)

 function createMap(containerid, parameters) { var mymap = document.getElementById(containerid), map_options = { zoom: 13, scrollwheel: false, /* rest of options */ }, map = new google.maps.Map(mymap, map_options); /* 'rest of code' to take parameters into account */ } 

C’è una soluzione fantastica e facile.

Devi aggiungere una class personalizzata nel tuo css che imposta gli eventi del puntatore per mappare il canvas su none:

 .scrolloff{ pointer-events: none; } 

Quindi, con jQuery, puoi aggiungere e rimuovere quella class in base a diversi eventi, ad esempio:

  $( document ).ready(function() { // you want to enable the pointer events only on click; $('#map_canvas').addClass('scrolloff'); // set the pointer events to none on doc ready $('#canvas').on('click', function() { $('#map_canvas').removeClass('scrolloff'); // set the pointer events true on click }); // you want to disable pointer events when the mouse leave the canvas area; $( "#map_canvas" ).mouseleave(function() { $('#map_canvas').addClass('scrolloff'); // set the pointer events to none when mouse leaves the map area }); }); 

Ho creato un esempio in jsfiddle , spero che aiuti!

Ho appena registrato un account su developers.google.com e ottenuto un token per chiamare un’API di Maps, e basta disabilitare quello come questo (scrollwheel: false):

  var map; function initMap() { map = new google.maps.Map(document.getElementById('container_google_maps'), { center: {lat: -34.397, lng: 150.644}, zoom: 8, scrollwheel: false }); } 

Questo è il mio approccio. Trovo facile da implementare su vari siti Web e usarlo tutto il tempo

CSS e JavaScript:

   

Nell’HTML, vorrai avvolgere l’iframe in un div.

 function scrollOn() { $('#map').removeClass('scrolloff'); // set the pointer events true on click } function scrollOff() { $('#map').addClass('scrolloff'); // set the pointer events true on click } 
 .scrolloff iframe { pointer-events: none ; } 
  

Ecco una soluzione semplice. Basta impostare gli pointer-events: none del pointer-events: none CSS per per disabilitare lo scorrimento del mouse.

 

Se si desidera che lo scorrimento del mouse venga triggersto quando l’utente fa clic sulla mappa, utilizzare il seguente codice JS. Inoltre, distriggers nuovamente lo scroll del mouse quando il mouse si sposta fuori dalla mappa.

 $(function() { $('#gmap-holder').click(function(e) { $(this).find('iframe').css('pointer-events', 'all'); }).mouseleave(function(e) { $(this).find('iframe').css('pointer-events', 'none'); }); }) 

Per disabilitare lo zoom della rotellina del mouse su Google Maps incorporato, devi solo impostare gli eventi puntatore della proprietà css dell’iframe su none:

  

Questo è tutto … abbastanza pulito eh?

 

Bene, per me la soluzione migliore era semplicemente usare in questo modo:

HTML:

 

CSS:

 #google-maps iframe { pointer-events:none; } 

JS:

  

RISULTATO

considerazioni:

La cosa migliore sarebbe aggiungere una sovrapposizione con una trasparenza più scura con un testo: ” Fai clic per sfogliare ” quando la rotella del mouse è distriggersta Ma quando viene triggersto (dopo aver fatto clic su di esso) la trasparenza con il testo scompare e l’utente può sfogliare la mappa come previsto. Qualche indizio su come farlo?

Aggiungi pointer-events:none; stile pointer-events:none; questo funziona bene

  

Il modo più semplice per farlo è usare uno pseudo-elemento come :before o :after .
Questo metodo non richiede ulteriori elementi HTML o jQuery.
Se per esempio abbiamo questa struttura html:

 

Quindi tutto ciò che dobbiamo fare è rendere il wrapper relativo allo pseudo-elemento che creeremo per impedire lo scrolling

 .map_wraper{ position:relative; } 

Dopodiché creeremo lo pseudo-elemento che verrà posizionato sulla mappa per impedire lo scorrimento:

 .map_wraper:after{ background: none; content: " "; display: inline-block; font-size: 0; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 9; } 

E hai finito, niente jquery senza elementi HTML aggiuntivi! Ecco un esempio di jsfiddle funzionante: http://jsfiddle.net/e6j4Lbe1/

Ecco la mia soluzione semplice.

Metti la tua iframe in un div con una class chiamata “maps” per esempio.

Questo sarà il CSS per il tuo iframe

 .maps iframe { pointer-events: none } 

Ed ecco un piccolo javascript che imposterà la proprietà event-pointer dell’iframe su “auto” quando si passa sopra l’elemento div per almeno 1 secondo (funziona meglio per me – impostalo su quello che ti piace) e cancella il timeout / impostalo su “none” di nuovo quando il mouse lascia l’elemento.

 var maptimer; $(".maps").hover(function(){ maptimer = setTimeout(function(){ $(".maps").find("iframe").css("pointer-events", "auto"); },1000); },function(){ clearTimeout(maptimer); $(".maps").find("iframe").css("pointer-events", "none"); }); 

Saluti.

Ho creato un plugin jQuery molto semplice per risolvere il problema. Controllalo su https://diazemiliano.github.io/googlemaps-scrollprevent

 (function() { $(function() { $("#btn-start").click(function() { $("iframe[src*='google.com/maps']").scrollprevent({ printLog: true }).start(); return $("#btn-stop").click(function() { return $("iframe[src*='google.com/maps']").scrollprevent().stop(); }); }); return $("#btn-start").trigger("click"); }); }).call(this); 
 Edit in JSFiddle Result JavaScript HTML CSS .embed-container { position: relative !important; padding-bottom: 56.25% !important; height: 0 !important; overflow: hidden !important; max-width: 100% !important; } .embed-container iframe { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .mapscroll-wrap { position: static !important; } 
   

"Start Scroll Prevent" "Stop Scroll Prevent"

Usando la risposta di @nathanielperales ho aggiunto la funzione hover perché per me funziona meglio quando l’utente perde l’attenzione sulla mappa per smettere di scorrere di nuovo 🙂

 $(function(){ $('.mapa').hover(function(){ stopScroll();}, function () { $('.mapa iframe').css("pointer-events", "none"); }); }); function stopScroll(){ $('.mapa').click(function () { $('.mapa iframe').css("pointer-events", "auto"); }); } 

Variazioni su un tema: una soluzione semplice con jQuery, nessuna modifica CSS necessaria.

 // make iframe active on click, disable on mouseleave $('iframe.google_map').each( function(i, iframe) { $(iframe).parent().hover( // make inactive on hover function() { $(iframe).css('pointer-events', 'none'); }).click( // activate on click function() { $(iframe).css('pointer-events', 'auto'); }).trigger('mouseover'); // make it inactive by default as well }); 

Il listener di Hover è collegato all’elemento genitore, quindi se il genitore corrente è più grande, puoi semplicemente racchiudere l’iframe con un div prima della terza linea.

Spero che possa essere utile per qualcuno.

Mi sono imbattuto in questo problema io stesso e ho usato un po ‘di un mashup di due risposte molto utili su questa domanda: la risposta di czerasz e la risposta di massa .

Entrambi hanno molta verità, ma da qualche parte nei miei test, ho scoperto che uno non funzionava per i dispositivi mobili e aveva uno scarso supporto IE (funziona solo su IE11). Questa è la soluzione di nathanielperales, poi estesa da czerasz, che si basa sul css degli eventi puntatore e che non funziona sui dispositivi mobili (non c’è alcun puntatore nel mobile) e non funziona su alcuna versione di IE che non sia v11 . Normalmente non mi interessa di meno, ma ci sono un sacco di utenti là fuori e vogliamo funzionalità coerenti, quindi sono andato con la soluzione di overlay, utilizzando un wrapper per rendere più facile il codice.

Quindi, il mio markup assomiglia a questo:

 
{Tell your users what to do!}

Quindi gli stili sono come questo:

 .map.embed-container { position:relative; } .map.embed-container #map-notice{ position:absolute; right:0; top:0; background-color:rgb(100,100,100);/*for old IE browsers with no support for rgba()*/ background-color: rgba(0,0,0,.50); color: #ccc; padding: 8px; } .map.embed-container .map-overlay{ height:100%; width:100%; position:absolute; z-index:9999; background-color:rgba(0,0,0,0.10);/*should be transparent but this will help you see where the overlay is going in relation with the markup*/ } 

Infine la sceneggiatura:

 //using jquery... var onMapMouseleaveHandler = function (event) { $('#map-notice').fadeIn(500); var elemento = $$(this); elemento.on('click', onMapClickHandler); elemento.off('mouseleave', onMapMouseleaveHandler); $('.map-overlay').fadeIn(500); } var onMapClickHandler = function (event) { $('#map-notice').fadeOut(500); var elemento = $$(this); elemento.off('click', onMapClickHandler); $('.map-overlay').fadeOut(500); elemento.on('mouseleave', onMapMouseleaveHandler); } $('.map.embed-container').on('click', onMapClickHandler); 

Ho anche aggiunto la mia soluzione testata in un GistHub Gist , se ti piace ottenere cose da lì …

Questa è una soluzione con CSS e Javascript (cioè Jquery ma funziona anche con Javascript puro). Allo stesso tempo la mappa è retriggers. Evita la mappa per lo zoom durante lo scorrimento, ma la mappa può essere triggersta facendo clic su di essa.

HTML / JQuery Javascript

 

CSS

 #map { position: relative; padding-bottom: 36%; /* 16:9 ratio for responsive */ height: 0; overflow: hidden; background:transparent; /* does the trick */ z-index:98; /* does the trick */ } #map iframe { pointer-events:none; /* does the trick */ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index:97; /* does the trick */ } 

Divertiti !

In Google Maps v3 ora puoi distriggersre lo scorrimento per lo zoom, che porta a un’esperienza utente molto migliore. Altre funzioni della mappa funzioneranno ancora e non avrai bisogno di div extra. Ho anche pensato che ci fosse un feedback per l’utente in modo che possano vedere quando lo scorrimento è abilitato, quindi ho aggiunto un bordo mappa.

 // map is the google maps object, '#map' is the jquery selector preventAccidentalZoom(map, '#map'); // Disables and enables scroll to zoom as appropriate. Also // gives the user a UI cue as to when scrolling is enabled. function preventAccidentalZoom(map, mapSelector){ var mapElement = $(mapSelector); // Disable the scroll wheel by default map.setOptions({ scrollwheel: false }) // Enable scroll to zoom when there is a mouse down on the map. // This allows for a click and drag to also enable the map mapElement.on('mousedown', function () { map.setOptions({ scrollwheel: true }); mapElement.css('border', '1px solid blue') }); // Disable scroll to zoom when the mouse leaves the map. mapElement.mouseleave(function () { map.setOptions({ scrollwheel: false }) mapElement.css('border', 'none') }); }; 

Questo ti darà una mappa Google retriggers che interromperà lo scorrimento sull’iframe, ma una volta cliccato ti permetterà di zoomare.

Copia e incolla questo nel tuo html, ma sostituisci il link iframe con il tuo. È un articolo su di esso con un esempio: Disabilita lo zoom della rotellina del mouse sugli iframe di Google Maps incorporati

  

Aggiungi questo al tuo script:

 function initMap() { var uluru = {lat: -25.363, lng: 131.044}; var map = new google.maps.Map(document.getElementById('map'), { zoom: 12, center: uluru, scrollwheel: false, disableDefaultUI: true, disableDoubleClickZoom: true }); var marker = new google.maps.Marker({ position: uluru, map: map }); } 

Qui sarebbe il mio approccio a questo.

Inseriscilo nel mio file main.js o simile:

 // Create an array of styles. var styles = [ { stylers: [ { saturation: -300 } ] },{ featureType: 'road', elementType: 'geometry', stylers: [ { hue: "#16a085" }, { visibility: 'simplified' } ] },{ featureType: 'road', elementType: 'labels', stylers: [ { visibility: 'off' } ] } ], // Lagitute and longitude for your location goes here lat = -7.79722, lng = 110.36880, // Create a new StyledMapType object, passing it the array of styles, // as well as the name to be displayed on the map type control. customMap = new google.maps.StyledMapType(styles, {name: 'Styled Map'}), // Create a map object, and include the MapTypeId to add // to the map type control. mapOptions = { zoom: 12, scrollwheel: false, center: new google.maps.LatLng( lat, lng ), mapTypeControlOptions: { mapTypeIds: [google.maps.MapTypeId.ROADMAP], } }, map = new google.maps.Map(document.getElementById('map'), mapOptions), myLatlng = new google.maps.LatLng( lat, lng ), marker = new google.maps.Marker({ position: myLatlng, map: map, icon: "images/marker.png" }); //Associate the styled map with the MapTypeId and set it to display. map.mapTypes.set('map_style', customMap); map.setMapTypeId('map_style'); 

Quindi inserisci semplicemente un div vuoto in cui desideri che la mappa appaia sulla tua pagina.

Ovviamente dovrai anche chiamare l’API di Google Maps. Ho semplicemente creato un file chiamato mapi.js e lo ho gettato nella mia cartella / js. Questo file deve essere chiamato prima del javascript sopra.

 `window.google = window.google || {}; google.maps = google.maps || {}; (function() { function getScript(src) { document.write('<' + 'script src="' + src + '"' + ' type="text/javascript"><' + '/script>'); } var modules = google.maps.modules = {}; google.maps.__gjsload__ = function(name, text) { modules[name] = text; }; google.maps.Load = function(apiLoad) { delete google.maps.Load; apiLoad([0.009999999776482582,[[["http://mt0.googleapis.com/[email protected]\u0026src=api\u0026hl=en-US\u0026","http://mt1.googleapis.com/[email protected]\u0026src=api\u0026hl=en-US\u0026"],null,null,null,null,"[email protected]"],[["http://khm0.googleapis.com/kh?v=135\u0026hl=en-US\u0026","http://khm1.googleapis.com/kh?v=135\u0026hl=en-US\u0026"],null,null,null,1,"135"],[["http://mt0.googleapis.com/[email protected]\u0026src=api\u0026hl=en-US\u0026","http://mt1.googleapis.com/[email protected]\u0026src=api\u0026hl=en-US\u0026"],null,null,null,null,"[email protected]"],[["http://mt0.googleapis.com/[email protected],[email protected]\u0026src=api\u0026hl=en-US\u0026","http://mt1.googleapis.com/[email protected],[email protected]\u0026src=api\u0026hl=en-US\u0026"],null,null,null,null,"[email protected],[email protected]"],null,null,[["http://cbk0.googleapis.com/cbk?","http://cbk1.googleapis.com/cbk?"]],[["http://khm0.googleapis.com/kh?v=80\u0026hl=en-US\u0026","http://khm1.googleapis.com/kh?v=80\u0026hl=en-US\u0026"],null,null,null,null,"80"],[["http://mt0.googleapis.com/mapslt?hl=en-US\u0026","http://mt1.googleapis.com/mapslt?hl=en-US\u0026"]],[["http://mt0.googleapis.com/mapslt/ft?hl=en-US\u0026","http://mt1.googleapis.com/mapslt/ft?hl=en-US\u0026"]],[["http://mt0.googleapis.com/vt?hl=en-US\u0026","http://mt1.googleapis.com/vt?hl=en-US\u0026"]],[["http://mt0.googleapis.com/mapslt/loom?hl=en-US\u0026","http://mt1.googleapis.com/mapslt/loom?hl=en-US\u0026"]],[["https://mts0.googleapis.com/mapslt?hl=en-US\u0026","https://mts1.googleapis.com/mapslt?hl=en-US\u0026"]],[["https://mts0.googleapis.com/mapslt/ft?hl=en-US\u0026","https://mts1.googleapis.com/mapslt/ft?hl=en-US\u0026"]]],["en-US","US",null,0,null,null,"http://maps.gstatic.com/mapfiles/","http://csi.gstatic.com","https://maps.googleapis.com","http://maps.googleapis.com"],["http://maps.gstatic.com/intl/en_us/mapfiles/api-3/14/0","3.14.0"],[2635921922],1,null,null,null,null,0,"",null,null,0,"http://khm.googleapis.com/mz?v=135\u0026",null,"https://earthbuilder.googleapis.com","https://earthbuilder.googleapis.com",null,"http://mt.googleapis.com/vt/icon",[["http://mt0.googleapis.com/vt","http://mt1.googleapis.com/vt"],["https://mts0.googleapis.com/vt","https://mts1.googleapis.com/vt"],[null,[[0,"m",228000000]],[null,"en-US","US",null,18,null,null,null,null,null,null,[[47],[37,[["smartmaps"]]]]],0],[null,[[0,"m",228000000]],[null,"en-US","US",null,18,null,null,null,null,null,null,[[47],[37,[["smartmaps"]]]]],3],[null,[[0,"h",228000000]],[null,"en-US","US",null,18,null,null,null,null,null,null,[[50],[37,[["smartmaps"]]]]],0],[null,[[0,"h",228000000]],[null,"en-US","US",null,18,null,null,null,null,null,null,[[50],[37,[["smartmaps"]]]]],3],[null,[[4,"t",131],[0,"r",131000000]],[null,"en-US","US",null,18,null,null,null,null,null,null,[[5],[37,[["smartmaps"]]]]],0],[null,[[4,"t",131],[0,"r",131000000]],[null,"en-US","US",null,18,null,null,null,null,null,null,[[5],[37,[["smartmaps"]]]]],3],[null,null,[null,"en-US","US",null,18],0],[null,null,[null,"en-US","US",null,18],3],[null,null,[null,"en-US","US",null,18],6],[null,null,[null,"en-US","US",null,18],0]]], loadScriptTime); }; var loadScriptTime = (new Date).getTime(); getScript("http://maps.gstatic.com/intl/en_us/mapfiles/api-3/14/0/main.js"); })();` 

Quando chiami il file mapi.js assicurati di passarlo all’attributo false del sensore.

es .:

La nuova versione 3 dell’API richiede l’inclusione del sensore per qualche motivo. Assicurati di includere il file mapi.js prima del file main.js.

Per google maps v2 – GMap2:

 ar map = new GMap2(document.getElementById("google_map")); map.disableScrollWheelZoom(); 

se hai un iframe utilizzando l’API di Google Maps incorporata in questo modo:

   

puoi aggiungere questo stile css: pointer-event: none; ES.

  

Ecco la mia risposta alla risposta @nathanielperales estesa da @chams, ora nuovamente estesa da me.

HTML

 

jQuery

 // we're doing so much with jQuery already, might as well set the initial state $('.maps iframe').css("pointer-events", "none"); // as a safety, allow pointer events on click $('.maps').click(function() { $(this).find('iframe').css("pointer-events", "auto"); }); $('.maps').mouseleave(function() { // set the default again on mouse out - disallow pointer events $(this).find('iframe').css("pointer-events", "none"); // unset the comparison data so it doesn't effect things when you enter again $(this).removeData('oldmousepos'); }); $('.maps').bind('mousemove', function(e){ $this = $(this); // check the current mouse X position $this.data('mousepos', e.pageX); // set the comparison data if it's null or undefined if ($this.data('oldmousepos') == null) { $this.data('oldmousepos', $this.data('mousepos')); } setTimeout(function(){ // some left/right movement - allow pointer events if ($this.data('oldmousepos') != $this.data('mousepos')) { $this.find('iframe').css("pointer-events", "auto"); } // set the compairison variable $this.data('oldmousepos', $this.data('mousepos')); }, 300); console.log($this.data('oldmousepos')+ ' ' + $this.data('mousepos')); }); 

The simplest one :

 

Here is my solution for the problem, I was building a WP site, so there is a little php code here. But the key is scrollwheel: false, in the map object.

 function initMap() { var uluru = {lat: , lng: }; var map = new google.maps.Map(document.getElementById('map'), { zoom: 18, scrollwheel: false, center: uluru }); var marker = new google.maps.Marker({ position: uluru, map: map }); } 

Spero che questo ti sia d’aiuto. Saluti