Eliminare div creato da javascript

HidraOne

Nuovo Utente
13 Mar 2016
2
0
0
Salve a tutti, io e un mio amico stiamo sviluppando un'applicazione java che utilizza delle api di google maps e ci serve una mano.
le utilizziamo caricando un file html e implementando librerie javascript, ecco il codice del file html;
HTML:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100%; background-color: #666970; }
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">

  function initialize() {
    var latlng = new google.maps.LatLng(37.39822, -121.9643936);
    var myOptions = {
      zoom: 14,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      mapTypeControl: false,
      navigationControl: false,
      streetViewControl: false,
      backgroundColor: "#666970"

    };
    
    
	

    document.geocoder = new google.maps.Geocoder();
    document.map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);

/*	document.marker = new google.maps.Marker({
	    position: {lat: 37.39822, lng: -121.9643936},
	    map: document.map,
	    title: 'Hello World!'
	  });
*/
	document.setMarker = function(latitudine, longitudine){
	    var marker = new google.maps.Marker({
	    position: {lat: latitudine, lng: longitudine},
	    map: document.map,
	    title: 'Marker'
	  });	
	}
	


    
    document.zoomIn = function zoomIn() {
    	var zoomLevel = document.map.getZoom();
    	if (zoomLevel <= 20) document.map.setZoom(zoomLevel + 1);
    }
    
    document.zoomOut = function zoomOut() {
    	var zoomLevel = document.map.getZoom();
    	if (zoomLevel > 0) document.map.setZoom(zoomLevel - 1);
    }
    
    document.setMapTypeRoad = function setMapTypeRoad() {
    	document.map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
    }
    document.setMapTypeSatellite = function setMapTypeSatellite() {
    	document.map.setMapTypeId(google.maps.MapTypeId.SATELLITE);
    }
    document.setMapTypeHybrid = function setMapTypeHybrid() {
    	document.map.setMapTypeId(google.maps.MapTypeId.HYBRID);
    }
    document.setMapTypeTerrain = function setMapTypeTerrain() {
    	document.map.setMapTypeId(google.maps.MapTypeId.TERRAIN);
    }
    
    document.goToLocation = function goToLocation(searchString) {
        document.geocoder.geocode( {'address': searchString}, function(results, status) {        
      	  if (status == google.maps.GeocoderStatus.OK) {
            document.map.setCenter(results[0].geometry.location);
          } else {
            alert("Geocode was not successful for the following reason: " + status);
          }
        }); 
    }
	document.markerToLocation = function goToLocation(searchString) {
        document.geocoder.geocode( {'address': searchString}, function(results, status) {        
      	  if (status == google.maps.GeocoderStatus.OK) {
		var latitude = results[0].geometry.location.lat();
		var longitude = results[0].geometry.location.lng();
            var marker = new google.maps.Marker({
						position: {lat: latitude ,lng: longitude},
						map: document.map,
						title: 'marker'
					      });
          } else {
            alert("Geocode was not successful for the following reason: " + status);
          }
        }); 
    }
	
  }
</script>
</head>
<body onload="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>

Problema: caricando l'api così (il programma finale caricherà in un'apposita finestra l'html) ci sono due bottoni creati dalle funzioni javascript della stessa, che si trovano in basso a sinistra e in basso a destra e sono cliccabili.
Abbiamo davvero bisogno di implementare una funzione javascript che li trovi e li rimuova, ma sembra non sia così semplice.

