Search the Community
Showing results for tags 'html and css'.
Found 3 results
-
I am trying to allow a user to input their own info in to their place make, say a reference number for example, but am struggling to do so. I believe the way for this is a regular counter loop, but i am not sure how and where to put it and even if that is the right thing to do. Can anyone help me with this please. The code below is what I have done so far. <!DOCTYPE html> <html> <head> <style type="text/css"> #supplementwindow { display: none; position: absolute; left: 10px; top: 10px; } </style> <!-- Google Maps and Places API --> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places"></script> <!-- jQuery --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> var markers = []; function createMarker(latlng, html, map) { var infowindow = new google.maps.InfoWindow({ content: html }); var marker = new google.maps.Marker({ map: map, position: latlng }); marker.addListener('mouseover', function() { infowindow.open(map, this); $('#supplementwindow').html(latlng + '<br>' + html).fadeIn(); }); marker.addListener('mouseout', function() { infowindow.close(); $('#supplementwindow').fadeOut(); }); markers.push(marker); } //declare namespace var up206b = {}; //declare map var map; function trace(message) { if (typeof console != 'undefined') { console.log(message); } } up206b.initialize = function() { var latlng = new google.maps.LatLng(52.136436, -0.460739); var myOptions = { zoom: 13, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); up206b.geocode(); } var geocoder = new google.maps.Geocoder(); up206b.geocode = function() { for (var i = 0; i < markers.length; i++) { markers[i].setMap(null); } markers = []; var bounds = new google.maps.LatLngBounds(); var addresses = [$('#address').val(), $('#address2').val()]; addresses.forEach(function(address) { if (address) { geocoder.geocode({ 'address': address }, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { map.setCenter(results[0].geometry.location); createMarker(results[0].geometry.location, address, map); bounds.extend(results[0].geometry.location); map.fitBounds(bounds); } else { alert("Geocode was not successful for the following reason: " + status); } }); } }); } </script> </head> <body onload="up206b.initialize()"> <div style="top: 0; right: 0; width:380px; height: 500px; float:right; padding-left:10px; padding-right:10px;"> <h1 align="center">Map Search</h1> <div style="border:1px solid #ccc; background:#e5e5e5; padding:10px;" > <form > <br> Location 1 <input type="text" id="address"> <br> <br> Location 2 <input type="text" id="address2"> <br> <br> <input type="button" value="Submit" onClick="up206b.geocode()"> </form> </div> </div> <div id="map_canvas" style="height: 500px; width: 500px; float:right"></div> <div id="supplementwindow"></div> </body> </html> -
HI all, I've just started HTML and new at this forum..........I'd just like to know does W3School tutorials and references on HTML and CSS are enough to create agood wbsite..?
-
I received my book html and css from Amazon.co.uk. I was very unhappy with the content. Amongst other things I did think the book was a print out of all the lessons contained in your website. Which it is not. I also tried to contact your customer services (which you don't have) and to give you a chance to resolve the issue before I published my review on amazon.co.uk. Failing that I tried to contact you via this forum and my opinion is that your forum is as hard to register to use as it is to get into Fort Noxx. It took 6 attempts to get the correct CAPTCHaA and the listening version is terrible. Having finally climbed mount Everest and been able to register I then had to wait morre than 2 days for you to approve my registratioin. As it's obvious that you detest communicating with your customers I decided to post the following review into amazon.co.uk I've thrown the book away as it would cost me more to return it than what I paid for it. The book stinks! There is 1 chapter on CSS and at the end of that they suggest that you buy their learn CSS book. Having paid extra for what I thought was both books combined, which is what the title suggests, I now find that I should have bought their CSS book as well.W3 also make it impossible to contact them on their website. You have to contact them through the forum which is almost impossible. It took me 6 attempts to get their CAPTCHA write. Once registered to use their forum you can not post anything until they have vetted your application.I wanted to hear what they had to say about this book as I can't I've thrown it in the bin!Learn HTML and CSS with W3Schools
