fixed cancel Button
This commit is contained in:
		
							parent
							
								
									98485ebb78
								
							
						
					
					
						commit
						e5f851a22b
					
				@ -2,6 +2,18 @@ h1 {
 | 
			
		||||
  color: black;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#overlay{
 | 
			
		||||
  
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.hidden{
 | 
			
		||||
  display: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.show{
 | 
			
		||||
  display: block;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#map {
 | 
			
		||||
  height: 50vh;
 | 
			
		||||
  width: 100%;
 | 
			
		||||
@ -13,7 +25,7 @@ h1 {
 | 
			
		||||
  width: 30px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#formular-wrapper {
 | 
			
		||||
#MapControls {
 | 
			
		||||
  height: 50vh;
 | 
			
		||||
  width: 50vh;
 | 
			
		||||
  float: left;
 | 
			
		||||
 | 
			
		||||
@ -27,17 +27,17 @@ dbVerbindungErzeugen()
 | 
			
		||||
 | 
			
		||||
</head>
 | 
			
		||||
<body>
 | 
			
		||||
    <h1>spinn mit!!</h1>
 | 
			
		||||
 | 
			
		||||
    <div id="map">
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
    <div class="formular-wrapper">
 | 
			
		||||
    <div class="MapControls">
 | 
			
		||||
    <img src="/images/navigation.png" id="currentLocation">
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
    <div id="idee_container">
 | 
			
		||||
    <div id="overlay" class="hidden">
 | 
			
		||||
      <img src="/images/cancel.png" id="cancel">
 | 
			
		||||
 | 
			
		||||
      <div id="idee">
 | 
			
		||||
 | 
			
		||||
@ -46,9 +46,28 @@ $(document).ready(function(){
 | 
			
		||||
    localStorage.setItem('localLikes',JSON.stringify(localLikes));
 | 
			
		||||
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
  
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
})
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
function openOverlay(){
 | 
			
		||||
 | 
			
		||||
  $("#overlay").removeClass("hidden").addClass("show")
 | 
			
		||||
 | 
			
		||||
  $("#cancel").click(function() {
 | 
			
		||||
    document.getElementById("idee").innerHTML = "";
 | 
			
		||||
    $("#overlay").removeClass("show").addClass("hidden")
 | 
			
		||||
    
 | 
			
		||||
  })
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
//LocalStorage Anpassen (Likes hinzufügen oder entfernen)
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -56,6 +56,7 @@ function addMarkers(){
 | 
			
		||||
 | 
			
		||||
         marker.addListener("click", () => {
 | 
			
		||||
          ideeAnzeigen(markerData[i]);
 | 
			
		||||
          openOverlay();
 | 
			
		||||
          
 | 
			
		||||
         })
 | 
			
		||||
       }
 | 
			
		||||
@ -73,6 +74,7 @@ function addMarkers(){
 | 
			
		||||
 | 
			
		||||
map.addListener("click", (mapsMouseEvent) => {
 | 
			
		||||
  newMarker(mapsMouseEvent.latLng);
 | 
			
		||||
  openOverlay();
 | 
			
		||||
 | 
			
		||||
  formularErstellen(mapsMouseEvent.latLng);
 | 
			
		||||
})
 | 
			
		||||
@ -94,7 +96,6 @@ function newMarker(mousePosition) {
 | 
			
		||||
    newMarker.setIcon("/images/newMarker.jpg");
 | 
			
		||||
 | 
			
		||||
    $("#cancel").click(function() {
 | 
			
		||||
      document.getElementById("idee").innerHTML = "";
 | 
			
		||||
      newMarker.setMap(null);
 | 
			
		||||
    })
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user