Ho fatto diverse prove:
- gli elementi non hanno un id, dunque non è semplice trovarli
- con un comando del tipo $("div").remove(":contains('Click on this area')"); che se ho ben capito dovrebbe eliminare il div che contiene al suo interno la stringa 'Click on this area' (il primo dei due pulsanti da togliere) sparisce tutto sulla pagina
- (non so se c'entra) eseguendo il comando getElementsByTag con parametro "div" mi restituisce un solo risultato, con parametro "img" zero risultati, dunque mi sembra di capire che mi restituisca solamente gli elementi facenti parte del sorgente nostro e non da quello generato automaticamente dall'api (se così si possono definire, non sono molto pratico di html e javascript)



Potete aiutarmi? con che comando posso effettivamente cercare quei due elementi e rimuoverli? (il primo non ha nemmeno del testo tra i tag)
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, ma stai parlando del logo di google ? guarda qui, non so se saranno contenti ... leggi i termini d'uso della api.
 
Discussioni simili
Autore Titolo Forum Risposte Data
A eliminare la chiusura del tag <div> HTML e CSS 2
G Eliminare l'effetto refresh di una pagina internet PHP 8
M eliminare padding logo sito HTML e CSS 2
A eliminare caratteri speciali mettendo uno spazio PHP 0
A eliminare caratteri diacritici con codice ascii PHP 4
MarcoGrazia Eliminare in automatico i caratteri spuri all'inizio e alla fine di una stringa Snippet PHP 0
L Eliminare estensione .html HTML e CSS 9
L [RISOLTO] Eliminare una discussione creata PHP 3
S Eliminare spazio iniziale PHP 2
S [PHP] Eliminare doppioni array e rinumerare le posizioni PHP 2
maxnegri Eliminare url index.php con variabili e reindirizzare alla home del sito PHP 7
D [ASP] Eliminare gli zeri che nn servono Classic ASP 1
K Come eliminare attributi regex per validazione con javascript Javascript 0
maxnegri [PHP] Eliminare risultati duplicati da ciclo foreach ottenuti da una select php mysqli PHP 18
P [HTML] Eliminare doppio menu in wordpress WordPress 2
P [WordPress] Eliminare scritta Categories da post WordPress 4
C [PHP] eliminare elemento da un array multidimensionale PHP 9
L Mi trovo nell'impossibilità di eliminare un record nella tabella Database 1
A [WordPress] Eliminare riga codice HTML WordPress 6
loois come eliminare una discussione fata in questo forum ? Discussioni Varie 1
trattorino [PHP] Eliminare piu frasi PHP 1
C [PHP] RISOLTO - Eliminare elementi duplicati da array multidimensionale PHP 1
L [HTML] versione mobile eliminare stile menu da nav HTML e CSS 0
T Come eliminare canonical url da blogger SEO e Posizionamento 0
dany81 [Photoshop] Eliminare più sfondo possibile... Photoshop 3
Monital [PHP] Eliminare la Barra di caricamento file alla fine dell'esecuzione PHP 11
asevenx [PHP] Eliminare record automaticamente dopo una certa data PHP 12
L Eliminare suono da iframe HTML e CSS 3
G Eliminare scrollbar laterale di visuallightbox jQuery 0
9 eliminare righe di una tabella con form html PHP 6
M Eliminare un cookie PHP 1
elpirata Eliminare dati selezionati da una form di select PHP 6
Marco_88 Eliminare una colonna da una LEFT JOIN MySQL 4
A come eliminare i suggerimenti della barra degli indirizzi su google chrome? Windows e Software 3
M Eliminare immagini da directory / *dal database fatto! PHP 2
K eliminare il carriage return Javascript 4
S Problema nell'eliminare un'immagine PHP 2
felino Eliminare stringa compresa tra due tags PHP 4
Creatt Eliminare macchine in centos Linux e Software 2
filippino Eliminare lo sfondo di una foto Photoshop 1
D [VB.NET] Eliminare Cartella e sottocartelle TRAMITE FTP .NET Framework 1
D Eliminare voce da campo db Classic ASP 5
filippino Eliminare le barre scorrimento HTML e CSS 1
A come eliminare Awesomehp Sicurezza e Virus 1
L eliminare un prodotto dal carrello tramite l'id della sessione PHP 1
felino Array: eliminare gli elementi che soddisfano una condizione PHP 5
A Eliminare bordo blu al click di un'immagine mappata HTML e CSS 3
L Eliminare Tag in runtime... jQuery 1
D Eliminare elementi da pagina html tramite pulsante HTML e CSS 7
8 Eliminare weebly free site HTML e CSS 3

Discussioni simili