PHP Server-Side CORS Header for Cordova PhoneGap Ionic

PHP Server-side CORS header for Cordova, PhoneGap and Ionic

header('Access-Control-Allow-Origin: http://app.nearests.com/'); header('Access-Control-Max-Age: 3600'); header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE'); <textarea> <p>Hope that will help mankind of CORS & CrossDomain Errors</p> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Posted by <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'>Hydhost.com</span> </span> </span> <span class='post-timestamp'> at <meta content='http://msql-php.blogspot.com/2020/05/php-server-side-cors-header-for-cordova.html' itemprop='url'/> <a class='timestamp-link' href='https://msql-php.blogspot.com/2020/05/php-server-side-cors-header-for-cordova.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2020-05-28T11:46:00-07:00'>11:46 AM</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='https://msql-php.blogspot.com/2020/05/php-server-side-cors-header-for-cordova.html#comment-form' onclick=''> No comments: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1079127077'> <a href='https://www.blogger.com/post-edit.g?blogID=90790251245063676&postID=5105439217725880476&from=pencil' title='Edit Post'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> Labels: <a href='https://msql-php.blogspot.com/search/label/cordova' rel='tag'>cordova</a>, <a href='https://msql-php.blogspot.com/search/label/CORS' rel='tag'>CORS</a>, <a href='https://msql-php.blogspot.com/search/label/crossdomain' rel='tag'>crossdomain</a>, <a href='https://msql-php.blogspot.com/search/label/phonegap' rel='tag'>phonegap</a>, <a href='https://msql-php.blogspot.com/search/label/php' rel='tag'>php</a> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> <div class='inline-ad'> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>Sunday, May 24, 2020</span></h2> <div class="date-posts"> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='90790251245063676' itemprop='blogId'/> <meta content='4182827950459464367' itemprop='postId'/> <a name='4182827950459464367'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://msql-php.blogspot.com/2020/05/drag-google-map-pin-get-lattitude.html'>Drag Google Map Pin Get Lattitude Longitude Address</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-4182827950459464367' itemprop='description articleBody'> <br /> <p>Here is best working example of on how to get Latitude Longitude and address while dragging google map pin to desired location</p> <br><br> <textarea class="code" style="width:100%;height:400px;"> <style> #myMap { height: 350px; width: 680px; } </style> <div id="myMap"></div> <input id="address" type="text" name="address" /><br/> <input type="text" id="latitude" placeholder="Latitude"/> <input type="text" id="longitude" placeholder="Longitude"/> <input type="text" id="latlong" placeholder="latlong" style="width:200px;" /> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=<YOUR_KEY>"></script> <script type="text/javascript"> var map; var marker; var myLatlng = new google.maps.LatLng(17.485550,78.387932); var geocoder = new google.maps.Geocoder(); var infowindow = new google.maps.InfoWindow(); function initialize(){ var mapOptions = { zoom: 18, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("myMap"), mapOptions); marker = new google.maps.Marker({ map: map, position: myLatlng, draggable: true }); geocoder.geocode({'latLng': myLatlng }, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { if (results[0]) { $('#latitude,#longitude').show(); $('#address').val(results[0].formatted_address); $('#latitude').val(marker.getPosition().lat()); $('#longitude').val(marker.getPosition().lng()); var latlng = marker.getPosition().lat() + ', ' + marker.getPosition().lng(); $('#latlong').val(latLng); infowindow.setContent(results[0].formatted_address); infowindow.open(map, marker); } } }); google.maps.event.addListener(marker, 'dragend', function() { geocoder.geocode({'latLng': marker.getPosition()}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { if (results[0]) { $('#address').val(results[0].formatted_address); $('#latitude').val(marker.getPosition().lat()); $('#longitude').val(marker.getPosition().lng()); infowindow.setContent(results[0].formatted_address); infowindow.open(map, marker); } } }); }); } google.maps.event.addDomListener(window, 'load', initialize); </script> </body> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> </script>

Background Image resized when Soft keyboard is shown in Android iOS Ionic Cordova

After lot of bang bang finally I found solution to Make full screen CSS background image appear behind a mobile soft keyboard activated on Browser of Anroid Phone or Ionic or Cordova app background

background:url(img/bg.png); background-repeat: no-repeat; background-size: 100% auto; background-attachment: fixed;

BACKGROUND-SIZE : 100% AUTO -- does the magic